/* MAIN STYLESHEET */

/* COLOR PALETTE

Dark Blue - #004789
Light Blue - #007ac3
Text Blue - #003399
Orange Highlight - #e4944f

*/

html, body {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0;
	padding: 0;
	background-color: #004789;
	
	/* visually fills in area under menu if page scrolls */
	background-image: url("../images/background.gif");
	background-repeat: repeat-y;
	
}

/* nav link colors */

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #e4944f;
	text-decoration: underline;
}

/* content link colors */

#content_area a, #content_area a:visited {
	color: #003399;
	text-decoration: underline;
}

#content_area a:hover {
	color: #e4944f;
}


a img {
	border: none;
}



/* for active nav element */
#navlist #active {
background-color: #007ac3;
color: white;
}


p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.5em;
}



h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #004789;
	margin: 0;
	padding: 0 0 .5em 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #004789;
	margin: 0;
	padding: 0 0 .5em 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #004789;
	margin: 0;
	padding: 0 0 .5em 0;
}

dt {
	color: #007ac3;
	font-weight: bold;
	line-height: 1.5em;
}

dd {
	margin: 0;
	line-height: 1.5em;
}



/* CONTENT AREA LISTS */

#nested_list ul {
	padding-left: 0;
	list-style: none;
}

#nested_list li {
	margin: 10px 0;
	color: #007ac3;
}

#nested_list ul li ul {
	padding-left: 2em;
	margin: 5px 0;
}

#nested_list ul li ul li {
	margin: 0;
}

#nested_list ul li ul li ul{
	margin: 0;
}

/* USEFUL CLASSES */

.wrapright {
	float: right;
	padding-left: 1em;
	clear: right;
}

/* MENU AREA */

#menu_area {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 149px;
	background-color: #004789;
	border-right: 1px solid white;
	font-size: 90%;
}

#logo {
	padding: 10px 0 15px 0;
}


 #navcontainer {
 	width: 149px;
	}

 #navlist {
 margin: 0;
 padding: 0;
 text-align: right;
 list-style-type: none;
 font-weight: bold;
 letter-spacing: .1em;
 border-top: 1px solid white;
 }


#navlist li {

}

 #navlist a {
 display: block;
padding: 6px 1em 6px 0;
 background-color: #004789;
 border-bottom: 1px solid #fff;
 }

 #navlist a:link, #navlist a:visited
 {
 color: #fff;
 text-decoration: none;
 }

 #navlist a:hover
 {
 background-color: #007ac3;
 color: #fff;
 }
 
#contact {
	margin: 30px 10px 0 0;
	text-align: right;

	
}

#contact p {
	margin-top: 15px;
}



/* CONTENT AREA */

/* links for light background */
#content a:link, #content a:visited {
	color: #003399;
}

#content a:hover {
	color: #e4944f;
}

#content_area {
	margin-left: 150px; /* bump content out to make room for menu */
	width: 606px;
	border-right: 1px solid white;
}

	#content_area ul {
		margin: 0;
		padding-left: 2em;
	}

	#content_area li {
		margin: 0 0 .5em 0;
		line-height: 1.5em;
	}


#heading_box {
	background-color: #007ac3;
	padding: 0;
	height: 56px;
	text-align: center;
	margin: 0;
}

#inner_content_area {

	margin: 0;
	padding: 0 37px 0 28px;
	background-color: white;
	color: #003399;
	border-left: 5px solid #007ac3;
	border-right: 6px solid #007ac3;

}

#copyright {
	clear: both;
	padding: 2em 0 0 50px;

}

/* SPECIALS BOX */

#specials {
	background-color: #007ac3;
	margin: 0 0 0 1em;

	width: 196px;
	float: right;
	clear: right;
}

#specials h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: white;
	letter-spacing: .1em;
	margin: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid white;
}

#specials a, #specials a:visited {
	font-weight: bold;
	color: #006;
}

#specials a:hover {
	color: #e4944f;
}


#special_photo {
	margin: 10px;
	border: 1px solid white;
}

p.newsbox {
	color: white;
	margin: 4px 10px;
	padding: 0;
}

/* PHOTOBOX - floating photos with captions */

/* width is set using local styling */
.photobox {
	background-color: #0079c3;
	padding: 5px;
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
	clear: right;
}

.photobox .caption {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.photobox img {
	border: 1px solid white;
}

/* misc */

.borderbox {

	border: 1px solid #007ac3;
	padding: 0px;
	margin-bottom: 15px;
}

.borderbox h2 {
	background-color: #007ac3;
	margin: 0;
	padding: 5px;
	color: white;
	
}

.borderbox img {
	margin: 8px 15px 8px 15px;
}

.borderbox p {
	margin: 0 15px;
}


/* library toc */

#toc {
border-bottom: 1px solid #007ac3;
padding-bottom: 20px;
margin-bottom: 20px;

}

#toc ul{
	margin: 0;
	padding-left: 20px;
}

#toc li{
	font-weight: bold;
	padding: 3px 0;
}

/* FORMS */

	.contentbox form {
		
		
	}
	
	.contentbox form fieldset {
		margin-bottom: 1em;
		border: 5px solid #007ac3;
		padding: 10px;
	}
	
	.contentbox form legend {
		color: #fff;
		background-color: #007ac3;
		padding: .3em .5em;
		font-weight: bold;
		font-size: 1.2em;
		border: none;
	}

	.contentbox form label {
		width: 12em;
		float: left;
		text-align: right;
		margin-right: 5px;
		padding-top: .3em;
		}
		
		.contentbox form label.fullwidth {
			float: none;
			width: 100%;
			text-align: left;
		}
		
	.contentbox form input, form textarea {
		background-color: #FFF;
		width: 230px;
		padding: 3px;
		border: 2px solid #007ac3; 
	}
	
	.contentbox form input:focus, form textarea:focus {
		border: 2px solid #e4944f;
	}
	
	.contentbox form #submit {
		margin-top: 10px;
		width: 220px;
	}
	
	.contentbox form .required {
		color: #f00;
	}
	
	
	.contentbox form div {
		margin: .5em 0;
	}
	
	.contentbox form .formbutton {
		width: 15em;
	}
	
	.contentbox form .formbutton:hover {
		background-color: #007ac3;
		color: #fff;
	}
	
	.contentbox .radio {
		width: 1em;
		border: none;
	}
	
	.contentbox .radiolabel {
		float: none;
	}

	.indent {
		padding-left: 12em;
	}
	
/* HACKS */

* .contentbox {
	height: 1%;
}