/* National GACC Website Template CSS page created 8/17/10*/

html { 	scrollbar-base-color: #334455; 
		scrollbar-face-color: #79a4cf; scrollbar-highlight-color: #00487d; 
		scrollbar-shadow-color: #00487d; scrollbar-3Dlight-color: #00487d; 
		scrollbar-arrow-color: #ffffff;	scrollbar-track-color: #ffffff; 
		scrollbar-darkshadow-color: #ff9000;
		}

body {
	padding: 0px;
	background: url("../images/background1.gif") repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited, a:active		{ color: #0000ff;	text-decoration: none; }
a:hover {	text-decoration: underline;	color: #CC3300;}

#container {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ffffff;
	xxbackground: transparent;
	font-family: Trebuchet, Trebuchet-MS, sans-serif;
}

/* BANNER ---------------------------------------------------------------------------------------- */

#banner {
	height: 74px;
	background: url("../images/banner1_2_left.gif") no-repeat left top;
	overflow: hidden;
}

#banner2 {
	float: left;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: url("../images/banner3_background1.gif") repeat left top;
	text-align: left;
	width: 100%;
	margin: 0 0 0 0;
}
#banner_menu {
	float: left;
}
/* BEGIN - HORIZONTAL MENU BAR FROM CSSPLAY*/
#menu {
	float: left;
	width: 65%;
	height:36px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 25px;
}
#menu ul {display:inline-block; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu li {display:inline;}
#menu li a {display:block; margin-top:6px; height:24px; float:left; color:#ccc; text-decoration:none; padding:0 10px 0 10px; font: bold 12px/22px arial,sans-serif;}
#menu li a:hover {padding:0 9px; border:1px solid #000; margin-top:5px; border-color:#000 #888 #666 #222; background:#444; color:#fff; line-height:24px}
/* END - HORIZONTAL MENU BAR FROM CSSPLAY*/

.banner_menu_right {
	float: right;
	padding: 2px 0 0 0;
	text-align: center;
	background-color: transparent;
	color: #FFFFFF;
	border: 0px solid #cccccc;
	margin: 0 0 0 0;
	height: 26px;
	width: 30%;
}


/* CONTENT AREAS (LEFT, CENTER, RIGHT) ---------------------------------------------------------------- */

#wrapper_inner {
	float: left;
	width: 100%;
	xxbackground: url("../images/container1.gif") repeat-x left top;
	border: 0px solid yellow;
}

#menubar {
	float: left;
	width: 18%;
	border: 0px solid yellow;
	margin-top: 15px;
	margin-left: .5%;
	display: inline;
	vertical-align: top;
}

.menubar_left {
	width: 100%;
}
	
.datatable_2 {  width: 100%; border: 1px solid #000000; border-collapse: collapse;  }
.datatable_2 caption { color: #334455; padding: 0.4em 0 0.8em 0; }
.datatable_2 col.odd {
	background-color: #ffffff;
	text-align: left;
	padding-left: 5px;
}
.datatable_2 col.even { background-color: #ffffff; color: #000000; }
.datatable_2 th { border: 1px solid #000000; text-align: center; background-color: #c00000; color: #ffffff;
	background: url("../images/banner3_background1.gif") repeat left top;
 }
.datatable_2 td {
	border: 0px solid #000000;
	text-align: left;
	color: #000000;
	padding-left: 5px;
}
.datatable_2 td.even {
	background-color: #404040;
	color: #ffffff;
	font-size: 8px;
	text-align: center;
}
.datatable_2 td#current1 {
	background-color: #EEB97A;
	text-decoration: underline;
}
.datatable_2 td#current2 {
	background-color: #EEB97A;
	text-decoration: underline;
	text-indent: 25px;
}
.datatable_2 td#indent {
	text-indent: 25px;
}
.datatable_2 tr:hover, .datatable_2 tr.hilite { background-color: #B9CDDD; color: #C00000; }

#center_area {
	float: left;
	width: 76%;
	border: 1px solid #7D7D91;
	margin-top: 15px;
	margin-left: 2%;
	xxposition: relative;
	display: inline;
	background: #ffffff;
}

#center_area_front {
	float: left;
	width: 502px;
	border: 1px solid #7D7D91;
	margin-top: 15px;
	margin-left: 2%;
	xxposition: relative;
	xxbackground: transparent;
}

#center_area_front_table {
	width: 100%;
	margin-top: 5px;
	border: 1px dashed #404040;
	height: auto;
	background-color: #B9CDDD;
	vertical-align: top;
	float: left;
}

#center_area_front_topics {
	width: 100%;
	margin-top: 5px;
	border: 1px dashed #404040;
	height: auto;
	background-color: transparent;
	vertical-align: top;
	float: left;
}

.center_area_front_topics_images {
	float: left;
	width: 50px;
	border: 0px solid #000000;
}

.center_area_front_topics_text {
	float: left;
	width: 85%;
	padding: 2px;
	text-align: left;
	border: 0px solid #000000;
}

.content_1 {
	width: 96%;
	border: 0px solid #000000;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	float: left;
}

.content_left {
	float: left;
	width: 302px;
	margin-left: 5px;
}
.content_left_inside_1 { width: auto; border-left: 1px dashed #666666; border-right: 1px dashed #666666; border-bottom: 1px dashed #666666; padding: 5px; }
.content_left_inside_2 { width: auto; border: 1px dashed #666666; padding: 5px; }

.content_right {
	float: right;
	width: 302px;
	padding: 0px;
	margin-right: 5px;
}
.content_right_inside_1 { width: auto; border: 1px dashed #666666; border-left: 1px dashed #666666; border-right: 1px dashed #666666; border-bottom: 1px dashed #666666; padding: 5px; background: #E6CE8C;}
.content_right_inside_2 { width: auto; border: 1px dashed #666666; padding: 5px; background: #E6CE8C;}

.content_2 {
	width: 96%;
	border: 0px solid #000000;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	margin-top: 15px;
}




.datatable_1 {  width: 170px; border: 1px solid #000000; border-collapse: collapse;  }
.datatable_1 caption { color: #334455; padding: 0.4em 0 0.8em 0; }
.datatable_1 col.odd { background-color: #B5C9DB; color: #000000; }
.datatable_1 col.even { background-color: #bfe4ff; color: #000000; font-weight: bold; }
.datatable_1 th { border: 1px solid #000000; text-align: center; background-color: #00487d; color: #FFFFFF; }
.datatable_1 td { border: 1px solid #000000;  text-align: left;  color: #000000; }
.datatable_1 tr:hover, .datatable_1 tr.hilite { background-color: #EEB97A; color: #000000; }
.datatable_1 td#current1 {
	background-color: #EEB97A;
	font-weight: bold;
	text-decoration: underline;
}

/* Links Page */
.datatable_3 {  width: 90%; border: 0px solid #000000; border-collapse: collapse;  }
.datatable_3 caption { color: #334455; padding: 0.4em 0 0.8em 0; }
.datatable_3 col.odd { background-color: #ffffff; color: #000000; }
.datatable_3 col.even { background-color: #ffffff; color: #000000; font-weight: bold; }
.datatable_3 th { border: 1px solid #000000; background-color: #00487D; color: #ffffff; }
.datatable_3 td { border: 0px solid #000000;  color: #000000; }
.datatable_3 tr:hover, .datatable_3 tr.hilite { background-color: #EEB97A; color: #000000; }
.image_ps {float: left; }

/* Outlooks Page */
.datatable_5 {  width: 90%; border: 0px solid #000000; border-collapse: collapse;  }
.datatable_5 caption { color: #334455; padding: 0.4em 0 0.8em 0; }
.datatable_5 col.odd { background-color: #ffffff; color: #000000; font-weight: bold;  text-align: center; }
.datatable_5 col.even { background-color: #ffffff; color: #000000; text-align: center; }
.datatable_5 th { border: 1px solid #000000; background-color: #C62929; color: #ffffff; }
.datatable_5 td { border: 0px solid #000000;  color: #000000; text-align: center; }
.datatable_5 tr:hover, .datatable_5 tr.hilite { background-color: #FFCF91; color: #000000; }

#welcome_right {
	float: right;
	width: 18%;
	border: 0px solid yellow;
	margin-top: 15px;
	margin-right: .5%;
}
.menubar_right {
	width: 100%;
}
	
.datatable_4 {  width: 100%; border: 1px solid #000000; border-collapse: collapse;  }
.datatable_4 caption { color: #334455; padding: 0.4em 0 0.8em 0; }
.datatable_4 col.odd {
	background-color: #ffffff;
	text-align: center;
}
.datatable_4 col.even { background-color: #ffffff; color: #000000; }
.datatable_4 th { border: 1px solid #000000; text-align: center; background-color: #404040; color: #ffffff; 
	background: url("../images/background_content_area_right.gif") repeat left top;
}
.datatable_4 td {
	border: 0px solid #000000;
	text-align: left;
	color: #000000;
	padding-left: 5px;
}
.datatable_4 td.even {
	background-color: #404040;
	color: #ffffff;
	font-size: 8px;
	text-align: center;
}
.datatable_4 td#current1 {
	background-color: #EEB97A;
	text-decoration: underline;
}
.datatable_4 td#current2 {
	background-color: #EEB97A;
	text-decoration: underline;
	text-indent: 25px;
}
.datatable_4 td#indent {
	text-indent: 25px;
}
.datatable_4 tr:hover, .datatable_4 tr.hilite { background-color: #C0FFFF; color: #C00000; }


/* FOOTER ---------------------------------------------------------------- */

#footer {
	clear: both;
	text-align: center;
	border-top: 1px solid #ffffff;
	margin: 0px;
	width: 100%;
	background-color: #666666;
	font-size: 10px;
	color: #FFFFFF;
	}
#footer h1 {	color:#ffffff;}
#footer h1 a { 	border: 0px solid #69845C;	color: #0000ff; }
#footer h1 a:hover {	background-color: #FFC177;	border: 1px solid #000000;	color: #000000; font-size: 8px; 	}

.style1 { font-size: 100%;	font-weight: bold;	color: #000000; }
.style2 {color: #ffffff}
.style3 {color: #ffffff; font-weight: bold; }
.style4 {color: #0000ff}
.style5 {color: #0000ff; font-weight: bold; }
.style6 {color: #000000}
.style7 {color: #000000; font-weight: bold; }
.style8 {color: #006666}
.style9 {color: #006666; font-weight: bold; }
.style10 {color: #993333}
.style11 {color: #993333; font-weight: bold; }
.style12 {color: #666666}
.style13 {color: #666666; font-size: 10pt; }
.style14 {color: #fc8108}
.style15 {color: #fc8108; font-weight: bold; }
.style16 {color: #ffffff;  }
.style17 {color: #ffffff; font-weight: bold; font-size: 24px }
.style18 {color: #993333; font-size: 10pt }
.style19 {color: #0000ff; font-size: 11pt}
.style20 {color: #990033; font-size: 18pt}
.style21 {color: #990033; font-weight: bold; }
.style23 {color: #0000ff; font-size: 9pt;}
.style24 {color: #990033; font-size: 14pt}
.style25 {color: #000000; font-size: 10pt; }
.style26 {color: #ff0000; font-weight: bold; }
.style27 {color: #ff9000; font-weight: bold; }
.style28 {color: #666666; font-size: 9pt; }
.style29 {color: #B41C09; font-size: 14pt; font-family:"Arial Rounded MT Bold"}
.style30 {color: #666666; font-size: 9pt; text-decoration: underline; }
.style31 {color: #fc8108; font-size: 9pt; }
.style32 {color: #B41C09; }

<!--[if lte IE 7]>
/* hack to compensate for IE and percentage widths rounding errors */
#center_area_front {width:60.6%;}
#center_area {width:76%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
-->