html, body{ 
 margin:0; 
 padding:0; 
 } 
Body{
	font-family: Verdana, "Times New Roman", serif;
	font-size: .90em;
	color: Black;
	text-align:center;/* centre for ie5.+*/
	 background: url(../images/red6.gif) repeat-x;
	
}

.container
{
width: 780px;
margin: 0 auto;
background-color: White;
color: Black;
line-height: 100%;
 background-image: url(../images/directorsbck2.jpg);
 background-repeat: no-repeat;
 background-position: bottom;
 
}

.top
{

text-align: center;
background-color: White;
color: black;
  height: 182px;
  
 }
.top H1 {
padding-top: 95px;
padding-right: 35px;
font-weight : bold; 
font-size : 1.2em; 
color : White; 
background-color : transparent; 
}
.left 
{
float: left;
text-align: left;
width: 160px;
padding-top: 10px;
background-color: transparent;
font-size: .9em;


}
.textbox{
	background: transparent;
}
.left a
{

padding-bottom: 1px;
padding-top: 1px;
color: White;
font-size: .9em;
font-weight: bold;
text-decoration: none;
background-color: #33664D;
}

.left a:hover
{
background-color: #A9A9A9;
color: Yellow;
font-size: .9em;
font-weight: bold;
}

.left active {color: White; 
background-color: #33664D;
}



.content
{
margin-left: 10px;
top : 182px;
background-color: transparent;
padding: .5em;
text-align: left;
font-family: myriad, Arial, Helvetica, sans-serif;
font-size: .85em;
color: Black;
padding-top: 15px;
padding-bottom: 300px;

}
.content a
{
color: red;
	text-decoration: none;
	font-weight: bold;
}

.content a:hover
{
color: red;
	text-decoration: underline;
	font-weight: bold;
}

.content active {color: red;
	text-decoration: none;
	font-weight: bold;
 }

.content LI{
	font-size: .85em;
	font-family: myriad, Arial, Helvetica, sans-serif;
	margin-right: 10px;}

#footer
{
height:39px; 
  background-color: Red; 
  color: white;
 clear:both;

 
}




.content p { font-family: myriad, Arial, Helvetica, sans-serif;
font-size: .85em;
color: Black;} 
.para1{ text-indent: 10px;
}

.para2{ font-family: myriad, Arial, Helvetica, sans-serif;
font-size: .90em;
color: Black;}