@charset "utf-8";
/* CSS Document */
html {
	font-family:Verdana, Geneva, sans-serif;
	font-size:medium;
	color:#000;
	background-color:#FFF;
	background:url(graphics/background.jpg) top left repeat-x;	
}
body {
	padding:0;
	margin-top:10px;
	}
p {margin-top:0;}	
a:link, a:visited { color:#00F; background-color: transparent;}
a:hover {background-color:transparent; color:#06F; }
#headcap {
	width:1008px;
	height:3px;
	margin-right:auto;
	margin-left:auto;
	background:url(graphics/headcap.gif) top left no-repeat;
}
#wrapper {
	width:1008px;
	margin-right:auto;
	margin-left:auto;	
	background:url(graphics/contentbg.png) top left repeat-y;
}
#header {
	width:1000px;
	height:150px;
	margin-right:auto;
	margin-left:auto;	
	background:url(graphics/header.jpg) top left no-repeat;
}
#header h1 {
	position:absolute;
	top:-1000px;
}
#midbar {
	width:1000px;
	height:24px;
	margin-right:auto;
	margin-left:auto;	
	background:url(graphics/midbar.gif) top left no-repeat;	
	font-size:12px;	
	color: #fff;
	background-color:transparent;	
}
#subnav {
	padding-top:4px;
	padding-left:5px;
}
#subnav a:link, #subnav a:visited, #footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#subnav a:hover, #footer a:hover {
	text-decoration:underline;
}
#datebox {
	float:right;
	padding-top:4px;
	padding-right:5px;
}
#center {
	width:1000px;
	margin: 0 auto;

}
#title {
	float:right;
	width:794px;
	height:38px;
	color:#fff;
	background-color:#bfc7d7;
	border-bottom:1px solid #a6a6a6;
	padding-left:5px;
	margin:0;
}
#title h2 {
	font-size:22px;
	margin-top:7px;
}
#content {
	float:right;
	width:799px;
}
#content div {
	padding:7px 7px 2px 7px;
}
#navtop {
	width:200px;
	height:28px;
	background:url(graphics/navcap.gif) top left no-repeat;
}
#nav {
	float:left;
	width:200px;
}




/* remove all the bullets, borders and padding from the default list styling */
#navmenu {
	width:198px;
	height:100%;
	list-style:none;
	margin:0; padding:0;
	position:relative;
    border-top:1px solid #898989;
	border-right:1px solid #898989;
	border-left:1px solid #898989;
	
}
/* style the list items */
#navmenu li {
background-color:#bfc7d7;
/* for IE7 */
float:left;
}
#navmenu li.sub {background:#bfc7d7 url(graphics/sub.gif) no-repeat right center;} 

/* get rid of the table */
#navmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#navmenu a, #navmenu a:visited {
display:block; 
text-decoration:none;
width:193px;
	color: #363636;
	background: url(graphics/navsep.gif) bottom left no-repeat;
	padding:6px 0 6px 5px;	
	font-size:14px;
}
/* hack for IE5.5 */
* html #navmenu a, * html #navmenu a:visited {width:198px; w\idth:198px;}
/* style the link hover */
* html #navmenu a:hover {color:#737e95; position:relative;}

#navmenu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#navmenu a:active, #navmenu a:focus {color:#737e95;}

#navmenu ul li ul li.sactive {color:#737e95; }

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#navmenu li:hover > a {color:#737e95;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navmenu li ul {
		padding:0; margin:0;
		list-style:none;
visibility:hidden;
position:absolute;
top:-1px;
/* set up the overlap (minus the overrun) */
left:199px;
	overflow:hidden;
}

/* for browsers that understand this is all you need for the flyouts */
#navmenu li:hover > ul {visibility:visible;}

/* make the second level visible when hover on first level link */
#navmenu ul a:hover ul {
visibility:visible;
}
#navmenu li:hover ul,
#navmenu li a:hover ul {
	visibility:visible; position:absolute; height:auto; 
	border-top:1px solid #6a6a6a;
	border-right:1px solid #6a6a6a;
	border-bottom:1px solid #6a6a6a;
	background:#bfc7d7; 
	overflow:visible;
	margin:0; padding:0;

}
#navmenu li:hover ul li, #navmenu li a:hover ul li {
	padding:0;
	color:#737e95; background-color:transparent;
	border:none;
	height:auto;
	padding-bottom:3px;	
}

#navmenu li a.active {color:#737e95;}

#navmenu li:hover ul li .active,
#navmenu li a:hover ul li .active {
	color:#737e95; background-color:transparent;
	border:none;
}














#navbot {
	float:left;
	width:200px;
	height:9px;
	background:url(graphics/navbot.gif) top left no-repeat;
	margin-bottom:5px;
}

.box {
	clear:both;
	width:182px;
	margin:5px auto;
}
.boxtop {
	width:182px;
	height:27px;
	background:url(graphics/subcap.gif) top left no-repeat;
}
.boxcontent {
	width:176px;
	background-color:#bfc7d7;
    border-top:1px solid #898989;
	border-right:1px solid #898989;
	border-left:1px solid #898989;
	text-align:center;
	padding:2px 2px;
}
.boxcontent p {margin-bottom:2px;}
.boxbot {
	width:182px;
	height:9px;
	background:url(graphics/subbot.gif) top left no-repeat;
}
#footcap {
	clear:both;
	width:1000px;
	margin:0 auto;
	height:6px; 
	background:url(graphics/footcap.png) top left no-repeat;
}
#footmid {
	width:1000px;
	height:40px;
	margin:0 auto;	
	border-bottom: 1px solid #000;
	background-color:#bfc7d7;
}
#footmid div {padding:2px 2px 2px 5px;}
#footer {
	width:1000px;
	height:41px;
	margin:0 auto;	
	background-color:#737e95;
	color:#fff;
	font-size:11px;
}
#footer div {padding:1px 2px 2px 5px;}
#d3web {
	float:right;
	width:135px;
	text-align:center;
	font-size:10px;
}
#footbot {
	clear:both;
	width:1008px;
	margin:0 auto;	
	height:4px;
	background:url(graphics/footbot.png) top left no-repeat;
}

.imgbrdr { border:1px solid #737e95; }
.large {font-size:120%; font-weight:bold;}
.smaller {font-size:90%;}