/*
Styles for main site
Copyright (c) 2008, WebKey, LLC
-----------------------------------------  */

/* Basics
-----------------------------------------  */

table, td, tr, img {
margin:0;
padding:0;
border:none;
}

html {
color: #4c4b4b;
background-color: #093440;
}

body {
font:0.85em Arial, Helvetica, sans-serif;
color:#4c4b4b;
background-color: #093440;
}

h1 {
font-size:1.90em;
font-weight: normal;
letter-spacing:0.075em;
margin:8px 0 0 0;
color: #484646;
}

h2 {
font-size:1.25em;
font-weight: normal;
margin:0 0 8px 0;
color: #b7b6b6;
}


h3 {
font-size:1.25em;
margin:8px 0;
}

h4 {
font-size:1.15em;
margin:8px 0;
}

a {
color:#0e6e9c;
}

a:link, a:visited {
color:#0e6e9c;
text-decoration: underline;
letter-spacing:0.075em;
}

a:hover {
color:#0e6e9c;
text-decoration: none;
}

p {
margin: 10px 0;
line-height:1.35em;
}

ul, ol {
margin: 0 20px;
}

li {
}

blockquote {
margin: 10px 20px;
}

img {
border: none;
}

/* Structure and dependencies
-----------------------------------------  */

#wrapper_top {
margin: 0 auto;
height:20px;
background:transparent url(../assets/top_content_bg.png) no-repeat top left;
margin-top: 30px;
width: 900px;
}

#wrapper {
width: 880px;
margin: 0 auto;
padding:10px 10px 0 10px;
background:#FFFFFF;
border:0px solid #ededed;
}

#wrapper_bottom {
margin: 0 auto;
height:20px;
background:transparent url(../assets/bottom_content_bg.png) no-repeat bottom left;
width: 900px;
}

#header {
width:880px;
height:133px;
border: 0px solid #FF0000;
}

#header ul, ol {
margin: 0;
}

ul#header_images li {
list-style: none;
padding: 0;
margin: 0;
}

.header ol li {
list-style:none;
padding: 0;
margin: 0;
}

.header ul li {
list-style:none;
padding: 0;
margin: 0;
}

#layout-header-row {
width: 880px;
}

#layout-header {
width: 880px;
height:133px;
}

#layout-header .main_image {
height: 133px;
width: 880px;
margin:-1px 0 0 0;
}

#layout-header ul,li {
margin: 0px;
padding: 0px;
list-style:none;
}

#logo {
margin:20px 0 20px 40px;
}

#top_inner_content {
height:20px;
background:transparent url(../assets/top_inner_content_bg.gif) no-repeat top left;
}

#leftColumn {
display: inline; /* IE Hack */
width: 111px;
padding:0 15px 15px 15px;
float: left;
text-align: left;
background: #0e6e9c url(../assets/left_col_nav_bottom.gif) no-repeat bottom left;
}

ul#sub_nav {
list-style: none;
margin:0;
padding:0;
}

ul#sub_nav li {
list-style: none;
margin:14px 0;
}

ul#sub_nav li a:link, ul#sub_nav li a:visited {
color:#FFFFFF;
text-decoration: none;
font-size:0.92em;
}

ul#sub_nav li a:hover {
text-decoration: underline;
}

ul#sub_nav li a.selected {
font-weight: bold;
}

#centerColumn {
margin: 0px;
display: inline; /* IE Hack */
float: left;
width:380px;
padding:20px 40px;
}

#rightColumn {
margin: 0px;
padding:35px 10px 0 0;
display: inline; /* IE Hack */
float: left;
width:260px;
font-size:0.92em;
}

#rightColumn ul, #rightColumn ol {
margin:0 0 0 20px;
}

#rightColumn li {
margin: 6px 0;
}

#rightColumn h2 {
margin:20px 0 0 0;
}

#footer {
text-align:left;
font-size: 10px;
background-repeat: repeat-y;
display: inline; /* IE Hack */
padding: 4px;
float: left;
width: 97.7%;
margin: 15px 5px 0px 15px;
color: #b7b6b6;
letter-spacing: 1px;
}

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

#footer a:hover {
color: #4c4b4b;
text-decoration: underline;
}

#siteCredits {
width: 754px;
margin: 0 auto;
margin-top: 10px;
text-align: center;
}

#siteCredits p {
font-size: 0.86em;
color: #195768;
}

#siteCredits p a:link, #siteCredits p a:visited {
color: #195768;
text-decoration: none;
}

#siteCredits p a:hover {
color: #297d95;
text-decoration: underline;
}

#siteCredits .pipe {
color: #144654;
}


/* Images
-----------------------------------------  */

.image-default {
margin: 0px;
}

.image-default img {
border:0px solid #ededed;
margin-top:0px;
}

.image-default table {
border-collapse:collapse;
border:0px solid #ededed;
}

.image-default p.caption {
font-size: 0.86em;
}

#horizontal-thumbs {
padding:20px 0;
}
#horizontal-thumbs li {
display:inline;
list-style-type:none;
padding:5px;
}


/* Overrides
-----------------------------------------  */

/*body.layout1 #centerColumn {
width:685px;
margin-left:0px;
}*/

#navBar {
width:705px;
height:24px;
margin:0 0 20px 0;
}
#navBar ul#mainNav li a:link, #navBar ul#mainNav li a:visited {
display: inline;
float:left;
padding:4px 20px;
width:none;
}


/*
Login page
-----------------------------------------  */

#login {
margin: 20px auto;
margin-top: 100px;
width: 450px;
border: 2px solid #ccc;
padding: 30px;
background: #FFFFFF;
text-align: left;
font-family: Verdana, Arial, Sans-serif;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #333;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
}

#login .error {
color:#c00;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333;
border:1px solid #ededed;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #ccc;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

div {
/*border:1px solid red;*/
}


/* INPUT FORM STYLES */

input {
	color: #333;
	background: #fff;
	font: 1.0em Verdana, Arial, Sans-Serif;
	padding: 4px;
}

input.checkbox {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0;
	padding: 2px;
}

textarea {
	width: 98%;
	background: #fff;
	font: 1.0em Verdana, Arial, Sans-Serif;
}

textarea.textarea {
	width: 98%;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0;
	padding: 2px;
}

input.textbox {
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	width: 98%;
	margin: 0;
}

input.textbox-nowidth {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0;
}

input.textbox-short {
	color: #333;
	background: #fff;
	width: 5.5em;
	border: 1px solid #ccc;
	margin: 0;
}

input.textbox-medium {
	color: #333;
	background: #fff;
	width: 10em;
	border: 1px solid #ccc;
	margin: 0;
}

input.textbox-long {
	color: #333;
	background: #fff;
	width: 17em;
	border: 1px solid #ccc;
	margin: 0;
}

input.saveButton {
	color: #333;
	margin: 0;
	padding: 4px 8px;
    float:right;
}

label {
	font: 95%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

p label {
	display: block;
	text-align: left;
	padding: 0 5px 5px 0;
}