/* CSS Document */

/********** respecified tags ***********/
body {
margin: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 16px;
background-image: url(media/bgd_super.png);
background-repeat: repeat;
background-color: #ccc;
}

a:link { color: #903; text-decoration:none; }
a:visited { color: #903;  text-decoration:none;}
a:active { color: #603;  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: #039;
	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: 750px;
float: center;
margin: 0px auto;
padding: 0 ;
background-color: #fff;
}
#container {
margin: 0px;
padding: 0 ;
background-color: #ffc;
}
#topbox {
width: 750px;
margin: 0;
background-color: #c00;
border-bottom: 2px solid #c00;
}
#leftcolumn {
float: left;
width: 100px;
margin: 0;
font-size: 92%;
}
#textcolumnleft {
float: left;
margin-left: 0px;
width: 210px;
margin: 1em;
margin-top: 0;
padding: 2em;
padding-top: 0;
}
#textcolumnright {
float: right;
margin-left: 10px;
width: 300px;
margin: 0;
padding: 0;
}
#content {
float: right;
width: 600px;
margin: 0;
padding: 2em;
padding-right: 0;
background-color: #fff;
border-left: 1px dotted #00c; /* contentindex */
}
#contentindex {
float: right;
width: 600px;
margin: 0;
padding: 2em;
padding-right: 0;
background-image: url(media/bgd_magens.jpg);
background-repeat: no-repeat;
background-color: #fff;
border-left: 1px dotted #00c; /* contentindex */
}
#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;
line-height: 130%;
background-color: #fff;
padding: 3px 5px 5px 1em;
border-top: 4px solid #039; 
}
#detailbox {
background-color: #fff;
text-align: center;
padding: .5em;
}
#indexlogobox {
padding-bottom: 1em;
}
#flag {
position: absolute;
width: 726px;
margin-top: 2px;
text-align: right;
padding: 0;
}

/********** respecified tags within area tags **********/
#content h2 { 
	margin-bottom: 6px;
}
#content p { 
padding: 4px 6px 0 0em;
}
#rightnav p {  
font-size: 120%;
font-weight: bold;
line-height: 50%;
color:#330;
}
#contentindex ul {
	margin: 0;
    margin-left: 1.5em;
	width: 560px;
    padding: 1em 0 2em 1em;
}
#contentindex li {
	list-style-image: url(media/tri_mini_red.gif);
    padding: 0 .5em .5em 0;
    border: 0;
}
#content ul {
    margin: 0;
    margin-left: 0;
	width: 560px;
    padding: 1em 0 1em 1em;
}
#content li {
	list-style-image: url(media/tri_mini_red.gif);
    padding: 0 .5em .5em 0;
    border: 0;
}
/********** 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: #039; 
}
.nobr { 
white-space: nowrap; 
}
.row0 {
    background-color: #ffffff;
}
.row1 {
    background-color: #e6e6e6;
}
.left
{
	float: left; /*left in our text*/
	margin: 3px; /*space around the image*/
}

/*float right*/
.right
{
	float: right; /*right in our text*/
	margin: 3px; /*space around the image*/
	margin-right: 8px; /*space around the image*/
}