﻿body { margin:0; padding:0; background:#aaaade url(../img/background_diagonal.jpg) repeat-x left top; font-family:Arial; font-size:90%; }
form { margin:0; padding:0; }
div { margin:0; padding:0; }

div.main
{
    margin:0 auto;
    width:700px; height:100%;
    background-color:#FFFFFF;
    border:solid 1px #9999b9;
    border-top:none;
}
div.header { width:700px; height:80px; background-image:url(../img/header.jpg); }

div.menu { width:700px; height:52px; font-weight:bold; }
div.menu div { width:700px; height:25px; text-align:center; color:#6f6ff0; }
.menu .first { background:#a5a5f7 url(../img/first_menu_background.gif) repeat-x left top; }
.menu .second { background:#c2c2fa url(../img/second_menu_background.gif) repeat-x left top;  }
.menu .first a { border:solid 1px #d4d4ff; border-right:solid 1px #6c6cf0; border-bottom:solid 1px #6c6cf0; }
.menu .first a:hover { background:#a5a5f7 url(../img/first_menu_background_hover.gif) repeat-x left top; }
.menu .second a { border:solid 1px #fafaff; border-right:solid 1px #9999f2; border-bottom:solid 1px #9999f2; }
.menu .second a:hover { background:#d5d5f2 url(../img/second_menu_background_hover.gif) repeat-x left top; }
.menu a, .menu a:hover, .menu a:active, .menu a:visited { display:inline-block; padding:3px 10px 4px 10px; color:#000048; text-decoration:none; }
.menu a:hover { text-decoration:underline; }

div.subContent
{
    margin:0; padding:2px 0px 0px 0px;
    width:700px; height:18px;
    background-color:#CCCC99;
    font-size:90%; text-align:center;
    font-weight:bold;
}
.subHeader a, .subContent a { padding:0px 16px 0px 16px; }
.subHeader a, .subHeader a:visited, .subHeader a:active, .subHeader a:hover { text-decoration:none; color:Black; }
.subHeader a:hover { text-decoration:underline; }
.subHeader span { display:inline-block; height:8px; _height:18px; width:8px; _position:relative; _top:1px; background:url('../img/menuBullet.gif') no-repeat center;
}
.subContent a, .subContent a:visited, .subContent a:active, .subContent a:hover { text-decoration:none; color:Black; }
div.content
{
    margin:0; padding:10px 20px 20px 20px;
    width:660px;
}
div.footer
{
    margin:0; padding:2px 0px 0px 0px;
    width:700px; height:18px;
    background-color:#010080;
    font-size:90%; text-align:center;
    color:#FFFFFF;
}
div.homeImage
{
    float:right;
    margin:10px 0px 10px 10px; padding:0;
    width:200px; height:200px;
}
div.alert
{
  float:right; width:240px; padding:5px 8px 6px 10px; border:solid 1px #D09599; text-align:center; background:#F6DDEC; margin:8px 0px 8px 8px;
}
div.alert_text { float:right;width:205px;font-size:120%; padding-top:6px; }
.alert br.small_break { line-height:8px; }

h1 { margin-top:10px; padding-top:0px; font-size:150%; }
h2 { font-size:120%; clear:left; }
h3 { font-size:100%; }
h2.colorful { width:100%; padding:5px 0px 5px 0px; text-align:center; background-color:#333399; color:#FFFFFF; }
ul.links li { list-style-image:url(../img/menuBulletWhite.gif); padding:0px 0px 5px 0px; }

.left { float:left; margin:0px 10px 10px 0px; }
.right { float:right; margin:0px 0px 10px 10px; }
div.graph { width:100%; text-align:center; }
p.question { margin:20px 0px 10px 0px; font-weight:bold; }
p.source { font-size:90%; color:#666666; }
p.important { font-weight:bold; font-style:italic; }
p.news { padding:5px; background-color:#fffdb9; }

a.announcement { font-size:130%;font-style:italic; }
span.announcement { font-size:130%;font-style:italic;color:#A00000; }
p.announcement_text { font-weight:bold;font-size:110%;color:#A00000; }
div.announcement { border:solid 1px #ADADDE;background-color:#F0EDF9;padding:0px 15px 0px 20px; }

.hiddenRow{ display:none;}
.grid { width:100%; clear:both; }
.gridEmpty td, .gridHeader th { padding:4px; background-color:#ebebf5; color:#003391; font-weight:bold; font-size:90%; text-align:center; border:solid 1px #d8e5fd; }
.gridHeader th { background-color:#6666b3; color:White; border:none; }
.gridHeader a, .gridHeader a:active, .gridHeader a:hover, .gridHeader a:visited { color:#ffffff; }
.gridRow td, .gridAlt td { padding:4px; text-align:center; }
.grid .gridPager { background-color:#6666b3; color:White; border:none; text-align:right; font-weight:bold; }
.gridPager a, .gridPager a:active, .gridPager a:hover, .gridPager a:visited { color:#ffffff; }
.grid .gridFooter td { padding:4px; background-color:#CCCCCC; text-align:center; font-weight:bold; }
.gridRow td { background-color:#ebebf5; }
.grid .name { font-weight:bold; }
.grid .dates { width:22%; }
.grid .title { font-weight:bold; text-align:left; }
.grid .title a, .grid .title a:active, .grid .title a:hover, .grid .title a:visited { color:Black; text-decoration:none; }
.grid .title a:hover { text-decoration:underline; }
.grid .total, .grid .date { font-weight:bold; border-right:solid 1px #CCCCCC; }

div.gridDescription { margin-top:15px; width:100%; }
.gridDescription .date { float:left; width:40px; }
.gridDescription .calls { float:left; padding:5px 0px 5px 0px; width:318px; text-align:center; font-weight:bold; background-color:#e0e0f0; border-left:solid 1px #CCCCCC; border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
.gridDescription .cad { float:left; padding:5px 0px 5px 0px; width:299px; text-align:center; font-weight:bold; background-color:#e0e0f0; border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }

h2.listing { margin:0; padding:5px 10px 5px 10px; width:640px; background-color:#6666B3; color:White; }
ul.listing { margin:0; padding:0; }
.listing li.odd { background-color:#EBEBF5; }
.listing li { list-style-type:none; padding:5px 10px 5px 10px; width:640px; border-bottom:solid 1px #d5d5ec; }

table.contact_table { border-collapse:collapse; }
.contact_table td { border:solid 1px #CBCBE5; padding:4px; }
.contact_table td ul { margin-left:15px; padding-left:5px; margin-bottom:5px; }

table.form {  margin-bottom:3px; }
.form th { padding:10px 0px 5px 0px; text-align:left; }
.form .required { padding:5px 0px 5px 10px; padding-bottom:10px; }
.form td.label { padding-left:10px; width:260px; font-weight:bold; }
.form td { padding:3px; }
.form h2 { margin:0; padding:2px 0px 3px 10px; width:650px; background-color:#ECE9D8; font-size:120%; }
