﻿body
{
  background-position: center top;
  background-color: #7E8083;
  margin: 0;
  padding: 0;
  background-image: url('BodyBackGround.jpg');
  background-repeat: repeat-x;
  font-family: verdana;
  font-size: 11px;
  color: #000000;
}

#SiteWrapper
{
  position: relative;
  width: 780px;
  min-height: 450px;
}

#SiteHeader
{
  position: relative;
  width: 780px;
  height: 70px;
}

#SiteFocusSpacer
{
  position: relative;
  width: 780px;
  height: 370px;
}

#SiteSiteMapSpacer
{
  height: 60px;
}

#SiteSiteMap
{
  position: absolute;
  top: 440px;
  right: 0px;
  height: 60px;
  line-height: 20px;
  text-align: right;
  font-family: verdana;
  font-size: 11px;
  color: #000000;
}

#SiteContent
{
  width: 780px;
  text-align: left;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}

#SiteFooter
{
  clear: both;
  position: relative;
  width: 780px;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #353D44;
}

#SiteFocusDiv
{
  position: absolute;
  top: 90px;
  left: 0;
  width: 780px;
  height: 300px;
  text-align: left;
}

.SiteFocusFrameBlue
{
  position: relative;
  top: 0;
  left: 15px;
  padding: 10px 25px 10px 25px;
  width: 700px;
  height: 280px;
  background-image: url('BlueWhiteOnGray.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.SiteFocusFrameOrange
{
  position: relative;
  top: 0;
  left: 15px;
  padding: 10px 25px 10px 25px;
  width: 700px;
  height: 280px;
  background-image: url('OrangeWhiteOnGray.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.SiteFocusFrameGreen
{
  position: relative;
  top: 0;
  left: 15px;
  padding: 10px 25px 10px 25px;
  width: 700px;
  height: 280px;
  background-image: url('GreenWhiteOnGray.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.SiteFocusFramePadding
{
  margin: 0;
  width: 700px;
  height: 280px;
  overflow: auto;
}

img
{
  border-width: 0px;
}

a:link
{
  font-family: arial, Helvetica, sans-serif;
  color: #0000EF;
}

a:visited
{
  color: #353D44;
}

a:hover
{
  color: #FF6600;
}

a:active
{
  color: #00C000;
}

.LogoContainerDiv
{
  position: absolute;
  left: 0px;
  top: 5px;
}

.TopMenuDiv
{
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #353D44;
}

h1
{
  font-family: verdana;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
}

.FocusButton
{
  position: absolute; z-index: 100; left: 220px; bottom: -40px; 
}

.modalPopup
{
  background-color: White;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 8px;
  min-width: 200px;
  min-height: 160px;
}

.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity:0.7;
}

.modalCloseButton
{
  font-size: 8px;
  font-family: arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1px;
  margin: 0;
}