/* CSS Document */

/********** respecified tags ***********/
body {
margin: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 16px;
background-color: #ccc;}

a:link { color: #039; text-decoration:none; }
a:visited { color: #039;  text-decoration:none;}
a:active { color: #36c;  text-decoration:none;}
a:hover { text-decoration: underline; }

p {
	margin: 0; 
	padding: 0;
	line-height: 130%;
}
pre {
	font-size: 12px;
	line-height: 16px;
	padding: 0 1em;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #009999;
}
h2 {
	font-size: 18px;
	color: #330066;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #330066;
}
h5 {
	font-size: 14px;
	color: #006699;
	font-weight: bold;
}
h6 {
	font-size: 13px;
	font-weight: bold;
}
input {
	margin: 2px 0 2px 2px;
}
textarea {
	margin: 2px 0 2px 2px;
}
/* Use for diagnostics */
/* border: 2px solid #black; /* supercontainer */
/* border: 2px solid #red; /* container */
/* border: 2px dotted #blue; /* contentmisc */
/* border: 2px dotted #orange; /* rightnav */
/* border: 2px dotted #green; /* footerbox */

/********** area tags **********/
/*
#supercontainer {
width: 100%;
margin: 0px auto;
background-image: url(../media/bgd_super.png);
background-repeat: repeat;
}
*/
#container {
width: 760px;
float: center;
margin: 0px auto;
padding: 0 ;
background-color: #cc9;
}
#content {
float: left;
background-color: #fff;
width: 534px;
margin-left: 0;
padding: 1.5em;
}
#rightnav {
background-color:#CC9;
float: right;
padding: 1.5em .5em .5em .5em;
line-height: 160%;
font-weight: 100;
}
#footerbox {
clear: both;
margin: 0;
padding: .5em;
background-color: #fff;
padding: 3px 5px 5px 1em;
 border-top: 4px solid #663; 
}
#detailbox {
background-color: #fff;
text-align: center;
padding: .5em;
}

/********** respecified tags within area tags **********/
#content h1 { 
font-size: 160%;
line-height: 120%;
font-weight: 800;
color: #996;
margin: 0 0 1em .5em; 	
font-style: italic;
 }
#content p { 
padding: 4px 6px 0 0em;
}
#rightnav p {  
font-size: 120%;
font-weight: bold;
line-height: 50%;
color:#330;
}
#rightnav ul {
    margin: 0;
	width: 160px;
    padding: 4px 10px 10px 0px;
}
#rightnav li {
    text-align: left;
    list-style: none;
    padding: 3px 4px 3px 4px;
    margin: 6px;
    border: 0;
	background-color:#996;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}
/********** custom tags *********/
.fineprint {
font-size: 90%;
font-weight: 400;
line-height: 120%;
}
.fineprintwhite {
font-size: 90%;
line-height: 120%;
color: #fff;
}
.fineprintgray {
font-size: 90%;
line-height: 120%;
color: #999;
}
.fineprintgraylt {
font-size: 90%;
line-height: 120%;
color: #ccc;
}
.fineprintgraydk {
font-size: 90%;
line-height: 120%;
color: #666;
}
.white {
color: #fff; 
}
.gray {
color: #999; 
}
.graylt {
color: #ccc; 
}
.graydk {
color: #666; 
}
.red {
color: red; 
}
.blue {
color: blue; 
}
.nobr { 
white-space: nowrap; 
}
.row0 {
    background-color: #ffffff;
}
.row1 {
    background-color: #e6e6e6;
}