/* colors */
td.bg_blue {background-color: #003399;}
td.bg_lightblue {background-color: #6a90c0;}
td.bg_lightgray {background-color: #dddddd;}
/* end: colors */



/* main styles */
body
{
background-color: #ffffff;
margin: 5px 5px 5px 5px;
text-align: center;
font-family: arial, univers, helvetica, sans-serif;
color: #000000;
}

#container
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
font-size: 12px;
}

#container td
{
font-size: 12px;
}

a:link {color: #003399; text-decoration: underline;}
a:visited {color: #003399; text-decoration: underline;}
a:hover {color: #003399; text-decoration: underline;}
a:active {color: #003399; text-decoration: underline;}

td.header_logo
{
width: 30%; 
text-align: left; 
padding: 15px 15px 15px 15px;
}

td.header
{
width: 70%; 
text-align: right; 
padding: 15px 20px 15px 10px; 
}

#header_text
{
font-size: 24px; 
font-weight: bold; 
color: #ffffff;
}

#subheader_text
{
font-size: 14px; 
font-weight: bold;
font-style: italic; 
color: #ffffff;
}

p, ul, ol
{
margin-top: 0.25em;
margin-bottom: 0.75em;
}

.big {font-size: 115%;}

.small {font-size: 90%;}

/*
ul
{
padding-left: 5px;
margin-left: 10px;
}

ol
{
padding-left: 0px;
margin-left: 25px;
}
*/

p.x_header
{
background-color: #dddddd;
padding: 5px 10px 5px 10px;
font-weight: bold;
}

h1, h1 em
{
font-size: 20px;
margin-top: 0;
margin-bottom: 0.5em;
color: #003399;
}

h2, h2 em
{
font-size: 16px;
margin-top: 0.5em;
margin-bottom: 0.5em;
color: #003399;
}

h3
{

}

td.content
{
padding: 10px 10px 10px 10px;
border: 1px solid #dddddd;
height: 300px;
}

td.footer
{
background-color: #003399;
padding: 8px 10px 8px 10px;
color: #ffffff;
}

td.footer a {color: #ffffff;}
td.footer a:link {color: #ffffff;}
td.footer a:visited {color: #ffffff;}
td.footer a:hover {color: #ffffff;}
/* end: main styles */



/* navigation */
td.nav1
{
background-color: #6a90c0;
padding: 8px 10px 8px 10px;
text-align: right;
font-family: tahoma, verdana, sans-serif;
font-size: 11px;
color: #000066;
}

td.nav1 a {font-size: 11px;}
td.nav1 a:link {font-weight: bold; color: #ffffff; text-decoration: none;}
td.nav1 a:visited {font-weight: bold; color: #ffffff; text-decoration: none;}
td.nav1 a:hover {font-weight: bold; color: #ffffff; text-decoration: underline;}
td.nav1 a:active {font-weight: bold; color: #000066; text-decoration: underline;}


td.nav2
{
width: 170px;
background-color: #dddddd;
border-right: 3px solid #ffffff;
font-size: 12px;
}

td.nav2 div
{
border-top: 1px solid #ffffff;
padding: 10px 10px 5px 10px;
}

td.nav2 ul
{
background-color: #003399;
list-style: none;
padding: 0px;
margin: 0px;
font-weight: bold;
}

td.nav2 ul li
{
border: 1px solid transparent;
padding: 0px;
margin: 0px;
}

td.nav2 ul li a {display: block; padding: 5px 10px 5px 10px;}
td.nav2 ul li a:link {color: #ffffff; text-decoration: none;}
td.nav2 ul li a:visited {color: #ffffff; text-decoration: none;}
td.nav2 ul li a:visited:hover {background-color: #dddddd; color: #003399; text-decoration: none;}
td.nav2 ul li a:hover {background-color: #dddddd; color: #003399; text-decoration: none;}
td.nav2 ul li a:active {color: #ffffff; text-decoration: none;}
/* end: navigation */




input.field
{
width: 90px;
height: 105%;
margin: 0px 5px 0px 5px;
border: 1px solid #ffffff;
}

input.button
{
cursor: pointer;
padding: 0px 3px 0px 3px;
background-color: #000066;
border: 1px solid #ffffff;
text-align: center;
font-family: verdana, tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffff;
}

.caption
{
font-size: 11px;
color: #003399;
}

#sidebar
{
width: 200px;
float: right;
margin: 10px 0px 10px 10px;
background-color: #f0f0f0;
border: 1px solid #dddddd; 
padding: 10px 10px 10px 10px;
}


table .chart
{
width: 100%;
background-color: #ffffff;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #000000;
}

table .chart th
{
padding: 2px 4px 2px 4px;
background-color: #dddddd;
text-align: center;
font-weight: bold;
}

table .chart td
{
padding: 2px 4px 2px 4px;
background-color: #f0f0f0;
border-collapse: separate;
/*border-bottom: 1px #666666 solid;*/
text-align: center;
}