/*Stylesheet for subpages*/

/*Colors of site*/
/*Header banner dark blue = 1B3A5F; light blue = 657D9B*/
/*Banner text = EDCA93*/
/*Body background = FFFFFF*/
/*Header shadow beige = AB997C*/
/*Spacer beige = AB997C*/
/*Side column blue = 8CA5C3*/
/*Footer light blue = 657D9B; dark blue = 1B3A5F*/

body{
	background:#FFFFFF url("../images/bg_body_subpage.jpg") repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin:0 0 0 0;
	text-align:center;
	}
	
body a:link {
		text-decoration:none;
	}
	
body a:visited {
		text-decoration:none;
	}
	
body a:active {
	color:#930132;
}
	
a img{
	border:0;
	}
	
p{
	font-size: 1em;
	margin:0 0 0 5px;
	text-align: left;
	}

h1{
	display:none;
}

form label{
	display:none;
}

#skipnav {
	position: absolute; 
	left: -1000em; 
	width: 20em;
	}

#wrapper{
	width:960px;
	text-align:left;
	margin: -93px auto;
	padding:0;
	background:#97ABC3 url('../images/bg_page.jpg') repeat-y;
}

#wrapper_subpage{
	width:960px;
	text-align:left;
	margin: -93px auto;
	padding:0;
	background:#97ABC3 url('../images/bg_subpage.jpg') repeat-y;
}
.large {
	font-size:120%;
}
	
/************ Header *************/

#headershadow {
	height:106px;
	margin: 0px auto;
	background:url('../images/headershadow.jpg')  center top no-repeat;
	z-index:-1;
}
#searchbar{
	background: url("../images/header.jpg") no-repeat;
	height: 62px;
	color: #DBC1B0;
	font-size:90%;
	padding-top:6px;
	padding-bottom:0;
	margin:0 0 0 0;
	}
	
#searchbar h2{
	display:none;
}
	
#searchbar p{
	float:right;
	padding-right:10px;
	padding-top:15px;
	}
	
#searchlinkbar{
	width:770px;
	font-size: 90%;
	list-style-type:none;
	padding:0 0 0 0;
	margin: 0 0 0 150px; 
	text-align:center;
	}
	
#searchlinkbar li{
	padding:0 8px 0 8px;
	display:inline;
	color: #DBC1B0;
	}

#searchlinkbar a:link{
	color:#DBC1B0;
	text-decoration:none;
	}
	
#searchlinkbar a:visited{
	text-decoration:none;
	color:#DBC1B0;
	}
		
#googlesearch{
	float:right;
	padding-right:20px;
	margin-top:30px;
	}
	
#search {
	float:right;
	width:50px;
	padding-top:12px;
	color:#FFFFFF;
	font-size:90%;
}
	
#header{	
	height:120px;
	text-align:center;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	

/** CONTENT **/

/*This is the style that allows continuity of the sidebar when the content is elongated*/
#sidepluscont {
	width:100%;
	background:url('../images/bgbg_subpage.jpg') repeat-y;
	float:left;
	border-left:2px solid #AB997C;
}

.imglinks {
	border:none;
}

/***************** Top Menu ****************/

#groups{
	border:none;
	background:url("../images/linkbar.jpg") #333333;
	height:24px;
	margin:-5px 0 0 0;
	}
	
#groups h2{
	display:none;
}

html>body #groups {
	margin: 0 0 0 0;
}
	
#groups ul{
	padding:5px 0 0 0px;
	list-style-type:none;
	margin:-5px 0 0 100px;
	float:left;
	}
	
html>body #groups ul {
	 margin: -4px 0 0 200px;
}
	
#groups ul li {
	display:inline;
	font-size:12px;
	}	
	
#groups ul li a:hover {
	background-color:#666666;
	}	
	
#toplinks li{
	float:left;
}
	
#toplinks a {
	padding:0 0 5px 0;
	color: #fff; display: block; height: 18px; line-height: 18px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none;
}

#toplinks a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; cursor: pointer;}
	
#toplinks .linkbox ul {
	width:178px;
	float:left;
	border-right:1px solid #ddd;
	margin:0 0 0 10px;
	}
	
#toplinks .linkbox ul:last-child {
	border-right:none;
}
	
#groups ul li .linkbox ul li {
	display:block;
	width:170px;
	padding:3px 0 10px 0;
	}
	
#groups ul li .linkbox ul li a {
	padding:0 0 0 0;
	width:170px;
	text-align:left;
	height:auto;
}

#groups ul li .linkbox ul li a:hover{
	background-color:inherit;
	text-decoration:underline;
}

.linkbox {
	width:802px;
	background:#657D9B;
	position:absolute;
	left:-999em;
	z-index:100;
	clear:both;
	opacity:0.95;
	filter:alpha(opacity=95);
	color:#fff;
	border-bottom:1px solid #aaa;
	text-transform:none;
	text-align:left;
}

#block00 a {
	width:80px;
}
#block01 a {
	width:80px;
}
#block02 a {
	width:108px;
}

#block03 a {
	width:65px;
}

#block04 a {
	width:155px;
}

#block05 a {
	width:180px;
}

#block06 a {
	width:135px;
}
#block00 .linkbox{
	
	margin-left:0px;
}
#block01 .linkbox{
	margin-left:-44px;
}
#block02 .linkbox{
	margin-left:-124px;
}
#block03 .linkbox{
	margin-left:-232px;
}
#block04 .linkbox{
	margin-left:-322px;
}
#block05 .linkbox{
	margin-left:-452px;
}
#block06 .linkbox{
	margin-left:-632px;
}

#toplinks li.hover .linkbox { left: auto; }
	
	
#uppercontent{
	background:url("../images/uppercontentv2.jpg") #003300;
	width: 770px;
	height:235px;
	float:left;
	}
	
#top_content{
	background:url('../images/dcbannerthin.jpg');
	width:288px;
	height:235px;
	float:left;
	}
	
html>body #top_content {
	height:235px;
	width:288px;
	float:left;
}

#top_content a {
 	position: absolute;
  	height:95px;
  	width:262px;
  	margin-left:25px;
  	margin-top:8px;
  	text-decoration: none;
  	}
  	  
#top_content a em { visibility: hidden; }

/*SIDEBAR*/
/* This is the style for the navigation sidebar on the left hand side of the page */
#sidebar {
	border:none;
	width: 150px;
	height: 433px;
	color: white;
	text-align: left;
	font-size:12px;
	line-height:0;
	float:left;
	padding-top:0px;
	padding:0px;
	background:url('../images/sidebar.jpg') no-repeat;
}

html>body #sidebar{
	height:auto;
	min-height:433px;
	}

#sidebar ul {
	padding:0px;
	list-style:none;
	list-style-type:none;
	margin:0;
	line-height:0;
}

#sidebar ul li {
	margin-top:5px;
	margin-left:8px;
	padding:0;
	line-height:1.1em;
	padding-bottom: 0.9em;
}


#sidebar ul ul {
	padding:0;
	list-style:none;
	list-style-type:none;
	margin:9px 0 0 0;
	line-height:0;
	font-size:95%;
	}
	
#sidebar ul ul li {
	margin-top:3px;
	margin-left:12px;
	padding:0;
	line-height:1.0em;
	padding-bottom:0.4em;
	}

#sidebar ul ul ul li {
	margin-top:3px;
	margin-left:18px;
	padding:0;
	line-height:1.0em;
	padding-bottom:0.4em;
	}
	
#sidebar a:link {
	color: #fff;
	text-decoration: none;
}

#sidebar a:visited {
	color: #fff;
	text-decoration: none;
}

#sidebar a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}

#sidebar a:active {
	color: #FFF;
	text-decoration: none;
}

/*MAIN CONTENT AREA*/
/* This is the style for the general area containing all the textual and image content of the page */


#content {
	width:79.5%;
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
	float:left;
}

#content a:visited {
	color: #657D9B;
	text-decoration: none;
}
html>body #content {
	text-align:left;
	padding-bottom:10px;
	padding-left:150px;
	width:auto;
	float:none;
}

#title {
	height:25px;
	width:97%;
	color:white;
	font-style:normal;
	font-size:160%;
	font-weight:600;
	border:none;
	text-align:left;
	float:left;
}
/*CSS for Image Rotator*/
/*Styling for rotating image in content area*/
.pagephoto {
	margin:0 auto;
	width:849px;
	height:160px;
	overflow:hidden;
	background:url('../images/headerimg.jpg') no-repeat;
	
}

html>body .pagephoto {
	width:99%;
	}
	
/*To add or remove images from the rotator add the respective CSS below and update the number of rotating images in the Template*/
/*First image to rotate*/
#pagephoto1{
	background:url('../images/randomImages2/1.jpg') no-repeat;
	}
	
/*Second image to rotate*/
#pagephoto2{
	background:url('../images/randomImages2/2.jpg') no-repeat;
	}
	
/*Third image to rotate*/
#pagephoto3{
	background:url('../images/randomImages2/3.jpg') no-repeat;
	}
	
/*Fourth image to rotate*/
#pagephoto4{
	background:url('../images/randomImages2/4.jpg') no-repeat;
	}
	
/*Fifth image to rotate*/
#pagephoto5{
	background:url('../images/randomImages2/5.jpg') no-repeat;
	}
	
/*Sixth image to rotate*/
#pagephoto6{
	background:url('../images/randomImages2/6.jpg') no-repeat;
	}
	
/*Seventh image to rotate*/
#pagephoto7{
	background:url('../images/randomImages2/1.jpg') no-repeat;
	}
	
/*Eight image to rotate*/
#pagephoto8{
	background:url('../images/randomImages2/2.jpg') no-repeat;
	}
	
/*Ninth Image to rotate*/
#pagephoto9{
	background:url('../images/randomImages2/3.jpg') no-repeat;
	}

/*Tenth Image to rotate*/
#pagephoto10{
	background:url('../images/randomImages2/4.jpg') no-repeat;
	}
	
/*Eleventh image to rotate*/
#pagephoto11{
	background:url('../images/randomImages2/5.jpg') no-repeat;
	}
	
/*Twelth image to rotate*/
#pagephoto12{
	background:url('../images/randomImages2/6.jpg') no-repeat;
	}
	
/*Thirteenth image to rotate*/
#pagephoto13{
	background:url('../images/randomImages2/1.jpg') no-repeat;
	}
	
/*Fourteenth image to rotate*/
#pagephoto14{
	background:url('../images/randomImages2/2.jpg') no-repeat;
	}
	
/*Fifteenth image to rotate*/
#pagephoto15{
	background:url('../images/randomImages2/3.jpg') no-repeat;
	}
	
/*Sixteenth image to rotate*/
#pagephoto16{
	background:url('../images/randomImages2/4.jpg') no-repeat;
	}
	
/*Seventeenth image to rotate*/
#pagephoto17{
	background:url('../images/randomImages2/5.jpg') no-repeat;
	}
	
/*Eighteenth Image to rotate*/
#pagephoto18{
	background:url('../images/randomImages2/6.jpg') no-repeat;
}

/*Nineteenth image to rotate*/
#pagephoto19{
	background:url('../images/randomImages2/1.jpg') no-repeat;
	}
	
/*20th Image to rotate*/
#pagephoto20{
	background:url('../images/randomImages2/2.jpg') no-repeat;
}


/*End of Image rotator CSS*/

/************** Footer *************/

#footer{
	clear:both;
	color:#FFFFFF;
	background:url('../images/footer.jpg') no-repeat;
	font-size:100%;
	height:55px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:80%;
	width:960px;
	position:relative;
	z-index:100;
	}
	
#footer p {
	font-size: 0.7em;
	}
		
#footer a:visited {
	color:#FFFFFF;
	text-decoration: underline;
	}
	
#footer a:link {
	color:#FFFFFF;
	text-decoration: underline;
	}
	
#footer a:hover {
	text-decoration:none;
	color: #fff;
}	
	
#footer p a:link{
	text-decoration: underline;
}

#footer p a:hover {
	text-decoration: none;
}

#footer_middle a:link{
	text-decoration: underline;
}

#footer_middle a:hover {
	text-decoration: none;
}

#footerleft {
	float:left;
	width:350px;
	height:47px;
	margin:0px 0 0 10px;
	}

#footer_middle{
	float:left;
	width:400px;
	margin:0 auto;
	padding:15px 0 0 0;
	}

#footer_middle p{
	display:inline;
	padding-left:10px;
	font-size:75%;
	}
	
#footer_right{
	float:right;
	width:160px;
	margin: 10px 10px 0 0;
	}
	
#footerbgextend{
	background:#00305e url('../images/footerbg.jpg') repeat-x;
	width:100%;
	margin:38px 0 0 0;
	height:70px;
	position:relative;
	z-index:1;
}

#footershaddow{
	background:url('../images/footershaddow.jpg') no-repeat;
	width:980px;
	height:65px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#content table th {
	background-color: #E9E9E9;
}

.tablepadleft {
	margin-left: 15px;
}

#subcontent {
	margin-left: 15px;
}

tr.d0 td {
	background-color: #FFFFFF; color: black;
}
tr.d1 td {
	background-color: #AB997C; color: black;
}
tr.d2 td {
	background-color: #97ABC3; color: black;
}
