@charset "utf-8";
/* CSS Document */

html, body { 
height: 100%; 
}

body { 
color: #fff; 
text-align: center; 
margin: 0px; 
padding: 0px;
/*background-color: #112981;*/
background-color: #0b1f2b;
}

#wrapper { 
width: 700px; 
min-height: 100%;
height: auto 100%; 
text-align: left; 
margin: 0 auto ;
background: url(images/main/bk-wrap.png); 
}

#head { 
height: 400px; 
width: 700px; 
clear: both; 
margin: 0 auto; 
background: url(images/main/bbjwlhead.png) no-repeat top; 
}

#subhead { 
height: 84px; 
width: 700px; 
clear: both; 
margin: 0 auto; 
/*background: url(images/main/bbjwlsubhead.png) no-repeat top; */
}

#head img { 
display: block; 
}

#content { overflow: auto; 
/*background: url(img/bkg-cnt.png) no-repeat center top; */
position: relative;
}

#subcontent { overflow: auto; 
/*background: url(img/bkg-cnt.png) no-repeat center top; */
position: relative;
padding: 0px 8px 0px 5px;
}

#side { 
width: 145px; 
padding: 5px 10px 0 15px;
float: left;
}

#side ul { 
width: 145px; 
list-style: none; 
padding: 0px; 
border-top: 1px solid #1c4754; 
font-family: Arial, Helvetica, sans-serif; 
margin: 0; 
font-weight: bold; 
}

#side li { 
border-bottom: 1px solid #1c4754; 
width: 145px; 
height: 22px; 
}

#side li a { 
color: #7da667; 
text-decoration: none; 
font-size: 0.9em; 
line-height: 22px; 
padding: 0 5px; 
text-transform: uppercase; 
}

#side li a:hover { 
color: #c9aa50;
}

#side fieldset { 
border: 0; 
padding: 10px 0 0; 
margin: 0; 
text-align: center; 
}

#right { 
width: 515px; 
padding: 5px 3px 0 3px;
float: right;
font-size: .9em; 
color: #fff; 
font-weight: normal; 
}

a { 
text-decoration: underline; 
color: #7da667; 
outline: none;
font-size: .9em;
}

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

h1, h2, h3, h4 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; 
margin-bottom: 0; 
}

h1 { 
font-size: 1.75em; 
margin: 0; 
color: #7da667;
}

h2 { 
font-size: 1.5em; 
color: #c3b064; 
}

h3 { 
font-size: 1.25em; 
color: #b9c190;
}

h4 { 
font-size: 1.0em; 
color: #b9c190;
}

h5 { 
font-size: .9em; 
color: #b9c190;
font-family: Arial, Helvetica, sans-serif;
}

p, td, th, address, #main ul, ol, cite { 
margin-top: 0; 
font: normal 0.8125em/1.5em Verdana, Arial, Helvetica, sans-serif; 
}

ul, ol, ul ul, ul ol, ol ol, ol ul { 
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

table { 
margin-bottom: 16px; 
background-color: #235762; 
}

caption { 
text-align: left; 
font: 1.125em Arial, Helvetica, sans-serif; 
color: #b9c190; 
}

th { 
text-align: left; 
font-weight: bold; 
}

td { 
background-color: #1c4754; 
vertical-align: top; 
}

hr { 
color: #1c4754; 
background-color: #1c4754; 
border: none; 
height: 1px; margin: 10px 0; 
}

img { 
border: 0; 
}

.sm { 
font-size: 70%; 
}

.ctr { 
text-align: center; 
}

.block { 
display: block; 
}

.noWrap { 
white-space: nowrap; 
}

.floatRight { 
float: right; 
}

.goldBold { 
font-size: 1.14em; 
color: #c3b064; 
font-weight: bold; 
}


/* Popup error messages for forms*/

/** {margin:0; padding:0}
body {font:12px Verdana, Arial, Helvetica, sans-serif; color:#666}*/
#formwrapper {
width:300px;
margin-top: 20px;
}
.form {
/*float:left;*/ 
padding:0 10px 10px 10px;
background:#1c4754; 
border:2px solid #235762;
}
.form label {
/*float:left; */
width:100px; 
padding:10px 10px 0 0; 
font-weight:bold
}
.form select {
/*float:left; */
width:146px; 
margin-top:10px
}
.form input {
/*float:left; */
margin-top:10px
}
.form .submit {
clear:both
}
#msg {
display:none; 
position:absolute; 
z-index:200; 
background:url(../images/msg_arrow.gif) left center no-repeat; 
padding-left:7px
}
#msgcontent {
color: #990000;
display:block; 
background:#f3e6e6; 
border:2px solid #924949; 
border-left:none; 
padding:5px; 
min-width:150px; 
max-width:250px
}