body {
background-color: #336699;
}

.small { font-size: 11px; }


div#container {
background-color: #cfd6e4;
width: 900px;
position: absolute;
left: 50%;
margin-top: 15px;
margin-left: -450px;
}

div#header {
background-image: url(../images/header_image2.png);
width: 900px;
height: 252px;
margin: 0 auto;
}

div#navigation {
width: 900px;
height: 20px;
margin: 0 auto;
position: absolute;
top: 225px;
}

div#navigation ul{
margin: 0px;
padding: 0px;
font-family: "Century Gothic", "Trebuchet MS", Arial;
font-size: 12px;
color: #FFFFFF;
white-space: nowrap;
line-height: 20px;
text-align: center;
}

div#navigation li {
list-style-type: none;
display: inline;
}

div#navigation li a {
text-decoration: none;
color: #FFFFFF;
padding: 5px 10px 0px 10px;
}

div#navigation li a:hover {
text-decoration: none;
color: #66ccff;
padding: 5px 10px;
}

div#content {
background-color: #cfd6e4;
width: 900px;
margin: 0 auto;
clear: both;
font-family: "Century Gothic", "Trebuchet MS", Arial;
color: #26638d;
}

div#content h1 {
font-size: 18px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
}

div#content h2 {
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
}

div#content ul {
font-size: 14px;
margin-left: 40px;
margin-right: 20px;
list-style-type: disc;
}

div#content ol {
font-size: 14px;
margin-left: 40px;
margin-right: 20px;
list-style-type: decimal;
}

div#content img.content {
font-size: 16px;
margin-left: 20px;
}

div#content p {
font-size: 14px;
margin-left: 20px;
margin-right: 20px;
}

table.socialNetworking {
margin-left: 20px;
font-size: 12px;
}

div#rightContent {
border: 1px solid #FFF;
float: right;
width: 300px;
text-align: center;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
background-color:#336699;
color: #FFF;
font-size: 12px;
clear: both;
}

div#rightContent h2 {
font-size: 14px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
}

div#rightContent p {
text-align: left;
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
}

table.rightSide {
text-align: left;
margin-left: 10px;
margin-right: 10px;
}

table.alertsPage {
text-align: left;
margin-left: 20px;
margin-right: 20px;
}

div#footer {
clear: both;
background-color: #7b1e59;
width: 900px;
height: 30px;
margin: 0 auto;
font-family: "Century Gothic", "Trebuchet MS", Arial;
font-size: 12px;
color: #FFFFFF;
text-align: center;
}

/*-------- sub menus */

div.menu {
  background-color: #26638f;
  border: 1px solid #FFFFFF;
  left: 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  font-size: 12px;
  font-family: "Century Gothic", "Trebuchet MS", Arial;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #26638f;
  color: #66ccff;
  font-family: "Century Gothic", "Trebuchet MS", Arial;
  font-size: 12px;
}