/* =PAGE WRAPPERS
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #9D9879 url(bg_texture.jpg) repeat-x 0 0;
	}

#page-wrapper1 {
	background: transparent url(shadow.gif) repeat-y top center;
	}

#page-wrapper2 {
	background: transparent url(textured_shadow.jpg) no-repeat top center;
	}

#page-wrapper3 {
	background: transparent url(bottom_corners.jpg) no-repeat bottom center;
	}

#page-wrapper4 {
	background: transparent none;
	}

#page-area {
	width: 758px;
	margin: 0 auto;
	padding: 0;
	border: 3px solid #fff;
	border-top: 0;
	background: #F5F5EB url(left_col_bg.gif) repeat-y 0px 0px;
	}

#main-content {
	width: 566px;
	margin-bottom: 20px;
	padding-top: 15px;	
	background: #f5f5eb url(main_content_bg.gif) repeat-y 0px 0px;
	}

#page-title h1 {
	margin-top: 0;
	}

#sub-content {
	width: 161px; /* Hacked in global-ie.css for IE */
	float: right;
	}

#sub-header img {
	display: block;
	padding: 0;	
	border: 0;
	border-bottom: 1px solid #fff;
	background: none;
	}

/* =CONTENT
-------------------------------------------------
	THE FOLLOWING STYLES ARE FOR THE RIGHT
	COLUMN
-------------------------------------------------*/

#content {
	float: right;
	width: 566px;
	border-top: 1px solid #fff;
	}

/* =COLGROUPS
-------------------------------------------------

-------------------------------------------------*/

#main-content .col-group {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	/* overflow: hidden; Makes columns invisible in Netscape. */

	}

#main-content .col-group .clear {
	border: 1px transparent dotted;	/* Helps Netscape "get" the clearing div, but shows black borders in IE without a second hack -- see global-ie.css. */
	}

#main-content .col {
	overflow: hidden;
	display: inline;
	}

#main-content .col h2 {
	margin-top: 5px;
	}

#main-content .col table {
	margin-left: 18px;
	margin-right: 15px;
	width: auto;
	}

#main-content .two-col {
	background: transparent url(two_col_bg.gif) repeat-y  50% 0%;
	}

#main-content .two-col .first-col {
	float: left;
	width: 49%;
	}

#main-content .two-col .last-col {
	float: right;
	width: 49%;
	}

#main-content .three-col .col {
	float: left;
	width: 33%;
	}

#main-content .three-col .first-col {
	float: left;
	width: 33%;
	}

#main-content .three-col .last-col {
	float: right;
	width: 33%;
	}

/* =GLOBAL ALERTS
-------------------------------------------------

-------------------------------------------------*/

#alert {	
	border-top: 1px #fff solid;
	border-left: 8px #646464 solid;
	width: 750px;
	background-color: #333;
	text-align: right;
	font-size: 105%;
	}

#alert p {
	margin: 0px 10px;
	padding: 0;
	line-height: 30px;
	color: #fc0;
	}

#alert em {
	color: #fff;
	font-style: normal;
	}
	
#alert a {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
	line-height: 15px;
	color: #fff;
	text-decoration: underline;
	}
	
#alert a:hover {
	text-decoration: none;
	}