/*reset code -- clears all browser assumed variables*/
/*@import url("http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css");*/
/*specific clearing code to validate css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img{
margin : 0;
padding : 0;
}

li {
	list-style : none;
}

/*end css clearing*/

/*link information and decorations */
a:link, a:visited, a:active {text-decoration: none; color: #FFF;}
a:hover {text-decoration: underline;}

/*information about subdued links*/
a.subduedlink:link, a.subduedlink:visited, a.subduedlink:active{text-decoration: none; color: #FFF;}
a.subduedlink:hover {text-decoration: underline;}

body {
	margin:0 auto;
	background: #498786;
	font-size: 1em;
	color: #333;
	text-align: center; /*center page in IE -- use text-align: left; in divs to put back to normal*/
	line-height: 1.1em;
	font-family: calibri, "lucida sans", arial, sans-serif;
}

/*
*headers
*
*h1 will be used for the main page header only
*h2 will be for paragraph headers, should they exist
*/
h1 { 
	font-size: 1.3em;
	/*letter-spacing: +0.2em;*/
	font-weight: bold;
	font-family: "lucida sans", arial, sans-serif;
	padding-top: 0em;
	padding-bottom: 1em;
}
h2{
	font-size: 1em;
	letter-spacing: +0.1em;
	font-weight: bold;
	font-family: "lucida sans", arial, sans-serif;
	margin-top: 2em;
	margin-bottom: .4em;
}

h3{
	display: inline;
	font-weight: bold;
	/*color: blue;*/
	font-size: 1em;
	margin-top: 20px;
}

img{
	border: 0px;
}

/*header substitute*/
.big{
	font-size: 1.5em;
	letter-spacing: +0.2em;
	font-weight: bold;
	font-family: "lucida sans", arial, sans-serif;
	line-height: 1.3em;
}


/*
* lists
*/

.normal ul{
	margin-left: 0em; 
	margin-top: .7em;
	margin-bottom: .5em;
}

.normal li { 
	margin-left: 2.5em; 
	line-height: 1em; 
	padding: .3em; 
	list-style: disc; 
}

dl{
	margin-left: ; 
}

dt{
	font-size: 1em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .3em;
	letter-spacing: +0.1em;
}

dd{
	font-size: .9em;
	margin-left: 1em;
}

/*
* Div IDs -- used once per page
*/
#container {
	/*position:relative;
	clear:both;*/
	margin:0 auto;
	width:876px;
	margin-top: 0px;
	background-color: #FFFFCC;
	/*text-align:left;*/
}

/*
* Div Classes
*/

.navbar{
	top: 315px; 
	left: 0px;
	position: absolute; 
	background-color: #498786; 
	font-size: 90%;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	
}
.navbar ul{
	padding: 0px;
	margin: 0px;
}
.navbar li{
	/*display: inline-block;  //OLD*/
	display: inline;
	text-align: center;
	margin: 0px;
}
.navbar a:link,
.navbar a:visited{
	color: #333;
	background: #498786;
	/*padding:20px 40px 4px 10px; //tutorial defaults */
	padding: 7px 10px;
	float: left;
	width: auto;
	border-right: 1px solid;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #555;
}
.navbar a:hover{
	background-color: white;
	text-decoration:none;
}
.navbar li a.current{
	color: white;
	border-color: black;
}

.hp_header{
	position: relative;
	/*border: 5px solid #FF6600;*/
	padding: 0px;
	margin: 0px;
	height: 368px;
	background-image: url('graphics/hp_header_md.jpg'); /*to match the graphic*/
}

.hp_content{
	position: relative;
	border: 0px;
	padding-left: 170px;
	padding-right: 200px;
	text-align: left;
	background-image: url('graphics/content_filler_221.jpg'); /*to match the graphic*/
}

.hp_contentfooter{
	position: relative;
	border: 0px;
	padding-left: 170px;
	padding-right: 200px;
	margin: 0px;
	height: 234px;
	background-image: url('graphics/hp_footer_md.jpg'); /*to match the graphic*/
}

.footer{
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	background-color: #498786;
	
}

/*
*
* Formatting Classes
*
*/

.topspacer{
	margin-top: 15px;
}

.bottomspacer{
	margin-bottom: 10px;
}

.subdued{
	font-size: .8em;
	color: #CCC;
}

.small{
	font-size: 80%;
}

/* text align */
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.center {
	text-align: center;
	}
.justify{
	text-align: justify;
	}
	
/* float */
.floatleft {
	float: left;
}
	
/* text decoration/font style/font weight */
.underline{
	text-decoration: underline;
	}
.italics{
	font-style: italic;
	}
.italic{
	font-style: italic;
	}
.bold{
	font-weight: bold;
}

/* bg color classes*/


/* font family classes*/

.tt{
	font: 1.1em/1em consolas, "lucida console", monospace;
	}

/*
* End Formatting Classes
*/