/* Layout Stylesheet */ 

body{
	margin: 0;
	padding:0;
	color: #DDE3F3;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../graphics/back01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background: #0f0f12;
 }
 
#hdr h1 {
	font-size : 16px;;
	text-transform:uppercase;
	text-align: left;
	padding-top: 10px;
	color: #DDE3F3;
	font-weight:900}
#hdr h2 {
	font-size : 14px;;
	text-align: left;
	color: #DDE3F3;
	font-weight:900;
	font-style:italic;
	padding-left: 37px;
	}
#telephone{
	font-size : 17px;;
	text-align: right;
	color: #DDE3F3;
	font-weight:900;
	}
#hdr{
	height:135px;
	color:#000000;
	padding-top: 5px;
	background-color: #121216;
	background-image: url(../graphics/back01.gif);
	background-repeat: no-repeat;
	background-position: right top;
 }

#lh-col{
 position: absolute;
 top: 150px;
 left: 0px;
 width: 225px;
 background: #121216;
 color: #CCCCCC;
 margin: 0px;
 padding-top: 5px;
 height: 400px;
 }

#rh-col{
	color: #CCCCCC;
	padding: 10px;
	position :relative;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 235px;
	background: #121216;
 }
 #rh-col h1 {
	font-size : 16px;;
	text-align: center;
	color: #276FB3;
	font-weight:900;;
	padding-left: 20px;
	}
 #rh-col h4 {
	font-size : 16px;;
	text-align: center;
	color: #276FB3;
	font-weight:900;;

	}
 #note {
	text-align: center;
	padding-left: 20px;
	font-style:italic;
	}

#2note {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	font-style:italic;
	}
 /*        V3        */

.outer{
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu {
	width: 215px;
	padding-left: 10px;
	}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#menu li a {
	height: 25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 12px;
	text-align:center;
	text-decoration: none;
	font-weight:500;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #5E9FDC;
	display: block;
	background: url(../graphics/menu-up.gif) ;
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-top: 6px;
	}
	
#menu li a:hover {
	color: #FFFFFF;
	background: url(../graphics/menu-over.gif);
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-top: 6px;
	}
	
#menu li a:active {
	color: #ffffff;
	background: url(../graphics/menu-up.gif);
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-top: 6px;
	} 
	
.img { float: left; padding: 0px;
margin-bottom: 4px; }
.2img { float: right; padding: 0px;
margin-bottom: 4px; }
a:link {color: #95BADE; text-decoration: none; background-color: inherit; }
a:visited { color: #95BADE; text-decoration: none; background-color: inherit; }
a:hover, a:active {color: #276FB3; text-decoration: none; background-color: inherit;}


.twoColLiqLtHdr #base {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#121216;
	font-size: 10px;
	text-align:center;
} 
.twoColLiqLtHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#121216;
	font-size: 14px;
	text-align:center;
} 
.twoColLiqLtHdr #credits {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#121216;
	font-size: 11px;
	text-align:center;
} 
.twoColLiqLtHdr #base p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


#base {
	font-size: 10px;
	text-align:center;
	padding-left: 20px;
	padding-right: 20px;
	color: #CCCCCC}
#footer{
	text-align:center;
	color: #CCCCCC}
	#credits{
	font-size: 10px;
	padding-bottom: 10px;
	text-align:center;
	color: #CCCCCC}
	
.folder01{
margin-left:0px;
width:21%;float:left;
}
.folder02{
float:left;
width:78%;
text-align:right;
color:#FFFFFF;
}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}