/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/

* {
font-size: 12px;
}


/* colors */
td.bg_blue {background-color: #003399;}
td.bg_lightblue {background-color: #6983C3;}
td.bg_white {background-color: #ffffff;}
td.bg_green {background-color: #499983;}
td.bg_lightgray {background-color: #e6e6e6;}
/* end: colors */


body
{
margin: 0px 0px 0px 0px;
background-color: #003399;
font-family: arial, univers, helvetica, sans-serif;
color: #000000;
}

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


td.container
{
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
background-color: #ffffff;
}

#header
{

}

#header_text
{
margin: 10px 10px 10px 10px;
}

#home_content
{
margin: 10px 15px 10px 10px;
font-size: 125%;
}

table.sub_content
{
margin: 15px 10px;
width: 540px;
height: 300px;
}


h1
{
margin: 0 0 0.8em 0;
font-size: 150%;
color: #003399;
border-bottom: 1px dotted #003399;
}

h2
{
margin: 0 0 0.25em 0;
font-size: 125%;
color: #003399;
}

h3 
{
margin: 0 0 0.25em 0;
font-size: 110%;
color: #003399;
}

.red {
color: #c00;
}


/* navigation */
td.nav
{
padding: 10px 10px 10px 10px;
width: auto;
text-align: center;
font-size: 11px;
}

td.nav a {color: #ffffff; font-weight: bold;}
td.nav a:link {color: #ffffff; text-decoration: none;}
td.nav a:visited {color: #ffffff; text-decoration: none;}
td.nav a:hover {color: #ffffff; text-decoration: underline;}
td.nav a:active {color: #ffffff; text-decoration: none;}

td.nav_line
{
width: 1px;
background-color: #6983C3;
}


td.nav2
{
width: auto;
background-color: #e6e6e6;
border-right: 2px solid #ffffff;
}

div.nav2_links h2
{
margin-top: 0px;
}

div.nav2_links
{
padding: 10px 10px 10px 10px;
border-bottom: 2px solid #ffffff;
}

div.nav2_links ul
{
list-style: disc;
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 10px;
}
/* end: navigation */



/* sidebar */

#sidebar
{
float: right;
width: 200px;
background-color: #e6e6e6;
border: 1px dotted #999999;
padding: 10px 10px 10px 10px;
margin: 5px 0px 10px 10px;
}

#sidebar .header
{
font-weight: bold;
font-size: 110%;
}

#sidebar ul
{
padding: 0px 0px 0px 10px;
margin: 5px 0px 5px 10px;
}

/* end: sidebar */




/* chart */
table .chart
{
font-size: 90%;
background-color: #ffffff;
}

table .chart th
{
background-color: #003399;
padding: 5px 5px 5px 5px;
text-align: left;
font-weight: bold;
color: #ffffff;
}

table .chart td
{
background-color: #e6e6e6;
padding: 5px 5px 5px 5px;
text-align: center;
color: #000000;
}

table .chart td.text
{
background-color: #e6e6e6;
padding: 5px 5px 5px 5px;
text-align: left;
color: #000000;
}

table .chart tr.text2 td
{
background-color: #d0d0d0;
padding: 5px 5px 5px 5px;
text-align: left;
font-weight: bold;
font-style: italic;
color: #000000;
}
/* end: chart */



/* list 
p {margin-bottom: 5px;}
ul {margin-top: 5px; margin-bottom: 20px;}
/* end: list */


div.highlight-box {
border: 2px solid #039;
margin: 0 0 1.4em 0;
padding: 0.8em 1.4em;
}



/** custom form **/
form.neighbor-form {
border: 2px solid #ccc;
padding: 1em;
}

form.neighbor-form table {
width: auto;
}

form.neighbor-form table th {
padding: 0.4em 0.8em;
background: #ddd;
}

form.neighbor-form table td {
padding: 0.4em 0.8em;
}

form.neighbor-form label {
font-weight: bold;
}

form.neighbor-form ul.checkboxes {
list-style: none;
overflow: auto;
margin: 0 1.5em 0 0;
padding: 0;
float: left;
}

form.neighbor-form ul.checkboxes-col-02 {
margin: 0;
}

form.neighbor-form input.button {
cursor: pointer;
font-size: 1.1em;
}

form.neighbor-form input.button-submit {
margin: 0 1em 0 0;
}

form.neighbor-form input.button-clear {

}
/** END: custom form **/