/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2F2F30;
	background-color:#373557;
	background-image:url(images/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.caption {
	font-size:11px;
}

h2 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 100;
}

#container {
	width:780px;
	float:none;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background: #FFF url(images/col-container.png) repeat-y;
	z-index:0;
	position:relative;
}

#header {
	width:780px;
	height:82px;
	float:none;
	clear:both;
	background-color:#FFFFFF;
	border-bottom:3px solid #EAB11A;
}

#home {
	background: url(images/bn_home.jpg) no-repeat;
	width: 765px;
	padding-left:15px;
	height: 207px;
}

#home .tagline {
	float: right;
	font-size: 18px;
	color: #FFF;
	margin-right:11px;
	margin-top:61px;
}

#header_services {
	background: url(images/bn_services.jpg) no-repeat;
	width: 780px;
	height: 195px;
}

#header_about {
	background: url(images/bn_about.jpg) no-repeat;
	width: 780px;
	height: 50px;
}

#header_library {
	background: url(images/bn_library.jpg) no-repeat;
	width: 780px;
	height: 195px;
}

#header_secure {
	background: url(images/bn_secure.jpg) no-repeat;
	width: 780px;
	height: 195px;
}

#header_contact {
	background: url(images/bn_contact.jpg) no-repeat;
	width: 780px;
	height: 50px;
}

#header_aux {
	background: url(images/bn_aux.jpg) no-repeat;
	width: 780px;
	height: 50px;
}

#logo {
	width:182px;
	height:70px;
	padding:12px 0px 0px 18px;
	text-align:left;
	float:left;
	background: #FFF;
}

#intro {
	color: #0e085d;
	font-size: 1.1em;
	background: url(images/intro.png) bottom no-repeat;
	width: 216px;
	height: 172px;
	float: left;
	padding: 8px 8px 0px 10px;
}

#top_nav {
	width:568px;
	height:26px;
	padding-top:24px;
	padding-right:12px;
	text-align:right;
	float:right;
	color:#E8A900;
	clear:right;
}

#top_nav a {
	color:#0E085D;
	text-decoration:none;
}

#top_nav a:hover {
	color:#E8A900;
	text-decoration:none;
}

#top_rail {
	width:580px;
	height:32px;
	float:right;
	clear:right;
	text-align:right;
}

#hp_main {
	width:780px;
	float:none;
	clear:both;
	background-color:#FFFFFF;
}

/* SECTION MAINS with COLUMN PICS */

#main_about, #main_contact, #main_legal, #main_library, #main_secure, #main_services, #main_sitemap {
	width:780px;
	float:none;
	clear:both;
	position:relative;
	min-height:580px;
}

#wrapper {
	width: 100%;
	display: inline;
	clear: both;
}

#column {
	width:270px;
	float:left;
	margin-right: 10px;
}

#column_narrow {
	width: 200px;
	float: left;
	position: relative;
	height: 380px;
}

#content {
	width:465px;
	float:left;
	padding: 0px 0px 0px 15px;
}

#content h1 {
	padding-top: 15px;
}

#content_wide {
	width: 580px;
	float: right;
	padding-top:24px;
}

#text {
	width:532px;
	padding:0px 24px 24px 24px;
	text-align:left;
}

#shim {
	width:780px;
	height:20px;
	float:none;
	clear:both;
}

#shim-l {
	width:200px;
	height:20px;
	background-color:#000000;
	float:left;
}

#shim-r {
	width:580px;
	height:20px;
	background-color:#FFFFFF;
	float:left;
}

#hp_shim {
	width:780px;
	height:20px;
	background-color:#FFFFFF;
	float:none;
	clear:both;
}

.menu_image, .menu_image_column {
	float: left;
	margin: 0px 10px 5px 5px;
}

.menu_image_column {
	padding-top: 5px;
}

.menu_div {
	clear: both;
	margin-right: 10px;
	padding-bottom: 5px;
	min-height: 78px;
	margin-bottom: 5px;
}

.menu_div h1, .menu_div h2, .menu_div h3, .menu_div h4 {
	font-weight: 100;
	color: #0e085d;
	font-size: 14px;
} 

.menu_div a {
	font-weight: 100;
	color: #0e085d;
	font-size: 14px;
	text-decoration:underline;
}

.menu_div a:hover {
	font-weight: 100;
	color: #e8a900;
	font-size: 14px;
	text-decoration:underline;
}

.menu_div p {
	margin-top:8px;
	margin-bottom:5px;
}

#footer {
	width:780px;
	height:60px;
	float:none;
	clear:both;
}

#footer-l {
	width:430px;
	height:36px;
	padding-top:24px;
	padding-left:50px;
	text-align:left;
	background-color:#000000;
	color:#FFFFFF;
	float:left;
}

#footer-r {
	width:300px;
	height:36px;
	padding-top:24px;
	text-align:center;
	background-color:#000000;
	color:#E8A900;
	float:left;
}

#footer-r a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer-r a:hover {
	color:#E8A900;
	text-decoration:none;
}

/* NAVIGATION */

#sub_nav {
	width: 190px;
	height: 47px;
	float: left;
	background: url(images/bg_sub_nav.png) top center no-repeat;
	padding: 0px 5px 0px 5px;
}

#sub_nav h2 {
	width: 175px;
	color: #FFF;
	border-bottom: #FFF 1px solid;
	padding: 0px 5px 0px 10px;
}

#sub_nav_links {
	width:170px;
	padding:0px 9px 0px 11px;
}

#nav_column {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 370px;
    padding-bottom: 81px; 
	z-index: -1;   
}


a.textlinks {
	display:block;
	width:142px;
	height:18px;
	color:#0E085D;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0px 0px 28px;
	background-image:url(images/bg_sub-nav.gif);
	background-position:left;
	background-repeat:no-repeat;
}

a.textlinks:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.textlinks {
	display:block;
	width:142px;
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 0px 0px 28px;
	background-image:url(images/bg_sub-nav.gif);
	background-position:left;
	background-repeat:no-repeat;
}

a.textlinks_down {
	display:block;
	width:142px;
	height:18px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0px 0px 28px;
	background-image:url(images/bg_sub-nav.gif);
	background-position:left;
	background-repeat:no-repeat;
}

a.textlinks_down:hover {
	color: #E3E3E3;
	font-weight:bold;
	text-decoration:none;
}

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

/* Form Styling for Column */

.form {
	color: #0e085d;
	width: 265px;
	height: 164px;
	padding-top: 8px;
	background: url(images/form-bg.png) no-repeat;
	margin-bottom: 20px;
}

.form_title {
	color: #0e085d;
	font-size: 14px;
	margin: 0px 0px 0px 7px;
}
	
.form form {
	font-weight: bold;
	padding-top: 5px;
	
}

.form p, .bulletin p {
	color: #000;
	margin: 25px 12px 0px 12px;
	padding-bottom: 0px;
}

.form_button {
	background: #ff9900;
}

.form_login {
	color: #0e085d;
	width: 265px;
	height: 140px;
	padding-top: 8px;
	background: url(images/form-bg2.png) no-repeat;
	margin-bottom: 20px;
}
	
.form_login form {
	font-weight: bold;
	padding-top: 5px;
	
}

.form_login p {
	color: #000;
	margin: 25px 20px 0px 20px;
	padding-bottom: 0px;
}

.bulletin {
	border-top: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid;
	color: #0e085d;
	width: 170px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 20px 15px;
}
.bulletin p {margin-top: 5px; margin-bottom:3px;}
.bulletin form {
	margin-bottom: 0;
}
		
/* TEXT FORMATTING */

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#0e085d;
	border-bottom:1px solid #e8a900;
	display:block;
	width:100%;
}

h5 {
	font-size:14px;
	font-weight:bold;
}

#main_library table a:link, #main_library table a:visited, #main_library table a:hover {
	text-decoration:none;
} 

a {
	color:#0e085d;
	text-decoration:underline;
}

a:hover {
	color:#e8a900;
	text-decoration:underline;
}

a.footnote {
	color:#990000;
	text-decoration:none;
}

a.footnote:hover {
	color:#0e085d;
	text-decoration:none;
}

.bolded {
	color:#FFFFFF;
	font-weight:bold;
}

#table a {
	text-decoration:none;
}

.rel {
	float:right;
	margin:15px 0px 0px 10px;
}

.menu_pic {
	margin:0px 10px 0px 0px;
	float:left;
}

a.menu {
	font-weight: bold;
	color: #0e085d;
	font-size: 12px;
	text-decoration:none;
	display:block;
	float:left;
	width:155px;
}

a.menu:hover {
	font-weight: bold;
	color: #e8a900;
	font-size: 12px;
	text-decoration:none;
	float:left;
	width:155px;
}

.menu_text {
	margin:5px 0px 0px 0px;
	padding-left:5px;
	display:block;
	width:145px;
	float:left;
	font-size: 11px;
}
	

