/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 760px;
	background-color: #bac7c3;	
	}
h1 {font: 24px Arial, Helvetica, sans-serif; 
	color:#003366; 
	font-weight: bold;
	}
h2 {font: 11px Arial, Helvetica, sans-serif;
    color: #003366; 
	font-weight: normal;
	padding: 20px 0 0 0;
	}
h3 {font: 12px Arial, Helvetica, sans-serif;
    color: #003366; 
	font-weight: bold;
	padding: 20px 0 0 0;
	}
h4 {font: 18px Arial, Helvetica, sans-serif;
    color: #003366; 
	font-weight: bold;
	padding: 24px 0 0 0;
	}
p {
	font-size: 11px;
	line-height: 15px;
	}
a:link {color: #003366; /* color of unvisited links */
	text-decoration: underline; /* decoration under links */
	}
a:visited {color: #666666; /* color of link after it is visited */
	text-decoration: underline; /* no decoration under link after visited */
	}
a:hover {color: #003366; /* color of links when hovered */
	text-decoration: underline; /* underlines the links when hovered */
	}
a:active {color: #003366; /* color of link when active */
	text-decoration: blink; /* link will blink when active */
	}	
#container {width: 720px;
				margin: 0 auto;
				text-align: left;
				background-image: url(images/columnguide.gif);
				background-repeat: repeat;
	}
#header {width: 100%;
			height: 75px; 
			background-color: #003366; 
			margin: 0;
			padding: 0;
	}
#header #imgone img {float: left;
				width: ;
				height: 75px;
				margin:0;
				padding:0;
	}
#header #imgtwo img {float: right;
				width: 300px;
				height: 75px;
				margin:0;
				padding:0;
	}
#leftcol {float: left;
	width: 185px;
	background-color: #003366; 
	height: width 100%;
	}
#leftcol img {margin: 0;
			padding: 0;
			width: 185px;
			height: 130px;
	}
#leftcol h1 {font: 12px Arial, Helvetica, sans-serif;
				font-weight:bold;
				color: #FFFFFF;
				background-color: #000000;
				margin: 0; /* increases space above heading */
				padding: 5px 0 5px 15px;			
	}
/* start of main navigation which is in left column */
#leftcol  ul {margin: 0 0 45px 0; /* margins on the list*/
				padding: 0; 
				list-style-type: none;  /* removes bullets */
	}
#leftcol  li {margin: 0; 
				padding: 0; 
				font: 12px Arial, Helvetica, sans-serif; 
				font-weight: bold;
				color: #003366;
				text-indent: 15px; 
	} 
#leftcol ul a {display: block;
					width: 185px;
					height: 20px;
					line-height: 20px;
					color: #FFFFFF; 
				text-decoration: none; 
	}
#leftcol ul a:visited {display: block;
					width: 185px;
					height: 20px;
					line-height: 20px;
					color: #FFFFFF; 
				text-decoration: none; 
	}
#leftcol ul a:hover {display: block;
					width: 185px;
					height: 20px;
					line-height: 20px;
					color: #003366;
					background-color: #CCCC99; 
					text-decoration: none;
	}
#leftcol ul	a:active {display: block;
					width: 185px;
					height: 20px;
					line-height: 20px;
					color: #003366;
					background-color: #CCCC99; 
					text-decoration: none;
	}	
/* end of left column */
#content {width: 505px;
			float: right; 
			padding-bottom: 30px;
	}
#maincontent {width: 320px;
	float: left;
	margin: 0; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#maincontent ul {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#maincontent img {float: left; 
	}
#maincontent img p {font-size: 10px; /* text under the image */
							text-align:center; 
							margin: 0px 5px; 
							color: #660000; 
	}	
/* end of main content */
#rightcol {width: 165px;
		display: inline; /* fixes IE double margin float bug */
		float: right; 
		top: 75px;
		right: 0;  
		margin: 0;
		padding: 40px 0; 
		background-color: #eee;
	}
#content #rightcol p {
	font-weight:normal;
	text-align:center;
	line-height: 16px;
	margin: 0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
					}
#content #rightcol img {padding: 20px 0;
	}
#content #rightcol a {color: #003366; /* color of links */
				text-decoration: underline; /* underlines the links */
	}
#content #rightcol a:hover {color: #999967; /* color when hovered */
					text-decoration: underline; /* underlines the links when hovered */
	}
.onpage {display: block;
					width: 185px;
					height: 20px;
					line-height: 20px;
					color: #003366;
					background-color: #CCCC99; 
					text-decoration: none;
	} 
/* end of right column */
#footer {clear: both;
		width: 100%;  /* makes the div fill its container - usually body */
		background-color: #CCCC99;
	}
#footer p {margin: 0;
			padding: 10px 0 20px 0; /* pushes the links away from top and bottom of the div */
					font: 11px Arial, Helvetica, sans-serif; 
					color: #003366;
					text-align: center; /* centers the text in the div */
 }
#footer  a {text-decoration: underline; /* removes the underlining off the links */
 							 color: #003366; /* the color of links */
							 }
#footer a:hover {text-decoration: underline;
                            color: #FFFFFF; /* underlines the links when hovered */
	}
#legal {width: 100%;
		background-color: #003366;
	}
#legal ul {margin: 0;
				padding: 5px; 
				font: 11px Arial, Helvetica, sans-serif; 
				color: #CCCC99;
				text-align: center; /* centers the text in the div */
 	} 
#legal li {display: inline; 
	}
#legal a {color: #CCCC99;
					text-decoration: underline; 
 	} 
#legal a:hover {color: #FFFFFF; 
 	}
/* end of footer area */