html {
background: #b8e5fa url('../images/bg.jpg') center top repeat-y;
}

#bodycontainer {
width: 790px;
margin: 0 auto;
background-color: white;
font-family: arial, sans-serif;
position: relative;
}

/* ============================================================
	Header
============================================================ */

b,strong {font-weight: bold}
i,em {font-style: italic}
u {font-decoration: underline}

#header {
background: transparent url('../images/header.jpg') left top no-repeat;
height: 100px;
}

#header h1 a {
position: absolute;
text-indent: -9000px;
width: 300px;
height: 100px;
}

#header form {
background: transparent url('../images/login.png') left top no-repeat;
position: relative;
top: 15px;
right: 15px;
width: 196px;
height: 100px;
float: right;
overflow: hidden;
}

#header form a {
text-decoration: none;
}

#header form fieldset {
padding: 6px 10px;
}

#header form label.textbox {
text-transform: uppercase;
font-size: .4em;
color: white;
}

#header form label.textbox span {
display: block;
position: relative;
top: 2px;
}

#header form label.textbox input {
width: 100%;
border-width: 0;
background: transparent;
}

#header form label.checkbox {
text-transform: uppercase;
color: white;
font-size: .5em;
line-height: 20px;
}

#header form label.checkbox span {

}

#header #login_username_label {
position: absolute;
top:8px;
left: 10px;
}

#header #login_username {
position: absolute;
width: 175px;
top: 16px;
left: 10px;
}

#header #login_password_label {
position: absoulte;
top: 28px;
left: 0px;
}

#header #login_password {
position: absolute;
top: 42px;
left: 10px;
width: 175px;
}

#header #login_checkbox {
position: absolute;
left: 10px;
top: 60px;
}

#header #login_checkbox_label {
position: absolute;
left: 25px;
top: 57px;
}

#header form #forgot_password {
color: white;
position: absolute;
font-size: .45em;
bottom: 8px;
right: -5px;
width: 120px;
}

#header form #new_account {
color: white;
font-size: .45em;
position: absolute;
bottom: 9px;
left: 13px;
text-transform: uppercase;
}

#header form #login {
position: absolute;
top: 60px;
right: 8px;
background-color: transparent;
border-width: 0;
text-indent: -9000px;
cursor: pointer;
width: 50px;
}

#header #logged_in_nav,
#header #logged_in_nav li a {
	color: #dde5e8;
}

#header #logged_in_nav {
	background: transparent url("../images/logged-in-box-bg.jpg") right top no-repeat;
	float: right;
	font-size: 80%;
	height: 80px;
	margin: 0;
	padding: 5px 6px 0 6px;
	width: 142px;
}

#header #logged_in_nav li {
	margin-bottom: 4px;
	text-align: center;
}

#header #logged_in_nav li a {
	text-decoration: none;
}
#header #logged_in_nav li a:hover {
	text-decoration: underline;
}

/* ============================================================
	Navigation
============================================================ */

#nav {
background: white url('../images/nav_bg.jpg') left top repeat-x;
border-bottom: 4px solid #efcd61;
height: 25px;
padding-left: 8px;
}

#nav li {
float: left;
/* background: transparent url('../images/navcap.png') left bottom no-repeat; */
padding-left: 8px;
padding-right: 8px;
}

#nav li a {
/* background: transparent url('../images/nav.png') right bottom no-repeat; */
height: 15px;
padding-top: 10px;
padding-right: 8px;
display: block;
color: white;
color: #005986;
text-decoration: none;
font-size: .7em;
}

#nav li:hover, 
#nav li.current {
background: transparent url('../images/navcap.png') left bottom no-repeat;
color: white;
}

#nav li:hover a,
#nav li.current a {
background: transparent url('../images/nav.png') right bottom no-repeat;
color: white;
}

#nav li li { display: none }

/* ============================================================
	Main
============================================================ */

#main {
padding: 10px;
}

/* ============================================================
	Sidebar
============================================================ */

#sidebar {
float: left;
width: 208px;
}

#sidebar div {
background: transparent url('../images/blue_box.jpg') left top no-repeat;
padding: 15px 5px;
height: 156px;
margin-bottom: 10px;
}

#sidebar img {
display: block;
margin: 0 auto;
}

#sidebar h2 {
text-align: center;
background: transparent url('../images/headercap.png') left top no-repeat;
padding-left: 8px;
margin-bottom: 4px;
}

#sidebar h2 span {
display: block;
height: 21px;
padding-right: 10px;
font-size: .7em;
text-transform: uppercase;
line-height: 21px;
color: white;
background: transparent url('../images/header.png') right top no-repeat;
}

/* ============================================================
	Ad Column
============================================================ */

#ad {
float: right;
}

/* ============================================================
	Content
============================================================ */

#main #content {
	background-color: rgb(221,240,254);
	margin-left: 228px;
	margin-right: 160px;
	width: 370px;
}

#main #content.has_form {
	margin-right: 0;
	width: 530px;
}

#main #content h2 {
	background: #005a88 url('../images/h2.gif');
	border-top: 10px solid white;
	color: white;
	font-size: .7em;
	height: 21px;
	line-height: 21px;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}

#main #content.has_form h2 {
	background-image: url('../images/h2-550wide.gif');
}

#content p,
#content ul,
#content ol,
#content blockquote,
#content h3,
#content h4,
#content h5,
#content h6 {
	background-color: rgb(221,240,254);
	font-size: .8em;
	margin: 0 5px 10px 5px;
	padding: 10px;
}

/* ============================================================
	Thrown messages/errors
============================================================ */

#thrown p {
	border-width: 2px;
	border-style: solid;
	color: black;
	cursor: pointer;
	padding: 0.5em;
}

#thrown p.error {
	background-color: #ffa0a0;
	border-color: #800000;
}
#thrown p.error:hover {
	background-color: #ffb0b0;
	border-color: #901010;
}

#thrown p.notice {
	background-color: #a0ffa0;
	border-color: #008000;
}
#thrown p.notice:hover {
	background-color: #b0ffb0;
	border-color: #109010;
}