html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

img { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }


body{
	font-family: arial,sans-serif;
	font-size: 13px;
	color: black;
	background-color: #766e57;	
	text-align: center;
}

div.header {
	padding-left:19px;
	background-image: url(../images/header_grade.jpg);
	background-repeat: repeat-y;
	border: 2px solid black;	
	text-align: left;
}

div.header img.logo {
	position: relative;
	top:-16px;
	left:-24px;
	margin-bottom:-45px;
	width:260px;
	height:59px;
}

div.header_controls {
	float: right;
	margin-right: 20px;
	margin-top: 12px;
}

div.header_controls form {
	float: left;
	margin-left: 10px;
}

div.top_nav {
	top:-7px;
	left:427px;
	position:relative;
	text-align:right;
	width:500px;
}

div.button {
	height:23px;
	margin-bottom:3px;
	margin-left:384px;
	width:116px;
}

div.button a {
	color:#443E2E;
}

div.button img {
	float:left;
}

div.button div {
	background-image: url(../images/topbuttonbg.png);
	border:1px solid #333333;
	border-left-width:0px;
	line-height:21px;
	padding-right:4px;
}

div.container{
	width:960px;
	margin:0 auto;
	text-align: left;
}

div.branding {	
	width:95%;
	height:15px;
	padding-top:5px;
	margin-left:45px;
}

div.branding img{
	z-index:2;
}

div.branding a {
	position:relative;
	color: #d9cfb4;  
}

div.spacer {
	clear: both;
}

div.timeline{
	padding-bottom:3px;
	background-color: #F7EFD1;
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:2px solid black;
}

div.timeline h2{
	font-weight:bold;
	font-family: trebuchet MS;
	font-size:1.5em;
	text-align:center;
}
div.timeline h2 em{
	font-size:1.4em;
	font-style:normal;
}
div.sites em{
	font-size:1.4em;
	font-style:normal;
}
div.popout {
	position:relative;
	padding:20px;
	background-color: #000000;
	height:200px;
	border-left:1px solid black;	
	border-right:1px solid black;
	margin-left:3px;
	margin-right:3px;
}
div.popout p{
	position:absolute;
	top:60px;
	left:270px;
	background-color: black;
	font-size:1.2em;
	color:white;
	font-weight:bold;
	width:65%;
	padding:10px;
}
div.popout p.inst{
	left:168px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
div.popout img{
	position:absolute;
	height:200px;
	_top:20px;
	left:45px;
	margin-top:15px;
}

div.popout h1{
	position:absolute;
	left:280px;
	top:25px;
	_top:30px;
	font-weight:bold;
	font-size:2em;
	color:#C7CEE0;
}
div.index_popout {
	position:relative;
	padding:20px;
	background-color: #000000;
	height:200px;
	border-left:1px solid black;	
	border-right:1px solid black;
	margin-left:3px;
	margin-right:3px;
}
div.index_popout p{
	position:absolute;
	top:60px;
	left:365px;
	background-color: black;
	color:white;
	width:45%;
	padding:10px;
}
div.index_popout p.inst{
	left:27.5%;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
div.index_popout img{
	position:absolute;
	height:200px;
	_top:20px;
	left:132px;
}

div.index_popout h1{
	position:absolute;
	left:374px;
	top:25px;
	_top:30px;
	font-weight:bold;
	font-size:2em;
	color:#FFB400;
}




/* border of Site specific content and containers for content */

	div.primaryouter {	
		border-left: 2px solid black;
		border-right:2px solid black;
		background-color: #F7EFD1;		
	}


	

/* end of containers */


/* last conatiner for pictures and info */

	div.mainsite {
		height:auto;		
	}


	div.mainsite h2{
		text-align: center;
		font-size: 1.7em;
		font-weight:bold;
		text-decoration: none;
		background-color:black;
		color:white;
		padding-top:3px;
		padding-bottom:3px;
	}

/* end of mainsite conatiner */



/* featured site picture set to 400px */

	div.feature {
		float:left;		
		width:45%;
		background-color: transparent;
		margin-left: 20px;
		padding-top:5px;
		padding-right:15px;
		padding-bottom:20px;
		
	}


	div.feature img{
		position:relative;
		width:400px;		
		border: 15px solid #ffb400;
		padding:2px;		
		background-color: white;
	}


/* end of featured picture */



/* accompanying information for specific attribute of specified site */

	div.info {
		margin-top:5px;
		margin-left: 20px;
		border:1px solid black;
		float:left;
		width:400px;
		padding:5px;
		background-color:white;
		text-decoration:none;
	}


	div.info p{
		padding:5px;
		font-family: trebuchet ms;
		font-size: 1.1em;
		text-align: left;
		background-color: transparent;
	}


	div.mainsite h3{
		text-align: center;
		font-size: 1.7em;
		font-weight:bold;
		text-decoration: none;
		
	}


	div.info img{
		float:left;
		padding:5px;
	}


/* end of info */

div.titleBar {
	
	color:#F9F0D3;
	font-family:helvetica, arial, sans-serif;
	font-size:2.2em;
	font-weight:bold;
	line-height:70px;
	padding-left: 20px;
	/*text-align: center;*/
}

div.genericBar {
	background-color:#000000;
}



div.credits {
	margin:50px 50px;
	background-color:transparent;
}
div.credits h3 {
	background-image: url(../images/grade.jpg);
	background-repeat:no-repeat;
	font-size:1.3em;
	font-family:trebuchet ms;
	padding-left:0px;
	height:30px;
	padding-top:3px;
	font-weight:bold;
}

div.credits h3 img {
	margin-right:5px;
}

div.credits h5 {
	background-image: url(../images/grade.jpg);
	background-repeat:no-repeat;
	font-size:1.3em;
	font-family:trebuchet ms;
	padding-left:30px;
	height:30px;
	padding-top:5px;
	font-weight:bold;
}
div.credits h4 {
	font-weight:bold;
	padding-top:10px;
	padding-left:30px;
}
div.credits a {
	color:black;
	text-decoration:underline;
}

div.credits p {
	font-family:trebuchet ms,serif;
	padding-left:30px;
}

div.credits img {
	padding-left:10px;
	padding-top:5px;

}

	div.foot {
		float:left;
		background-color: #A69C81;
		width:958px;
		border-top:2px solid black;
		border-bottom:2px solid black;
		border-right:2px solid black;
	}

	div.foot ul {
		list-style: none;	
		height:50px;		
	}

	div.foot li {
		background-color:#A69C81;
		border-left:2px solid black;
		float:left;
		line-height:51px;
		text-align:center;
		width:16.45%;
	}
	div.foot li:hover {
		background-color:#F7EED1;
	}
	#last:hover {
		background-color:#F7EED1;
	}
	#last img {
		left:-4px;
		margin-bottom:-5px;
		position:relative;
		top:7px;
	}

	div.foot li a {
		display: block;
		height: inherit;
		text-decoration: none;
		font-weight: bold;
		color: black;
	}

	div.footcredits{
		float:right;
		text-align:left;
		color: #d9cfb4;
	}

	div.footcredits a{
		font-family:Gill Sans,Arial;
		color: #d9cfb4;
		font-weight:bold;
		text-decoration: none;			
		clear:both;
	}
	div.footcredits a:hover{
		color:#F7EED1;
	}

	div.general{
		height:500px;
		width:auto;
	}

	div.faq_list{
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:15px;
	}

	div.faq_list dt{
		color:#5E2612;
		font-weight:bold;
		margin-left:10px;
	}

	div.faq_list dd{
		margin-left:15px;
		padding-bottom:5px;
	}

	div.glossary_list{
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:15px;
	}

	div.glossary_list dt{
		color:#253C66;
		font-weight:bold;
		margin-left:10px;
	}

	div.glossary_list dd{
		margin-left:15px;
		padding-bottom:5px;
		width:70%;
	}




	div.resources_menu{
		padding-top:15px;
		margin:0px 15px;
		text-decoration:none;
		font-weight:normal;
	}
	div.resources_menu h3 {
		background-image:url(../images/grade.jpg);
		background-repeat:no-repeat;		
		font-weight:bold;
		font-size:1.2em;
		font-family:trebuchet ms;
		height:30px;
	
		
	}

	div.resources_menu img {
		padding-top:8px;
		padding-left:10px;
		padding-right:10px;
	}

	div.resources_menu a {
		text-decoration:none;
		color:black;
	}

	div.resources_menu div {

	}

	div.resources_menu div h4 {
		font-size: 1em;
		font-family:trebuchet ms, serif;
		padding-top:5px;
		padding-left:10px;
	}



	div.frontpage{	
		border-left: 2px solid black;
		border-right: 2px solid black;
		overflow: hidden;
	}

	div.frontpage-inner{
		border: 2px solid #af7c00;
		background-color:white;
		padding:0px;
		overflow:hidden;
		_height:240px;
	}

	div.frontpage-info {	
		padding:5px 10px 10px;
		background-image: url(../images/info_grade.jpg);
		background-repeat: repeat-x;
		text-decoration:none;
		overflow:hidden;
		margin:0px;
		height:220px;
		_height:238px;
	}

	div.frontpage h2 {
		font-size: 1.5em;
		font-weight: bold;
		text-decoration:underline;	
		letter-spacing:2px;	
		margin-bottom:6px;
	}

	div.frontpage-info p{

		font-family: arial;
		text-align: left;
		background-color: transparent;
		font-size: .9em;	
	}

	div.frontpage-feature {
		float:left;
		background-color: #000;	
		color: white;
		padding:10px 10px 10px 10px;
		width:71.2%;
		border-right:2px solid #AF7C00;
		padding:10px
		overflow:scroll;
		_margin-right:-3px;

	}

div.frontpage-feature img{
	float:left;
	margin: 0px;
	padding-left:15px;
	_padding-left:15px;
}

div.frontpage-feature_text{
	float:left;
	padding: 0px 0px 0px 24px;
	width: 240px;
	_width:240px;
	font-size:1.0em;
	_height:246px;
}
div.frontpage-feature a{
	color:#AF7C00;
	text-decoration:none;
}
div.frontpage-feature a:hover{
	color:#999999;
}

div.frontpage-feature div.one{
	text-align: right;
}

div.frontpage-feature div.one h3{
	margin:0px 6px 6px 0px;
	margin-right:0;
	font-family: verdana,serif;
	font-size: 3.3em;
	font-weight:normal;
	color:#f7eed1;
}

div.frontpage-feature div.two h3{
	   margin:0px 6px 6px 0px;
	   margin-left:0;
	   font-family: georgia,serif;
	   text-decoration:underline;
	   font-size: 3.4em;
	color:#f7eed1;
}