/* SITE LAYOUT */
body {
 margin: 0 0 0 0; /*top right bottom left */
 background: #CFD6DD url('/images/jonah_body.jpg') top repeat-x;
 text-align: center; /* because IE ignores #pageContainer margin setting of auto */
 }

table{
 font-family: arial;
 font-size: 12px;
 color: #333333;
}

input{
background-color: #F3F3F3; 
border: 1px solid #386AAB; 
font-family: Verdana; 
font-size: 11px; 
color: #386AAB;
}


#pageContainer {
 width: 940px;
 background-color: #FFFFFF; 
 text-align: left; /* to reset alignment after body tag sets it as centered */
 margin: 0 auto;
/* border: 1px solid #CFD6DD; */
 }

#header {
background-image: url('/images/jonah_header.jpg');
height: 145px;
}
#inner_header {
background-image: url('/images/jonah_logo.jpg');
background-repeat: no-repeat;
height: 145px;
}

.printOnly {
display: none;
}

.headerMenu{
float: right;
margin-right: 10px;
margin-top: -31px;
}
.headerMenu ul{

}
.headerMenu li{
 background-color: #6BA6DD;
 background-image: url('/images/headerMenuButtonBG.jpg'); 
 border: 1px #336699 outset; 
 display: inline;
 list-style-type: none;
 padding: 1px 10px 2px 10px;
 margin-right: 5px;
 }
.headerMenu a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 14px;
 color:#F3F3F3;
 text-decoration: none;
 }
.headerMenu a:hover{
 color: #FFFFFF;
 /* text-decoration: underline; */
 }

 
#contentBottom {
 clear: both;
 height: 40px;
 width: 940px;
 background: #CFD6DD url('/images/jonah_footer.jpg') top repeat-x;
 }

.leftMenu{
margin-left: -30px;
float: left;
border-right: 1px #386AAB solid;
margin-right: 5px;
padding-right: 5px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
color: #333333;
}
.leftMenu ul{
 list-style-type: none;
}
.leftMenu li{
 padding-bottom: 3px;
}
.leftMenu a{
font-weight: normal;
color: #386AAB;
text-decoration: none;
}
.leftMenu a:hover{
color: #003366;
text-decoration: underline;
}

#footer { 
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
}
#footer a{
color: #000066;
}

/* to make a fake pop-up box, create a div with this class, then use popUp() javascript function */
.popUp {
display: none;
position: absolute;
z-index: 100;
background-color: #CFD6DD;
border: 2px #386AAB outset;
padding: 8px;
}

.popUp, .popUp table{
font-weight: normal;
}

.popUp_topBar{
margin: -8px -8px 8px -8px;
padding: 2px;
background-color: #386AAB;
font-weight:  bold;
color: #FFFFFF;
}
.popUp_topBar a{
color: #CCCCCC;
}

.pageBody{
 margin-left: 155px;
 background-color: #FFFFFF;
 padding: 0px 8px 5px 10px;
 font-family: arial;
 font-size: 12px;
 color: #333333;
 }