@charset "windows-1255";
body {
	font: 100% Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #FFFFFF url(../images/ui2/bodyBG.jpg) repeat-x;
	font-size: 13px;
}

body#inner {
	font: 100% Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #FFFFFF url(../images/ui2/inner_bodyBG.jpg) repeat-x;
	font-size: 13px;
}


#container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#headerInner {
margin-top: 22px;
padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
height: 113px;
}

#headerInner h1 a {display: block; height: 112px; text-decoration:none; width: 990px;}

#headerInner h1 { text-indent:-9999px}
	

#header {
margin-top: 22px;
padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
height: 329px;
background: url(../images/ui2/logoArea.jpg) top left no-repeat;

}


#header h1 {
	display: none;}
	
	
* html #SlideShow {
	background: url(../images/ui2/slide1.jpg) top left no-repeat;
}
		
	
	
#logoArea {
padding-top: 228px; text-align:center;
	}
	
#logoArea ul {padding:0 ;margin: 0  auto; text-align:center; }
#logoArea ul li {
	float: left;
	margin: 0 18px;
/*	border: 3px solid #FFFFFF;
	background-image: url(../images/ui2/quickLinkBG.jpg);
	background-repeat: repeat;*/
	list-style: none;
	}
	
#logoArea ul li a {
	width: 120px;
	/*padding:6px 6px 6px 0;*/
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;	}
	
#logoArea ul li a:hover{ text-decoration:underline;	}
	
#nav {height: 44px;}

#nav {clear:both;}
#nav ul {padding:0; margin:0;}
#nav ul li {padding: 0 1px 0 5px; margin: 0; background:url(../images/ui2/nav_sep.jpg) left no-repeat; background-position: 0 0; list-style:none; float:left; }
#nav ul li.first {padding: 0; margin: 0; background: none; list-style:none; float:left; }
#nav ul li a {}
#nav ul li a img { border: 0;}


#nav-home {clear:both;}
#nav-home ul {padding:0; margin:0;}
#nav-home ul li {padding: 0 1px 0 5px; margin: 0; background:url(../images/ui2/nav_sep.jpg) left no-repeat; background-position: 0 0; list-style:none; float:left; }
#nav-home ul li.first {padding: 0; margin: 0; background: none; list-style:none; float:left; }
#nav-home ul li a {}
#nav-home ul li a img { border: 0;}



#contentArea {clear:both;}

#leftNav {
	float:left;
	width: 200px; 
	padding: 10px;
	text-align:left;}
	
#leftNav ul {padding: 0; margin:0; font-size: 12px;}
#leftNav ul li {list-style: none;  padding: 0; margin: 0;  border-bottom: 1px solid #F1F1F1; }
#leftNav ul li a {text-decoration:none; color:#660000; padding: 5px 0 5px 5px; margin: 0; display: block; }
#leftNav ul li a:hover{  background-color:#EBEBEB; color:#000000; padding: 5px 0 5px 5px; }
	
	
#mainContent {
	margin: 0 0 0 230px;
	border-left: 1px solid #CCCCCC;
	padding: 10px 20px; 
	line-height: 150%;
	text-align:left;
	min-height: 500px;
}

#mainContent a, #mainContent_home a { color: #000000 ; text-decoration: underline; }
#mainContent  a:hover , #mainContent_home a:hover { color: #000000 ; text-decoration: none ;}


#mainContent h1 {font-size: 25px; padding: 2px 5px 5px 5px; background:url(../images/ui2/H1BG.jpg) bottom repeat-x;}
#mainContent h2 {font-size: 21px; }

#mainContent img, #mainContent_home  img { background-color: #FFFFFF; padding: 2px; border: 1px solid #DDDDDD; margin: 3px;}
#mainContent img.noBor, #mainContent_home img.noBor {border: 0; padding:0; margin: 1px; background-color: none;}


#mainContent ul li {list-style-image:url(../images/ui2/bullet_orange.gif);}

#mainContent_home {clear:both;
	padding: 0;
	font-size: 11px; } 



#mainContent_left {float: left;
	width: 476px;
	}

#mainContent_right {
	float: right; 
	width: 257px;
	}

#mainContent_middle {margin: 0 277px 0 496px;
 }

.box {
	background-color: #F7F5EE;
	border: 1px solid #ECE9D8;
	padding: 3px;
	overflow: auto;
}

.boxheader {color: #FFF; background-color:#600; border-bottom:2px solid #030708; padding: 4px; font-weight: bold;}

.message, .error {color:#FF0000;}

#mainContent a.orangeLink, #mainContent_home a.orangeLink { color: #600 ; text-decoration: none; font-weight: bold;}
#mainContent a.orangeLink:hover, #mainContent_home a.orangeLink:hover  { color: #600 ; text-decoration: underline ;}



.tableHeader {
	background-color: #600;
	color:#FFFFFF;}
	
.tableHeader a {color:#FFFFFF;	}
.tableHeader a:hover { text-decoration:none;}


.tableHeaderLight {
	background-color:#E0DEDA;
	color:#000000;
	padding: 0 3px;
}

.tableHeaderCream {
	background-color:#F7F5EE;
	color:#000000;
	padding: 3px;}
		
.tableBottomLine {border-bottom: 1px solid #FFE6CC;}	

.pageNav {background-color:#EEEEEE; margin-top: 12px; margin-bottom: 5px; padding: 3px; border-bottom: 1px solid #600; border-top: 1px solid #600; color: #000000;}
.pageNav a {color:#000000;	}
.pageNav a:hover { text-decoration:none;}
	
.tablebox {border: 1px solid #3A677E;}	









#footer {
	padding: 4px 10px 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear:both;
	background-color:#B38807;
	color:#600;
	font-size: 10px;
	text-align:left;
}

#footer a {color: #600;}
#footer a:hover {text-decoration: none;}