/* Structure **************************/
#wrapper
{
margin: 0 0 0 0 ;
border: 0;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
border: none;
border-style: none;
padding: 0;
background-color: #FFFFFF;
}

#headarea
{
margin: 0 0 0 0;
padding: 0;
width: 100%;
color: #607C7B;
font-size: 12px;
font-weight: bold;
padding-top: 0;
background-color:#E7EFEE;
min-width: 980px;
height: 450px;
}
.headcontainer 
{
width: 1000px;    
}

#homemid{clear: both; margin: 0 0 0 0 ;padding: 0;margin-top: -30px;margin-bottom: 10px;float: left;border: none;width: 100%; background-color:#E7EFEE;}
#homemidright{margin: 0 0 0 0 ;padding: 0;float: left;width: 680px;border: none; border-right: 830px solid #ccc;}

#hometop{clear: both; margin: auto auto; padding:0;float: left;margin-left: 20px;margin-top: 20px;width: 955px;height: 116px;border: none; background-color:#E7EFEE;}
#homebot{clear: both; margin: 0 0 0 0 ;padding: 0;margin-top: 4px;margin-bottom: 10px;float: left;border: none;width: 100%; background-color:#E7EFEE;}

#homeleft{margin: 0 0 0 0 ;padding: 0;float: left;width: 680px;border: none; }
#homeright{margin: 0 0 0 0 ;padding: 0;float: left;width:153px;border: none;}

#homesubleft{margin: 0 0 0 0 ;float: left;width: 134px;border: none;padding: 5px;background-color: #FBCD9C;margin-right: 10px;}
#homesubright{margin: 0 0 0 0 ;float: left;width: 510px;padding: 5px;border: none;background-color: #E2DEDA;}


/* General Pages *************************/ 
#genmenu 
{
margin: 0 0 0 0 ;
float:  left;
width: 100%;
border: none;
margin-bottom: 4px;
padding-bottom: 0px;
background-color:#FFFFFF;
}

.genbody 
{
margin: 0 0 0 0 ;
float:  left;
width: 100%;
border: none;
margin-bottom: 4px;
padding-bottom: 0px;
background-color:#FFFFFF;
}

.bodyleft {
float: left;
padding: 0;
margin: 0 0 0 0;
width: 124px;
height: 10px;
color: #FBCD9C;
margin-left: 20px;
margin-top:0px;
min-width: 110px;
min-height: 130px;
}

.bodyright 
{
float: left;
margin: 0 0 0 0;
padding: 0;
width: 65%;
}

.genbodyline {
float: left;
margin: 0 0 0 0;
padding: 0;
margin-left: 20px;
margin-bottom: 6px;
width: 90%;
height: 8px;
border-bottom: 1px solid #617C7B;
}

.genbodyline2 {
float: left;
margin: 0 0 0 0;
padding: 0;
margin-top: 2px;
margin-left: 20px;
margin-bottom: 6px;
width: 90%;
height: 8px;
border-bottom: 1px solid #617C7B;
}

#contentfoot
{
clear: both;
margin-top: 10px;
margin-left: 5%;
margin-right: 5%;
width: 90%;
background-color:#FFFFFF;
}

/* Events History ************/

#histcontainer
{
margin: 0 0 0 0 ;
text-decoration:none;
font-weight: normal;
font-size: 11px;
color:#999;
border: 0 ;
background-color: #FFECCE;
padding: 5px;
padding-top: 1px;
width: 100%;
margin-top: 4px;
min-height: 375px;
}
.histleft {float:left;font-weight: bold;width:6%;min-width:20px;}
.histright {float:left;margin-left: 10px;font-weight: normal;width:90%;}
.histright2 {float:left;margin-left: 30px;font-weight: normal;width:100%;}

#newscontainer
{
margin: 0 0 0 0 ;
text-decoration:none;
font-weight: normal;
font-size: 11px;
color:#999;
border: 0 ;
background-color: #FFECCE;
padding: 5px;
padding-top: 1px;
width: 100%;
margin-top: 4px;
min-height: 70px;
}
/* Menu *************************/ 

#menulst
{
color:#E1DEDE;
list-style-type: none;
text-align: left;
padding: 0;
border-right-width: 0px;
margin-right: 5px;
font-weight:bold;
}

#menulst li 
{
color:#E1DEDE;
display: inline;
text-align: left;
margin-right: 2px;
font-weight:bold;
}

#menulst li a
{
color:#E1DEDE;
text-decoration: none;
text-align: left;
padding-right: 0;
margin-right: 2px;
}

#menulst li a:hover
{
color: #FFF;
text-align: left;
font-weight: bold;
margin-right: 2px;
}

#menulst li a.current
{
text-align: left;    
color: #FFF;
font-weight: bold;
margin-right: 2px;
}

#menulst
{
color:#E1DEDE;
margin: 0 0 0 0 ;
border: 0;
list-style-type: none;
background-color: #617C7B;
padding-top: 10px;
font-size: 15px;
text-align:  left;
float:left;
height: 24px;
margin-bottom:5px;
}

#menuarea
{
clear: both;
/*margin: auto auto;*/
color: #607C7B;
font-size: 12px;
font-weight: bold;
padding-top: 0;
background-color: #617C7B;
height: 35px;
/*margin-left: 163px;*/
width: 100%;
width: 1000px;
}


.menuleft {
float: left;
padding: 0;
margin: 0 0 0 0;
width: 144px;
height: 10px;
color: #FBCD9C;
margin-left: 0px;
margin-top:0px;
}


#menucontainer
{
clear: both;
padding: 0px;
margin: 0 0 0 0 ;
float:  left;
width: 100%;
border: none;
margin-bottom: 4px;
padding-bottom: 0px;
background-color: #617C7B;
}

/* Footer *************************/ 
#footarea ul
{
clear: both;
margin: 0 0 0 0;
list-style-type: none;
text-align: left;
padding: 0;
z-index: 2;
border-right-width: 0;
}

#footarea li
{
display: inline;
text-align: left;
margin: 0 0 0 0 ;
}

#footarea li a
{
color: #999;
text-decoration: none;
padding-right: 2px;
padding-left: 2px;
}

#footarea li a:hover
{
color: #617C7B;
font-weight: bold;
}

#footarea li a#current
{
color: #617C7B;
font-weight: bold;
}

#footarea
{
clear: both;
margin: 0 0 0 0 ;
color: #607C7B;
font-size: 12px;
font-weight: bold;
padding-top: 0;
background-color:#FFFFFF;
padding-top: 4px;
font-size: 10px;
margin-top: 4px;
margin-left: 121px;
width:81%;
min-width: 700px
}

.footline {
float: left;
margin: 0 0 0 0;
padding: 0;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 10px;
width: 90%;
height: 8px;
border-top: 1px solid #999;
}

#footright
{
clear: both;
color:#999;
text-align: right;
background-color: #FFFFFF;
margin: 0 0 0 0;
margin-top: 2px;
font-size: 9px;
font-weight:  normal;
float:right;

}

/* Text **************************/
h2 {
 color: #617C7B; 
 font-size: 26px;
 font-weight: normal;
 float: left;
 margin-top: 14px;
 margin-bottom: 6px;
}

h3 {
 color: #617C7B; 
 font-size: 16px;
 font-weight: bold;
 float: left;
 margin-top: 4px;
}

h4 
{
 clear: both;   
 margin: 0 0 0 0;
 border: 0;
 color: #617C7B; 
 font-size: 13px;
 font-weight: bold;
 float: left;
 margin-bottom: 3px;
 margin-left: 0px;
 min-width: 650px;
}

h5 
{
 clear: both;   
 margin: 0 0 0 0;
 border: 0;
 color: #617C7B; 
 font-size: 13px;
 font-weight: bold;
 float: left;
 margin-bottom: 0px;
 margin-left: 116px;
 margin-top: 4px;
 min-width: 650px;
 }


h6 {
 color: #617C7B; 
 font-size: 16px;
 font-weight: bold;
 float: left;
 margin-top: 0px;
 margin-bottom: 8px;
}

#subtitle {
margin: 0 0 0 0 ;
margin-top: 2px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#999;
font-weight: normal;
}

p
{
clear: both;
margin: 0 0 0 0 ;
margin-top: 2px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#999;
font-weight: normal;
}

.home
{
font-size: 12px;    
font-weight: bold;

}

.menu
{
margin-left:20px;
}

.bold
{
font-weight: bold;
text-align:right;
}

.qual
{
margin-top: 0px;
font-weight: bold;
color: #617C7B;
text-align:left;
}

.qual2
{
margin-left: 116px;
margin-top: 0px;
font-weight: bold;
color: #617C7B;
text-align:left;
}

.staff
{
margin-top: 8px;
}

.names
{
margin: 0 0 0 0 ;
color: #FBCD9C;
font-size: 11px;
height: 10px;
padding: 0;
font-weight: bold;

}

.histdate {font-weight: bold;  }
/* Images **************************/

img.home  
{
 margin-top: 3px;
 margin-left: -3px;
 width: 955px;
 height: 84px;
 border-style : none;
}


img.rainbow  {
 margin-top: 5px;
 width: 15px;
 height: 10px;
 border-style : none;
}

img.logo  {
 width: 256px;
 height: 93px;
 border-style : none;
}

img.sectors  {
 width: 153px;
 height: 148px;
 border-style : none;
 float: none;
}

img.banner  
{
 margin-top: 24px;
 width: 840px;
 height: 139px;
 border-style : none;
}

img.homebanner  
{
 margin: 0 0 0 0 ;
 padding: 0;
 margin-top: 24px;
 width: 800px;
 height: 204px;
 border-style : none;
}

#generalbanner  
{
 clear: both;
 margin: 0 0 0 0 ;
 padding: 0;
 width: 100%;
 height: 125px;
 margin-top: 0;
 border-style : none;
 background-color:#E7EFEE;
 min-width: 900px;
 min-height: 125px;
}

img.generalbannerleft  {
margin: 0 0 0 0 ;
padding: 0;
float: left;
padding-top: 20px;
padding-left: 40px;
height: 100px;
border: none;
background-color:#E7EFEE;
/*width: 256px;*/
height: 93px;
border-style : none;
}

#generalbannerright  {
 margin: 0 0 0 0 ;
 padding: 0;
 width: 520px;
 height: 125px;
 float:right;
 border-style : none;
}

img.staff  {
 margin: 0 0 0 0;
 margin-left: 0px;
 padding: 0;
 width: 100px;
 height: 130px;
 float:left;
 margin-top: 0;
 border-style : none;
}
img.staff1  {
 margin: 0 0 0 0;
 margin-left: 0px;
 padding: 0;
 width: 100px;
 height: 130px;
 float:left;
 margin-top: 10px;
 border-style : none;
}

img.office  {
 margin: 0 0 0 0;
 margin-left: 0px;
 padding: 0;
 width: 100px;
 height: 130px;
 float:left;
 margin-top: -12px;
 border-style : none;
}

img.download  {
 margin: 0 0 0 0;
 margin-left: 0px;
 margin-right: 20px;
 padding: 0;
 width: 100px;
 height: 130px;
 float:left;
 margin-top: -12px;
 border-style : none;
 border: 1px solid #999;
}

#centerimg {
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}

/* Sub Menu **************************/

#genmenu ul li a:hover {
text-decoration:none;
color:#617C7B;
}

#genmenu a:hover {
text-decoration:none;
color:#617C7B;
}
#genmenu .current{
text-decoration:none;
color:#617C7B;
}

.menulist 
{
clear: both;
margin: 0 0 0 0 ;
text-decoration:none;
font-weight: normal;
font-size: 12px;
color:#999;
border: 0 ;
list-style-type: square;
list-style-position: inside;
background-color: #FFECCE;
padding: 10px;
padding-top: 1px;
text-align:justify;
}

.submenu 
{
clear:both;
color:#FBCD9C;
text-decoration:none;
font-weight: bold;
font-size: 16px;
}

.service {
color:#617C7B;
text-decoration:none;
font-weight: bold;
font-size: 16px;
margin-top: 6px;
}

a.submenu:link, a.submenu:visited {
text-decoration:none;
color:#FBCD9C;
font-weight: normal;
font-weight: bold;
}

a.submenu:active {
text-decoration:none;
color:#FBCD9C;
font-weight: bold;
}

a.submenu:hover {
text-decoration:none;
color:#FBCD9C;
font-weight: bold;
}

#submenu ul
{
margin: 0 0 0 0;
list-style-type:  none;
text-align: left;
padding: 0;
border-right-width: 0;
font-size: 11px;
font-weight: normal;
}

#submenu li 
{
display: list-item;
text-align: left;
margin: 0 0 0 0 ;
font-size: 11px;
font-weight: normal;
}

#submenu li a 
{
color:#FBCD9C;
text-decoration: none;
padding-right: 0px;
padding-left: 0px;
font-size: 11px;
font-weight: bold;
}

#submenu li a:hover 
{
color:#FBCD9C;
font-weight: bold;
font-size: 11px;
}

#submenu li a#current 
{
color:#FBCD9C;
font-weight: bold;
font-size: 11px;
}

#submenu
{
clear: both;
float: left;
padding: 0;
margin: 0 0 0 0;
width: 124px;
color: #FBCD9C;
font-size: 10px;
font-weight: normal;
margin-left: 20px;
margin-top:18px;
min-width: 110px;
}

#bodyarea 
{
clear: both;
margin: auto auto;
color: #607C7B;
font-size: 12px;
font-weight: bold;
padding-top: 0;
background-color:#FFFFFF;
margin-left: 144px;
width: 70%;
}

div#left {
float: left;
padding: 0;
margin: 0 0 0 0;
width: 35%;
font-size: 11px;
font-weight: bold;
color: #999;
height: 11px;
}

div#middle {
float: left;
margin: 0 0 0 0;
padding: 0;
width: 25%;
font-size: 11px;
color: #999;
font-weight: bold;
}

div#right {
float: left;
margin: 0 0 0 0;
padding: 0;
width: 17%;
font-size: 11px;
color: #999;
font-weight: bold;
}

div#right2 a{
float: left;
margin: 0 0 0 0;
padding: 0;
width: 23%;
font-size: 11px;
color: #999;
font-weight: bold;
text-decoration:none;
}

/* Anchor **************************/

.anchor {
color:#FBCD9C;
text-decoration:none;
font-weight: normal;
}

a.anchor:link, a.anchor:visited {
text-decoration:none;
color:#FBCD9C;
font-weight: normal;
}

a.anchor:active {
text-decoration:none;
color:#FBCD9C;
font-weight: bold;
}

a.anchor:hover {
text-decoration:none;
color:#FBCD9C;
font-weight: bold;
}

.anchor2 {
text-decoration:none;
font-weight: bold;
color:#999;
}

a.anchor2:link, a.anchor:visited {
text-decoration:none;
font-weight: bold;
color:#999;
}

a.anchor2:active {
text-decoration:none;
font-weight: bold;
color:#617C7B;
}

a.anchor2:hover {
text-decoration:none;
font-weight: bold;
color:#617C7B;
}

.anchor3 {
text-decoration:none;
font-weight: bold;
font-size: 13px;
color:#FBCD9C;
}

a.anchor3:link, a.anchor:visited {
text-decoration:none;
font-weight: bold;
font-size: 13px;
color:#FBCD9C;
}

a.anchor3:active {
text-decoration:none;
font-weight: bold;
font-size: 13px;
color:#617C7B;
}

a.anchor3:hover {
text-decoration:none;
font-weight: bold;
font-size: 13px;
color:#617C7B;
}