*{/*Reset styles, this helps set default values for the page.*/border: 0;
font-size:100%;
margin: 0;
padding: 0;
/*font-weight:normal;*/
}
/***** Global *****/
/* Body */
body {
	background-color: #E4E4E4;/*#507C77; #3c756e;This is the teal green on either side of the content pane.*/
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	min-height: 1080px;/*This ensures that the page content is at least as tall as the window or taller.*/
}

p{

	/*Place holder*/
}

h1, h2, h3, h4, h5, h6{
	color:#111155; /*Sets text color of headings h1-h6*/
}

h1{/*Should not be used except in the title of the page or a major subsection*/
	font-size: 175%;
	font-weight: bold;
}
h2{/*Use theis for all paragraph headings*/
	font-size: 130%;
	font-weight: bold;
}
h3{/*This is designed to be inside of paragraphs and sections*/
	font-size: 110%;
	font-weight: bold;
}		

a{
	color: #343C83;
}
	
a:hover {
	color: #CC0000;
}

table{
	border-collapse:collapse;
}

td{
	border:1px solid black;
	padding:2px;
}

subscr{/*Because sub drops down too far and won't let me override certain properties*/
	font-size: 80%;
}

/*sub{
	line-height:0; To prevent line height from changing
	font-size: 80%; Unfortunately, this is % of the already smaller text
}*/

#PagePane{
	/*This is an invisible pane that simply centers the content and acts as a parent.
	It was originally designed to handle the box-shadow, but that proved problematic.*/
	position:relative;/*relative allows it to be centered. Default of static won't work because child elements can't then be absolute.*/
	/*background-color:#FFFFFF;White*/
	/*box-shadow:5px 5px 7px 0px #222222;right 5px, down 5p, dither 7px, enlarge 0px, color:#222222*/
	margin:0px auto 0px auto;/*T R B L, Outside of white box. Centers content in browser.*/
	Width:930px;/*Usable inside space.*/
	/*border:1px; put on elements instead.
	border-color:#000;*/
}

/*
	Header
*****************/
#TitleAndNav {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 143px;
	/*text-align:center;*/
	width: 930px;
	background-image: url('../images/gradientTopTitle.jpg');
	background-repeat: repeat-x;
	/*background:#FFF;*/
	border-left: solid;
	border-left-color: #000;
	border-left-width: 1px;
	border-right: solid;
	border-right-color: #000;
	border-right-width: 1px;
}

#Logo {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 61px;
	width: 53px;
}

#SiteTitle {
	position: absolute;
	top: 0px;
	left: 65px;
	height: 40px;
	width: 500px;
	font-size: 24pt;
	color: #223c45;/*Color of heading in Navigation bar.*/
	vertical-align: top;
}
	
#SiteTitle2 {
	position: absolute;
	top: 42px;
	left: 68px;
	height: 25px;
	width: 500px;
	font-size: 12pt;
	color: #223c45;
}
	
#TitleAndNav  nav {
	position: absolute;
	text-align: center;
	padding-top: 0px;
	font-size: 10.5pt;
	width: 930px;
	display: inline-block;
}
	
#TitleAndNav  nav ul {
	position: absolute;
	top: 75px;
	left: 0px;
	margin-right: 2px;/*Keeps spacing on nav bar, */
	margin-left: 2px;
	width: 100%;
}
	
/*#TitleAndNav  nav ul::after {width:100%; display: inline-block; content:"."; visibility: hidden}*/
#TitleAndNav  nav li {
	display: inline; 
}
		
#TitleAndNav  nav a:link, #TitleAndNav  nav a:visited {/*padding must be here to make it look like buttons.*/
	background-color: #466271;
	border: 1px solid #466271;
	color: #FFFFFF;/*#c7d7e0;*/
	white-space:nowrap;
	display: inline-block; /*Menu item take up full height of menu bar.*/
	line-height:28px; /*vertical-align text this way.*/
	padding: 0 17px;
	padding: 0px 17px;/* top 0, sides 17px. This number is just guess and check. I cannot find code that allows auto resizing.*/
	text-decoration: none; /*remove underline from links*/
}
	
#TitleAndNav  nav a:hover, #TitleAndNav  nav a:active,
#TitleAndNav  nav .active a:link, #TitleAndNav  nav .active a:visited {
	background-color: #c7d7e0;
	color: #466271;/*hover over text color*/
	text-shadow: none !important;
}
	
#TitleAndNav  nav li:first-child a {
	
}
	
#TitleAndNav  nav a .menuIcon {
	height: 25px;
	width: 27px;
	position: relative;
	left: 0px;
	margin-left: -10px;
	bottom: -2px;
	float: left;
}
	
#PageTitle{/*Some of the properties of this style are not used yet*/
	position: absolute;
	top: 108px;
	left: 3px;
	height: 35px;
	width: 924px;
	background-color: #526b73;
	/*display:inline-block;*/
	vertical-align: middle;
	/*line-height:41px;*/
	/*float:left;*/
}
	
#PageTitle h1{/*Not used yet*/
	font-size:16pt;
	color:#FFFFFF;
	padding-left:8px;
	padding-top:4px;
}

#PageContent{
	background: #FFF;
	font-family: Arial, sans-serif, Trebuchet;
	font-size:88%;
	/*min-height: 480px;*/
	width: 910px;/*+20 padding*/
	text-align: left;
	position: relative;/*position absolute messes up the PagePane box shadow*/
	/*display: inline-block;no idea what this does, so leaving it out.*/
	top: 143px;
	left: 0px;
	padding: 10px;
	padding-top:15px;
	/*padding-top:143px;143+0*/
	/*border:1px;
	border-top:0px;
	border-color:#000;*/
	/*z-index:-1;moves to back of z-index so that title and menu will show on top of it*/
	border-left: solid;
	border-left-color: #000;
	border-left-width: 1px;
	border-right: solid;
	border-right-color: #000;
	border-right-width: 1px;
	border-bottom: solid;
	border-bottom-color: #000;
	border-bottom-width: 1px;
}



	
	
	
	
	
	
	
	
	
.redtext {
	color: #F00;
}