/* Layout Stylesheet */ 
#access { display: none }
.update { display: none }

body 
{ 
	margin-top: 5px; 
	padding:0; 
	background-color: #D7F0FC; 
	color: #000000;
	text-align: center; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	  
.column {   width: 50%;   position: absolute;   top: 0;   text-align: left; } 
.left {   left: 0; } 
.right {   right: 0; } 
#leftcol {   margin-right: 390px; } 
#rightcol {   margin-left: 390px; } 

#content { 						/* this is the holder for the page content */
    width: 780px;
	text-align: left;
    padding: 0px; 					/* pad the content - no */
    margin: 0px auto; 				/* this centers the container */
}

#top_banner {
	position:relative;
	top: 0px;
	background-image:url(../images/top_banner.jpg); 
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	height: 136px;
	min-height: 136px;
}

#menu
{
	position:relative;
	color:#000000;
	text-align:left;
	padding: 10px 10px 10px 202px;
	height: 110px;
	width: 567px;
}
	
#remainder
{
	position: relative;
	top: -11px;
	height: 272px;	
	border-left: 3px solid #635793;
	border-right: 3px solid #635793;
	background-color:#FFFFFF;
	background-image:url(../images/remainder_bg.jpg); 
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;
	overflow: hidden;
}

/* we need this for IE 5.01 */
* html #remainder
	{
	height: 100%;
	width: 100%;
	background-color:#FFFFFF;
	border-left: 3px solid #635793;
	border-right: 3px solid #635793;
	}

/* Newspaper Column Layout */
#left_col {
		float:left;	
		width: 547px;
		border-right: 2px solid #939393;
		color: #000000;
		padding-right: 8px;
}

#left_col_text
{
padding-left: 202px;
}

#right_col {
		float:right;
		width: 190px;
		padding-left: 10px;
		padding-right: 15px;
		color: #000000;
}

#middle_col {
		margin:0 3px;
		color: #FFFFFF;
}

#spacer
{
	clear: both;
	position: relative;
	padding-left: 202px;
	margin-left: 15px;
	margin-top: 0px;
	height: 15px;
	width: 540px;
	background-color:#FFFFFF;
}

.cleaner {
		clear:both;
		height:1px;
		border:none;
		margin:0; 
		padding:0;
}

#swf_holder
{
  position: relative;
  padding: 0;
  margin: 0;
  top: -11px;
  border-left: 3px solid #635793;
  border-right: 3px solid #635793;
}

#bottom_banner
{
  position: relative;  
  text-align: center;
  top: -11px;
}

#bottom_banner_text
{
  position: absolute;  
  top: 10px;
  left: 130px;
}

#copyright 
{
	color: #000000;
	position: relative; 
	top: -11px;
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
}


/* Links */
a.footer:link { color:#000000; text-decoration:none; font-weight: bold; }
a.footer:active { color:#000000; text-decoration:none; font-weight: bold; }
a.footer:hover { color:#000000; text-decoration:underline; font-weight: bold; }
a.footer:visited { color:#000000; text-decoration:none; font-weight: bold; }

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

a.member:link { color:#FFF; text-decoration:underline; }
a.member:active { color:#FFF; text-decoration:underline; }
a.member:hover { color:#FFF; text-decoration:underline; }
a.member:visited { color:#FFF; text-decoration:underline; }

/* Forms */
.formbuttons { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #0071BC; border: 1px #000000 solid; } 
.formitems { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFFFFF;} 

div.row {
  clear: both;
  padding-top: 2px;
  }

div.row span.label {
  float: left;
  width: 60px;
  text-align: right;
  padding-top: 4px;
  }

div.row span.formw {
  float: right;
  width: 110px;
  text-align: left;
  } 
  
div.row span.label2 {
  float: left;
  width: 110px;
  text-align: left;
  padding-top: 4px;
  }

div.row span.formw2 {
  float: right;
  width: 210px;
  text-align: left;
  } 

div.spacer {
clear: both;
}

/* link on background css */
dd#monitorDef{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#monitorDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}