/*
http://leftjustified.net/journal/2004/10/19/global-ws-reset
*/
* {
    margin : 0px;
    padding : 0px;
}

/*
http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html

MUST use 60%, 69%, or 76% to set default font size.
otherwize browsers will display at different sizes
*/

* {
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;        
}

body {
    font-size: 76%;
}


/*
http://tantek.com/log/2004/undohtml.css
*/

img {
    border: none;
}


/* make it take up at least the height of the viewport */
/* http://www.xs4all.nl/~peterned/examples/css/layout1.css */

html, body {
	height: 100%;
}


/* color background */
body {
	background: #e6eaef;
}




#border{
	border: 1px solid black;
}	
	

#header {	
	background: url('images/banner.jpg') no-repeat;	
	height: 250px;	
}


.navigation {	
	float: left;
	display: inline;
	clear: none;
	width: 300px;	
	padding: 40px 0 0 0;	
	height: 100%;
	
}


 .navigation li{	
	text-decoration: none;
	margin-bottom: 10px;
	margin-left: 30px;	
	list-style-type: none;
}


.navigation a{
	color: #CCDDDD;
	font-size: 1.3em;	
	text-decoration: none;
	background: url('images/bulletgrey.gif') 0 50% no-repeat;
	padding-left: 30px;
}


.navigation a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	
}


#current_page a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background: url('images/bulletwhite.gif') 0 50% no-repeat;
	padding-left: 30px;
	text-decoration: underline;
}


#wrapper {
	background: url('images/menu_strip.gif') repeat-y;
	width: 895px;
	margin: 0;
	padding: 0;
}	


#main {		
	padding: 39px 0 0 320px;

}



/* main content */


p, li{
	font-size: 1.2em;
	color: #555555;
	margin-bottom: 30px;	
}


a {
	font-size: 1.2em;
	
}


ul {	
	margin: 0px 0px 20px 20px;	
}	

li{
	margin: 0;
}	


h1 {
	color: #394c66;
	font-size: 1.7em;
	margin-bottom: 5px;	
}


h2 {
	background: #394c66;
	color: #FFFFFF;
	font-size: 1.4em;
	margin-bottom: 15px;
	padding: 2px 0 2px 5px;
	
}


h3 {
	color : #394c66;
	font-size: 1.4em;
	margin: 25px 0 5px 0;	
}


.images {
	float: right;
	clear: right;	
	margin: 0 0 0 20px;
		
}

.images img{
	display: block;
	margin-bottom: 50px;
	
}



.text p {
	margin-bottom: 15px;
}



.action_button {
	margin: 20px 0 0 0px;	
}	


.compact p {	
	margin-bottom: 0;	
	
}


#copyright {
	clear: both;	
	background: #394c66;
	border-bottom: 1px solid black;
	margin-top: 50px;	
}


#copyright p {
	margin-bottom: 0;	
	font-size: 0.8em;
	color: #FFFFFF;		
	padding: 20px 30px 20px 25px;	
}

