﻿body {
    padding: 0 0 0 0;
   /* color: #FFFFFF;*/
}
#content
{
    width: 90%;
    font-family: Lucida Sans, Arial,Helvetica, sans-serif;
}

#header
{
    background-color: #00ff00;
    margin-bottom:20px;
    height: 34px;
    border-bottom: solid 4px #009900;
    border-right: solid 4px #009900;
    border-top: solid 4px #CCFFCC;
    border-left: solid 4px #CCFFCC;
    color: #FFFFFF;
    text-align:left;
    padding:10px 10px 10px 10px  ;
}
.header2 
{
    font-size:150%;
    color:#FFFFFF;
}
ul.leftlist
{
	list-style-type:none;
	padding-left:3px;
	margin-left:3px;
	
	text-align:left;
	
}
ul.leftlist a
{
	display:block;
	width:90%;
	text-decoration:none;
	height:2.5em;
	vertical-align:middle; /* doesn't work  Try it in the li.*/
	background-color:#884444;
	color:#FFFFFF;
	border-bottom:solid 4px black;
	border-left:solid 3px white;
	border-right:solid 4px black;
	border-top:solid 3px white;
	padding: 3px 3px 3px 3px;
}
	
	
   .logoImage1
{
     border:solid 2px #FFFFFF ;
     padding:2px 2px 2px 2px;
    border-left:  solid 2px #FFFFFF;
    border-right: none 0px #FFFFFF;
    border-top:  solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
    background-color: #ffffff;
    height: 30px;
    float: left;
    display: inline;
    /*vertical-align:baseline;*/
}
.logoLink
{
    float: left;
    height: 30px;
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
    font-family: 'Calisto MT';
    font-size: 25px;
    margin-right:10px;
}
#header p
{ 
   
}
#footer 
{
    color:#000000;
    text-align:center;
    border:solid 1px black;
    clear:both;
    margin-top:20px;
}
#footer p
{ 
    margin: 0 0 0 0
}
#topBox
{
	width:100%;
	padding: 10px 10px 10px 10px;
}
#leftBox
{
	width:30%;
	float:left;
	background-color:Fuchsia;
	text-align:left;
	padding: 2px 3px 2px 3px;
}
#leftBox ul
{
	list-style-type:disc ;
	list-style-position:inside;
}
#midBox
{
	width:30%;
	float:left;
	background-color:Blue;	
	margin-left:5%;
	color: White;
	text-align:left;
	padding: 2px 3px 2px 3px;
}
#midLowBox
{
	width:30%;
	float:left ;
 	background-color:Blue;	
	margin-left:5%;
	margin-top:20px;
	color: White;
	text-align:left;
	padding: 2px 3px 2px 3px;
}
#rightBox
{
	text-align:left;
	width:30%;
	float:right;
	color:White;
	background-color:Orange;
	margin-bottom:10px;
	padding: 2px 3px 2px 3px;
}
.header3
{
	Max-width:500px;
	background-color:Orange;
	padding: 4px 4px 4px 4px;
}
 #main-left
{
 	width: 400px; 
 	text-align: justify;
 	border-left:solid 2px #666666;
 	border-right:solid 2px #666666;
 	clear:both;
 	float:left;
 	padding: 5px 10px 5px 10px;
 	margin: 0 -2px 0 0;
}
 	

#main-right
{
 	width:400px;
 	border-left:solid 2px #666666;
 	border-right:solid 2px #666666;
 	text-align:justify;
 	padding: 5px 10px 5px 10px;
 	margin: 0 0 0 0;
 	float:left;
 	
}
#mainholder
{
	width:100%;
}
#mainholder h2
{
	text-align:left;
}
 .nobreak
 {
 	white-space:nowrap;
 }   
