/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #666666;
	text-align:center;
}

#container {
	width:765px;
	background-repeat:repeat-y;
	background-color: #333;
	padding: 4px;
	border:1px groove;
	text-align:left;
}

#head {
	background-color: #000000;
	height: 43px;
	padding-top: 18px;
	color:#CCCCCC;
}

#bannerhead {
	background-image:url(images/bannerhead.jpg);
	height:170px;
}

#nav {
	background-image:url(images/navbg.jpg);
	background-repeat: repeat-x;
	text-align:center;	
}

#lowercontainer {
	background-color:#cccccc;
}

#infoheader {
	height: 59px;
	background-color:#cccccc;
}

#navmenu {
	float:left;
	margin:0;
	padding:0;
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#content1 {
	float:left;
	width:244px;
	height:340px;
	padding: 4px 4px 10px 4px;
	background-color:#fff;
	border-right:1px solid #333333;
}

#content2 {
	float:left;
	width:245px;
	height:280px;
	background-color:#fff;
	border-right:1px solid #333333;
	padding: 4px 4px 10px 4px;
}

#content3 {
	float:left;
	width:250px;
	height:280px;
	background-color:#fff;
	padding: 4px 4px 10px 4px;
}

#leftnav {
	float:left;
	width:155px;
	background-color:#fff;	
}

#bodycontent {
	float:left;
	width: 605px;
	margin-left: 5px;
	background-color: #fff;
}

#footer {
	clear:both;
	background-color:#333333;
	height:64px;
	padding-bottom:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#tutorial {
	margin-left:5px;
}

#sectiontitle {
	float:left;
	margin:0;
	padding:0;
	font-size: 160%;
	font-weight:bold;	
}

#sectiontitle li {
	display:inline;
	color:#666666;
	font-size:135%;
	font-weight:bold;
	list-style:none;
	position: relative;
	top: 28px;
	vertical-align:baseline;
	border-left: 1px solid #FFFFFF;
	
}
a.darklink:link {text-decoration: none; color: #cccccc;}
a.darklink:visited {text-decoration: none; color: #cccccc;}
a.darklink:hover {text-decoration: underline overline;}
a.darklink:active {text-decoration: underline overline;}


/* -------------------Top nav Menu---------------------*/

#navmenu ul {
	list-style-type:none;
	list-style:none;
	text-align:center;
}
#navmenu li {
	display: inline;
}

#navmenu li.end {
	width:125px;
}

#navmenu li a {
	float:left;
	color:#CCCCCC;
	padding:8px 0px 8px 5px;
	text-decoration: none;
	background-image:url(images/navbg.jpg);
	background-repeat:repeat-x;
	border-bottom: 1px solid #999999;
	width:122px;
	text-align:center;
}

#navmenu li a:link,visited { color:#CCCCCC; }
#navmenu li a:hover, active { color:#CCCCCC; text-decoration: underline; background-image:url(images/navover.jpg);}

a.navitem:link, visited {text-decoration:none; color:#999999;}
a.navitem:hover, active {text-decoration:underline; color:#999999; background-image: url(images/navover.jpg);}
/* -------------------End Top nav Menu-----------------*/


/* -------------------Left nav Menu---------------------*/
#leftmenu {
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftmenu li.header {
	text-align:center;
	font-size:12px;
	border: 1px solid #333333;
	padding: 2px 2px 2px 2px;
}

#leftmenu li.footer {
	text-align:center;
	font-size:12px;
	border-bottom: 1px solid #333333;
	color:#333;
	padding: 2px 2px 2px 2px;
}

#leftmenu a, #letmenu a:link, #leftmenu a:visited {
	display:block;
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #333333;
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none;	
}

#leftmenu a:hover {
	background-color:#ffffff;
	color:#333333;
}

#leftmenu a:active {
	backgroundcolor:#fff;
	color:#333333;
	text-indent: 3px;
}

/* -------------------End Left Nav Menu -------------------*/

/* -------------------Footer -------------------*/

#footerinfo li {
	display:inline;
	color:#fff;
	font-size:10px;
	list-style:none;
	vertical-align:bottom;
	border-left: 1px solid #FFFFFF;
}
	
/* -------------------End Footer -------------------*/

/* -------------------Body Content text info-------------------*/
#bodycontent h2 {
	background-image:url(images/navbg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:12px;
	font-size: 13px;
	color: #fff;
}

.info {
	background-image:url(images/info-arrow.png);
	background-repeat:no-repeat;
	background-position: left center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left: 10px;
}

a.info:link, a.info:visited { color:#333333; text-decoration:none; }
a.info:hover { color:#333; background-color:#999999; }
a.info:active { color:#333; background-color:#ccc;; border: 1px solid #000; text-decoration:none;}

.bluetitle { color:#215f87; font-size:110%; font-weight:bold; text-decoration:underline;}

a.bluelink:link, a.bluelink:visited {color: #215f87; font-weight:bold; text-decoration:none;}
a.bluelink:hover, a.bluelink:active {color:215f87; font-weight:bold; text-decoration:underline;}

a.infolink:link, a.infolink:visited {color:#990000; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-decoration:none;}
a.infolink:hover, a.infolink:active {color:#990000; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-decoration:underline;}

.more img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.more:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
	
.disclaimer {
	font-size:9px;
	color:#990000;
}

a.sitemapsub:link, a.sitemapsub:visited { color:#333333; text-decoration:none;}
a.sitemapsub:hover, a.sitemapsub:active { color:#333333; text-decoration:underline;}
/* -------------------End BodyContent-------------------*/
/* -------------------Bread Crumb Navigation Definitions-------------------*/
#breadcrumb {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333333;
}

a.bc:link, a.bc:visited { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333;text-decoration:none;}
a.bc:hover, a.bc:active { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333; text-decoration:underline;}
/* -------------------End Bread Crumb Navigation-------------------*/