/* CSS Document */
body { width: 100%; margin:0px; background-color:#FFFFFF; }

/*Inside divs */
#container { 
   width: 100% 
   text-align:left;
   background-color:#FFFFFF;
}
#header { 
   height: 57px; 
   position: relative;
   width: 100%;
}

#footer { 
	height:18px;
	background:#000066 url(images/bar.gif) repeat-x;
	padding: 4px 4px 4px 4px;
	width:100% - 8px;
	text-align:center;

}

.credit {
/* background: #F3F3F3 url(images/bot.png) repeat-x; */
background-color:#FFFFFF;
height: 70px;
text-align:center;
}

#breadcrumbs { 
	height:18px;
	background:#000066 url(images/bar.gif) repeat-x;
	padding: 4px 6px 4px 6px;
	text-align:center;
	width:100%;
}

#breadcrumbs1 { 
	height:30px;
	background:#ffffff;
	padding: 12px 6px 4px 6px;
	text-align:center;	
	width:100%;
	vertical-align:text-bottom;
	
}

.clear {
	clear:both;
	background-color:#FFFFFF;
	}

.cleartall {
	clear:both;
	background-color:#FFFFFF;
	height:92px;
	}


		#rightcol {
			width: 155px;
			height: 100%;
			float:right;
			background-color:#e8dec5;
			padding: 9px 9px 9px 9px;
			border-top:1px solid #CCCCCC;
	        border-right:1px solid #999999;
	        border-bottom:1px solid #999999;
	        border-left:1px solid #CCCCCC;
			margin-left:7px;
			text-align:left;
		}
		#rightinside {
			background-color:#FFFFFF;
			padding: 4px 4px 4px 4px;
		}

		#leftcol {
			 padding: 11px 11px 11px 11px;
			 text-align:left;
		}

		#floatingthingy { 
            width:100px;
			height:100px;
			position: relative;
			float:right;

		}
		
		#bottomarea {
		position:fixed;
		bottom:0px;
		left:0px;
		width:100%;
		}

/*floating box like divs*/		
.tablelike { border: #000 1px solid; padding:4px 3px 4px 4px; }
#box { 
  padding: 5px;
/*  float:right;  Take the next 3 lines out if doesn't work */
   position:absolute;
   right:10px;
   top:3px;
  font-size:9px;
  font-weight:bold;
  }

#boxleft { 
  padding: 2px;
  float:left;
  font-size:9px;
  font-weight:bold;
  }
#split1 {
	position:relative;
	width: 290px;
	float: right;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFCC;
}
#split2 {
	position:relative;
	width: 200px;
	float: right;
	padding: 5px 5px 5px 5px;
	border-color:#CCCCCC;
	border-width:thin;
}
#split2outer {
	position:relative;
	width: 214px;
	float: left;
	padding: 7px 7px 7px 7px;
}
#split3 {
	position:relative;
	width: 200px;
	padding: 5px 5px 5px 5px;
	background-color:#999966;
    box-shadow: black 0.5em 0.5em 0.3em	float:left;
}


/*FONTS*/
.nav    { color:#ffefef; font-family: Arial; font-size: 8pt; font-stretch:semi-expanded; padding:2px;}
a:link.nav    { color:#ffefef; font-family: Arial; font-size: 8pt; font-stretch:semi-expanded; padding:4px;}
a:hover.nav    { color:#FFFF66; background-color:#CC0000}
a.link       { color: #0033CC; text-decoration: none; }
a:hover      { text-decoration: none; color: #FF0000; }

.nav1    { color:#000066; font-family: Arial; font-size: 8pt;  padding:2px;}
a:link.nav1    { color:#000066; font-family: Arial; font-size: 8pt;  padding:4px;}
a:hover.nav1    { color:#FFFF66; background-color:#CC0000}
a.link       { color: #000066; text-decoration: none; }
a:hover      { text-decoration: none; color: #FF0000; }



.fpheads     { color: #000033; letter-spacing: 2pt; font-family: Arial; text-transform: 
               uppercase; font-size: 11pt; font-weight: bold }
.regular     { color: #000000; font-family: Verdana; font-size: 10pt; }
h6           { font-family: Verdana; font-size: 12pt; color: #000033; font-weight: bold }
h3           { font-family: Verdana; font-size: 12pt; color: #000033; font-weight: bold }
h4           { font-family: Verdana; font-size: 14pt; color: #FF0000; font-weight: bold }
h5           { color: #0000FF; font-family: Verdana; font-size: 12pt; font-weight: bold }

a:link.fp       { color: #0000FF; text-decoration: none; font-size:10pt }
a:hover.fp      { text-decoration: none; color: #FF0000;  font-size:10pt  }
A {text-decoration:none}

a:link.bottom       { color: #0000FF; text-decoration: none; font-size:9pt; font-family:Verdana }
a:hover.bottom      { text-decoration: none; color: #FF0000;  font-size:9pt; font-family:Verdana }


a:link.small    { color: #000000; font-family: Verdana; font-size: 8pt }
a:hover.small      { text-decoration: none; color: #FF0000; }

.fineprint    { color: #000000; font-family: Verdana; font-size: 8pt; font-style:italic }

.lite     { color: #FFFFCC; font-family: Verdana; font-size: 10pt }
a:link.lite  { color: #00FF00; text-decoration: none; font-size:10pt; font-family:Verdana }
a:hover.lite   { text-decoration: none; color: #FFFF00;  font-size:10pt; font-family:Verdana }

.footer     { color: #ffefef; font-family: Verdana; font-size: 8pt }
a:link.footer  { color: #ffefef; text-decoration: none; font-size:8pt; font-family:Verdana }
a:hover.footer   { text-decoration: none; color: #FFFF00;  font-size:8pt; font-family:Verdana }
.footerorange     { color: #e8dec5; font-family: Verdana; font-size: 8pt }
.footerwhite     { color: #FFFFFF; font-family: Verdana; font-size: 8pt }
.smallhead       { color: #cc0000; font-family: Verdana; font-size: 9pt; font-weight:bold;}
.mediumhead     { color: #cc0000; font-family: Verdana; font-size: 12pt; font-weight:bold;}

#headerform { 
   height: 57px; 
   position: relative;
   width: 100%;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color:black;
	border-width:2px;
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
}

.modalPopup {
	background-color:#F9F9F0;
	border-width:2px;
	border-style:solid;
	border-color:#EEE;
    border-right-color: #999;
    border-bottom-color: #999;
	padding:7px;
	width:400px;
}