/* CSS Document */

body  {
background-color: #56728F;
margin: 10px;
}



/* =Page Layout
----------------------------------------------------------------------------------- */

#container {
margin: 0;
padding: 0;
background: url(/images/bkg_container.gif) repeat-y;
text-align:left;

}

#container, #footer {
min-width: 760px !important;
max-width: 1300px !important;

}

#header {
position: relative;
background: #fff url(/images/header_bg.gif) repeat-x;
height: 120px;
}

#header-main {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 432px;
height: 120px;
background: #fff url(/images/header_main.gif) no-repeat;
}

#header-side {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 212px;
height: 120px;
background: url(/images/header_side.gif) no-repeat;
}

#topnav {
background: url(/images/bkg_topnav.gif) repeat-x;
height: 26px;
clear: both;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #009999;
font-size: 11px;
font-weight: bold;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 20px;
}

#topnav li {
padding-left: 10px;
float: left;
}

#content {
float: left;

}

#content2 {
float: left;
background: url(/images/bkg_secondaryContent.gif) repeat-y right top;
}

#content2col {
float: left;
margin: 0 250px 0 0;
padding: 0;
}


#column2 {
float: right;
width: 211px;
margin-left: -211px;
}

#sidenav {
float: left;
margin: 10px 0 10px 0;
}

.shell {
padding: 20px;
}


#footer {
background: #01a6ad url(/images/bkg_footer.gif) repeat-x left top;
clear: both;
line-height: 2em;
}



#secondaryContent {
float: right;
width: 211px;
margin: 0 0 0 auto; 
}



/* = Sidenav
----------------------------------------------------------------------------------- */
#sidenav ul {
margin: 0;
padding: 0;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
}


#sidenav ul a {
display: block;
width: 210px;
height: 30px;
line-height: 30px;
color: #000;
text-decoration: none;
background: url(/images/bkg_sidenav.gif) no-repeat left center;
text-indent: 20px;
font-size: 11px;

}

#sidenav ul ul a {
display: block;
width: 200px;
height: 20px;
line-height: 20px;
color: #fff;
text-decoration: none;
background: #388296;
text-indent: 20px;
border-bottom: 1px solid #fff;

}

#sidenav ul ul a:hover {
display: block;
width: 200px;
height: 20px;
line-height: 20px;
color: #99FFFF;
text-decoration: none;
background: #388296;
text-indent: 20px;
border-bottom: 1px solid #fff;
}

#sidenav ul ul li {
list-style: none;
display: inline;
font-size: 11px;

}

#sidenav ul a:hover {
color: #990000;
}

#sidenav li {
background: url(/images/bkg_sidenav.gif) no-repeat left center;
list-style: none;
display: inline;
}

#sidenav h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #009999;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
}



/* = Side Content boxes
--------------------------------------------------------------------------------------- */

.contentbox {
margin: 10px 20px 10px 20px;
background: url(/images/bkg_sidecontent-top.gif) no-repeat left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 10px;
}

.contentbox p {
padding: 0 8px 0 8px;
}

.contentbox h4 {
padding: 15px 8px 5px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000;
}

.contentbottom {
height: 21px;
background: url(/images/bkg_sidecontent-btm.gif) no-repeat left bottom;
}

/* = Formatting
----------------------------------------------------------------------------------- */

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #005F78;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
}

#content ul, #content ol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 1.5;
}

#content p, .textcopy, .column, #content2col p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 1.5;
}

#content p.question {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #993333;
}

#content p.answer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #009999;
}


.rule {
height: 10px;
display: block;
border-bottom: 1px dotted #ccc; 
margin: 7px 0 7px 0;

}

.sponsor {
border: none;
padding-left: 10px;
}

.inputtable {
background-color: #ffffff;
border: 1px solid #CCCCCC;
padding: 8px;
width: 600px;
}

.inputform {
width: 384px;
background-color:#E1E1E1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border: 1px solid #333333;
color: #333333;
}

.inputform p{
line-height: 1.5;
}

ol.standard, ol.standard li {
list-style-type: decimal;
color: #333;
font-size: 11px;
font-weight: normal;

}


ol li{
margin: 15px 0 0 0;
list-style-type: upper-roman;
font-weight: bold;
color: #990000;
font-size: 14px;
}

ol ol li{
margin-top: 5px;
list-style-type: upper-alpha;
font-weight: bold;
color: #009999;
font-size: 12px;
}

ol ol ol li{
list-style-type: decimal;
font-weight: normal;
color: #333;
font-size: 11px;
}

ol ol ol ol li{
list-style-type: lower-alpha;
color: #333;
font-size: 11px;
}


.column {
width: 280px;
float: left;

}
/* = Links
----------------------------------------------------------------------------------- */
#footer a, #footer p {
padding-left: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 10px;
font-weight: bold;
}

#footer a:hover {
color: #990000;
}



#topnav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #009999;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#topnav a:hover {
color: #990000;

}

a:link {
color: #990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


a:visited {
color: #990066;
}


a:hover {
color: #009999;
}


a:active {
color: #009999;
}


a:visited:hover {
color: #009999;
}