@charset "UTF-8";
/* CSS Document */

body{
background: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 19px;
color: #3d3d3d;
margin: 0;
padding: 0;
}

* {
margin:0;
padding:0;
}

img {border:none}

a{color: #2753a2;}
a:hover{color: black}

p{
font-size: 14px;
line-height: 19px;
color: #3d3d3d;
padding: 4px 0 6px 0;
}

h1, h2, h3, h4, h5{
padding: 6px 0 5px 0;
}

.clear {clear:both;}


/* Container Styles
------------------------------------------------*/

#header{
background: #00679c;
height: 88px;
}

#nav{
background: url(../images/nav-bg.jpg) repeat-x top left #004568; /*CHANGE*/
height: 31px;
}

#main{
padding: 10px 0;
}

#footer{
clear: both;
background: url(../images/nav-bg.jpg) repeat-x top left #004568; /*CHANGE*/
font-size: 12px;
margin-top: 10px;
height: 29px;
}

.container{
margin: 0 auto;
width: 960px;
}

/* Styles 
------------------------------------------------*/

.logo{
padding: 25px 0 0 10px;
}

/* Nav */

ul.navigation{
list-style: none;
padding: 5px 0 0 0;
}

	ul.navigation li{
	float: left;
	padding: 0;
	}

	ul.navigation li a{
	color: white;
	text-decoration: none;
	padding: 7px 10px;	
	}

	ul.navigation li a:hover{
	background: #00324c;
	}

/* Column Styles */

.one-column{
float: left;
padding: 5px 10px;
margin: 5px 0;
width: 940px;
}	

.two-column{
float: left;
padding: 5px 10px;
margin: 5px 0;
width: 460px;
}	

.three-column{
float: left;
padding: 5px 10px;
margin: 5px 0;
width: 290px;
}

	.three-column-2{   /* 2 columns wide - using 3 column measurements */
	float: left;
	padding: 5px 10px;
	margin: 5px 0;
	width: 620px;
	}

.four-column{
float: left;
padding: 5px 10px;
margin: 5px 0;
width: 220px;
}	

/* Other Page Styles */

hr{
clear: both;
background: #cfcfd1;
border: none;
display: block;
margin: 15px 0;
height: 1px;
}

.callout{
background: white;
}

ul{
list-style: outside;
padding: 5px 0 7px 15px;
}

ul.links{
list-style: none inside;
padding: 5px 0 7px 0;
}

	ul li{
	padding: 2px 0 4px 0;
	}

