/* CSS Document */

/* CSS controls the look and feel of elements within pages. Elements such as paragraphs ( <p> </p> ), headers (  <h1> </h1>, <h2> </h2> ), lists ( <ul> </ul ), etc. are styled based on context in the statements below. These simple HTML tags are placed in a page to apply design to content with minimal markup. 

The primary device to build pages is the "DIV". <div> </div> opens and closes a div. Anything inside the two tags occupies it's own "box". This box can bump other content out of it's way, pushing it below by default, or it can overlap other elements or divs. It can be posistioned relative to it is inside (like another div), or relative to the whole window. Divs can float horizontally next to one another. 

Statements that begin with # are unique id's. They define a set of properties for a specific "piece" of the page- the box that holds the title, the title text itself, the box that holds all main content, etc. 

Statements that begin with . are classes. They define a set of properties that is intended to be applied to multiple pieces of the page. The best example are the classes that style the repeating content boxes in the left and right columns. The .rightbox class makes the boxes white, gives them a thin border, and puts a margin on the bottom to give them some air. .rightbox a class because it's used over and over. ID's are used only for one element or piece of the page. 
*/



body {		/* Sets up default styles- styles here are inherited to all page elements unless an element has an overriding style*/
	color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	vertical-align:top;
	background: url(images/main_bg.jpg) repeat-x #C3DA9A;
	font-size: 62.5%; 
	}
	
#header {
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #DAE9EC;
	background:url(images/masthead_background.jpg) repeat-x center top;
	}
	
#logo_container {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	}	

#separator {	/* Styles the gap between the nav bar and content, contains the top quote and search bar */
	width:740px;
	height: 40px;
	margin-right:auto;
	margin-left:auto;
	margin-top:4px;
	margin-bottom:0px;
	vertical-align:top;
	overflow:hidden;
	padding: 0px;
	}
	
#topquote { /* Styling for the box that holds the top quote in place*/
	float:left;
	vertical-align:top;
	padding: 0px;
	padding-left: 4px;
	width: 500px;
	}

#topquote p { /* Adjusts the line spacing in the top quote text and turns it blue */
	line-height:12px;
	font-size: 1em;
	color: #004171;	
	}
	
#topsearch { /* Styling for the box that holds the search area in place */
	float:right;
	font-size:1em;
	color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 2px;
	height: 30px;
	}		
	
#topsearch input { /* Styles in input fields for the search area */
	background: #FFFFFF;
	color: #006600;
	height: 13px;
	font-size: .9em;
	padding: 1px;
	border: 1px black solid;
	margin: none;
	}

.sendbutton { /* Styles the "Search Google" button */
	height: 300px;
	color:#000033;
	}			

#content_block { /* Styles the main content block that holds all page content below the separator */
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	border: #004171 double;
	background:  url(images/top_right_bg.jpg) top right no-repeat #F4F4E8;
	vertical-align: top;
	}

#content_holder {
	padding-left: 25px;
	padding-right: 25px;
	margin: 0px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: top ;
	background:url(images/action_links_bg.jpg) center bottom no-repeat;
	}
	
#content_holder_wide {
	padding-left: 25px;
	padding-right: 25px;
	margin: 0px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: top ;
	background:url(images/action_links_bg_wide.jpg) center bottom no-repeat;
	}	

#weblog_content {
	width:520px;
	margin: 0;
	border: 0;
	padding: 0;
	overflow:visible;
	}

#title_block {
	padding: 0px;
	padding-bottom: 4px;
	border-bottom: 16px #98C55E solid;
	}

#anchorlinks { /* Styles anchorlink area below each page's title, places a margin between page title and content */
	height: 14px;
	font-size: 1em;
	margin-bottom: 26px;
	background: #D9FAC0;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	padding: 2px;
	}		

#anchorlinks a { /* Sets a small gap between individual anchor links */
	margin-right: 10px;
	}	

#rightcolumn_block {
	float: right;
	width: 220px;
	margin-left: 25px;
	margin-bottom: 8px;
	clear: none;
	}

.imgholder_right {
	padding: 0;
	border: 0;
	float: right;
	margin-bottom: 8px;
	margin-left: 18px;
	font-size: 1em;
	width: 220px;
	}	
	
.imgholder_left {
	padding: 0;
	border: 0;
	float: left;
	margin-bottom: 8px;
	margin-right: 20px;
	font-size: 1em;
	width: 220px;
	}
	
		.imgholder_right img, .imgholder_left img {
			border: 1px #0066CC solid;
			padding: 0;
			background:#FFFFFF;
			}
	
		.imgholder_right p, .imgholder_left p {
			color: #44AC35;
			line-height: 12px;
			font-size: 1em;
			padding: 0px;
			}		

.rightbox {
	padding: 8px;
	background: #ffffff;
	border: #0099FF 1px solid;
	clear: right;
	margin: 0;
	margin-bottom: 8px;
	}

#leftcolumn_cell {
	border-right: 1px dotted #0066CC;
	}
	
#leftcolumn_block {
	width: 160px;
	padding:0;
	margin:0;
	vertical-align: top;
	position: relative;
	top:0px;
	float:left;
	}
	
#locallinks { /* Styles the box on the left of each page */
	padding: 6px;
	background: #DaE9Ec;
	font-size:1em;
	line-height: 19px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border-bottom: 1px dotted black;
	z-index: 50;
	}	

		#locallinks ul { /* Styles the list of links inside the local links box */
			list-style:none;
			list-style-position:outside;
			margin: 0px;
			padding: 0px;
			border: 0px;	
			}	
	
#pdf_download {
	margin-bottom: 8px;
	}	
	
		#pdf_download a {
			color:#FF0000;
			}

		#pdf_download img {
			float:right;
			}
	
.leftbox {
	padding: 8px;
	margin-top: 20px;
	}

.leftbox p {
	color: #44AC35;
	line-height: 12px;
	font-size: 1.0em;
	}

#address_box {
	text-align: center;
	color: #98c55e;
	margin-top: 20px;
	font-weight:bold;
	}

#actionlinks_bottom { /* Controls posistioning of the action links along the bottom of the page- the curvy background is defined in the main content div so it stretches across the whole area and is not constrained by padding, like this div is. */
	margin-top: 50px;
	padding-bottom: 10px;
	text-align:center;
	font-weight: bold;
	letter-spacing:-1px;
	line-height:18px; 
	}

		#actionlinks_bottom a{
			margin-right: 6px;
			margin-left: 6px;
			font-size:1.1em;
			}	
	
#footer {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	}	
	
#under_construction_block {
	margin-right:auto; 
	margin-left:auto; 
	width:528px;
	}	
	
/* TEXT STYLES ------------------------------ */

p {		/* This styles all paragraph text on the page */
	font-size:1.1em;
	line-height: 16px;
	color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align:justify;
	}

#content p {
	margin-bottom: 18px;
	}	

#content p img {
	float: left;
	margin-right: 8px;
	}		

a:link { /* This styles all links, ensuring consistancy */
	color:#0066CC;
	text-decoration: none;
	}
	
a:visited { /* This styles all visited links (any link that's been clicked on) */
	color:#0066CC;
	text-decoration: none;
	}
	
a:hover { /* This styles links when you hover the mouse over */
	color: #98C55E;
	text-decoration: underline;
	}
	
a:active { /* This style is just to ensure compatibility */
	color: #004171;
	text-decoration: none;
	}

h1 { /* This styles the title of each page */
	font-family: Papyrus, Skia, Georgia, Verdana;
	color: #004171;
	width: 100%;
	font-size: 3.6em;
	margin-bottom: 0px;
	margin-top: 4px;
	padding: 0px;
	font-variant:normal;
	} 
	
.subheader { /* This styles the span within the h1 title at the top of each page, reducing the font size and turning it green */
	font-family: Skia, Georgia, Verdana;
	font-size: 1.8em;
	letter-spacing: normal;
	font-weight: normal;
	font-variant:normal;
	color: #44AC35;
	border: 0px;
	margin: 0px;
	margin-bottom: 2px;
	text-indent: 10px;
	line-height: 18px;
	}	
	
h2 { /* This styles content headers- the iterations below style headers in various spots around the page */
	font-family: Skia, Georgia, Verdana;
	color:#0066CC;
	font-size: 1.4em;
	letter-spacing: normal;
	padding-bottom: 4px;	
	margin-bottom: 8px;
	border-bottom: dotted 1px #D6EAEF;
	font-weight: normal;
	line-height: 14px;
	} 
	
.rightbox h2, .leftbox h2 {
	font-size: 1.2em;
	border: none;
	padding: none;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	}	 
	
#locallinks h2{ /* Styles the header text in the lefthand context links */
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: 0px;
	}
	
#locallinks ul{ /* This little declaration strips off the sun graphics on lists- this makes the list in the local links box just plain text with no decoration. */
	list-style: none;
	}


.smalltext { /* This style can be applied to any text to reduce font to 10pts. Used in captions, parenthetical notes, etc. */
	font-size: 1.0em;
	}

#content_block ul { /* This styles lists within the content area and adds the special sun bullet to list items */
	font-size:1.1em;
	line-height: 19px;
	color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin-left: 20px;
	list-style: url("images/bullet_sun.jpg") outside;
	display: block;
	}

#content_block ul li{ /* Disables float on list items inside the content block. Disabling float ensures that each list item occupies its own line- list items don't float next to one another. */
	float:none;
	}

#content .rightbox ul { /* Styles lists in the right floated boxes. gives a small font size and little bullet to lists such as program at a glance, etc. */
	font-size: 1.0em;
	list-style:none;
	list-style:disc;
	padding-left: 4px;
	line-height: 13px;
	}
	
	
/* Form Element Styles -------------------------------- */

.application_labels {
	font-size:1.1em;
	line-height: 16px;
	color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-weight: bold;
	}

.input {

  border-top:         1px solid #999999;

  border-left:        1px solid #999999;

  background-color:   #fff;

  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;

  font-size:          11px;

  height:             1.6em;

  padding:            .3em 0 0 2px;

  margin-top:          3px;

  margin-bottom:       3px;

} 



/*--  Input text-area formatting --*/



.textarea {

  border-top:         1px solid #999999;

  border-left:        1px solid #999999;

  background-color:   #fff;

  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;

  font-size:          11px;

  margin-top:         3px;

  margin-bottom:      3px;

}



/*--  Submit button formatting. --*/



.button {

  background-color:   #fff;

  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;

  font-size:          11px;

  font-weight:        normal;

  text-transform:     uppercase;

  color:              #000;

}



/*--  Pull-down menus. --*/



.pulldown {

  background-color:   #fff;

  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;

  font-size:          11px;

  font-weight:        normal;

  text-transform:     uppercase;

  color:              #000;

}