/* this substitutes invalid margin attributes in body for xhtml compliance across all browsers */
body { margin: -10px 0 0 -10px }
html body { margin: 0 }


/* document regions */
.main { background-color: #cccc99 }
.main_red { background-color: #cc9966 }
.footer { background-color: #ffffff }
.footer_container { width: 100%; background-color: #ffffff; margin: 5px; font-size: 10px }
td.navbar { background-color: #fff8dc }
.sidebar { background-color: #cccc99 }
.menubar {
	background-color: #000000
}

.nav_box { background-color: #666633 }
.section { background-color: #666633 }
table.transparent { background-image: url(/images/spacer.gif); background-repeat: no-repeat }
.intro { background-color: #fff8dc; text-align: left }


/* various region containers */
div.container_main { padding: 10px; border: 0px solid #cccc99 }
div.container_main_red { padding: 10px; border: 1px solid #cc9966 }
div.container_eagle { padding: 10px; background-image: url(/other_images/background_5c.gif); background-repeat: no-repeat; height: 500px }


/* left nav-bar collapsible items: mark current page div with class='current' */
div.container5{ padding: 5px }
div.navbar { margin: auto; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; padding-top: 5px; padding-bottom: 5px;}
div.navbar a { color: #aaaaaa; text-decoration: none }
div.navbar div { display: none}
div.current div { margin-left: 10px; color: #aaaaaa; }
div.current div.current { padding-top: 5px; padding-bottom: 5px }
div.current div.current a { color: #000000; text-decoration: none; padding-top: 5px;}
div.container div.current{ padding-bottom: 5px }
.nav
{
    font-weight: normal;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif
}
.current
{
    font-weight: normal;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
}
.current a
{
    font-weight: normal;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.bright1 { color: #ffffff;
           font-family: verdana, sans-serif;
           font-size: 10px;
           text-decoration: none          
}


.callout
{
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #fff8dc; 
    padding: 10px; 
    text-align: left; 
    width: 130px; 
    float: right
}


.brightheader 
{ 
    color: #ffffff;
    font-family: verdana, sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 7px
}


.banner {
    background-color: #FFF8DC;
}


.bannerintro{
    font-size: 16px;
    color: #666633
}


.footnote
{
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif
}



strong
{
    font-weight: bold
}


strong.small
{
	font-weight: bold;
	font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif
}


.header
{
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;     
}


.label
{
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px
}


/* anchor behaviors */
a { color: #000000 }
.out a { color: #ffffff; text-decoration: none }
.nav a{
    color: #aaaaaa
}
.label a { font-weight: bold; font-size: 12px; }
a.bright { color: #ffffff;
           font-family: verdana, sans-serif;
           font-size: 10px;
           text-decoration: none          
}
a.anchor { font-weight: bold }


h2 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold
}


h3 {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;    
    font-size: 12px;
    font-weight: bold;
    color: #000000

}


.q {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #666633
}


p,td,ul,li {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;

    text-decoration: none;
}    


ul.clear{
    list-style-type: none;
} 


ul ul.pseudo {
    list-style-type: none
}


.search
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif
}


.text a:hover
{
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: underline
}


.nav a:hover
{
    font-weight: normal;
    font-size: inherit;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.nav a:active
{
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.nav a:link
{
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.nav a:visited
{
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.nav
{
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.search
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.selectdisabled
{
    font-weight: normal;

    font-size: 10px;
    color: #999999;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.search a:hover
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: underline
}
.search a:active
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.search a:visited
{

    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.search a:link
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.note
{
    font-size: 10px;
    color: #000000;
    font-style: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.title
{
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
.smalltext
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.highlight {
    color: #fff8dc
}


/* form elements */
.butt {
     width: 60px;
     background-color: #ffcc66;
     font: 10px verdana, sans-serif;
}
    
input.input
{
    font-weight: normal;
    font-size: 10px;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


input
{
    font-weight: normal;
    font-size: 10px;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


textarea
{
    width: 300px;
    font-weight: normal;
    font-size: 10px;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


input.long
{
    width: 200px;
    font-weight: normal;
    font-size: 10px;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


.select
{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}


/* CSS for new tabs on front page */


.tablt
{ 
    font-size: 10px;
    color: #000000;
    font-style: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    background: #cccc99;
    text-align: center;
}


.tabdrk
{
    font-size: 10px;
    color: #000000;
    font-style: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    background: #999966;
    text-align: center;
}


.tablt a
{
    color: #000000;
    text-decoration: none;
}


.tabdrk a
{
    color: #000000;
    text-decoration: none
}