/*The Fersina StyleSheet*/


html{
   			FONT-FAMILY:  Arial;
    		font-size: small;
			height:100%   
}

body { 
	margin: 0px;
  	color: #666666;
	background-color: #98A1A9;
	height: auto !important; /* FF and compliant browsers should automatically size the body/html */ 
	height: 100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ 
	min-height: 100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

			
#imgbanner{
	margin: 0px;
	height: 134px;
	width: 986px;
}

 #imgbanner{
		margin-top: 0px;
		height: 134px;
		width: 986px;
}

#header{
	height: 166px;
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear:both	
}


/*topmenu*/

#menu{
		  margin: 0px;
		  height: 32px;
		  width: 1500px;
		  position:relative;
		  background: url(../images/bk_menu.jpg) no-repeat
		  
}


/*END menu*/


h1{
	color: #AC423F;
	margin: 17px 0px 22px 0px;
	font-weight: normal;
	font-size: 160%
}

h2{
	color: #FFFFFF;
	margin:0px;
	padding: 6px;
	font-weight: normal;
	font-size: 110%;
	background-color: #AC4440;
	width: 306px;
	 
}

h3{
	color: #FFFFFF;
	margin:6px 0px 0px 0px;
	padding: 6px;
	font-weight: normal;
	font-size: 110%;
	background-color: #AC4440;
	width: 406px;
	 
}

h4{
	color: #FFFFFF;
	margin:0px;
	padding: 6px;
	font-weight: bold;
	font-size: 100%;
	background-color: #A5ACB4;
	width: 98%;
	 
}

h5{
	color: #AC423F;
	margin: 0px 0px -12px 0px;
	font-weight: normal;
	font-size: 120%
}

h6{
	color: #AC423F;
	font-weight: normal;
	font-size: 140%
}

.txtboldgrey{
	color: #666666;
	font-weight: bold;
	font-size: 140%
}


#container {
	min-height: 410px;
	background-color: #FFFFFF;
	width: 986px;
	padding-top: 10px;
	padding-bottom: 130px;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: #FFFFFF url(../images/bk_container.jpg) repeat-y;
}



#containerhme {
	min-height: 410px;
	background-color: #98A1A9;
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto
}


#sidehme{	 
	width: 419px;
	margin: 0px;
	border-right: solid 6px #98A1A9;
	padding: 0px;
	float: left;
	
}

#contenthme{	 
	width: 520px;
	margin: 0px 0px 0px 425px;
	padding: 10px 20px 20px 20px;
	background-color: #6C767E;
	height: 230px;
	line-height: 1.4;
	text-align: justify	
}

#contenthme p{
	color: #ffffff;
	font-size: 90%
}

#contenthmehd{
	width: 560px;
	height: 28px;
	background-color: #AC4540;
	color: #FFFFFF;
	margin: 0px 0px 0px 425px;
	padding: 0px 0px 0px 0px
	
}

#contenthmehd p{
	color: #ffffff;
	font-size: 110%
	
}




#side{
	width: 318px;
	margin: 0px;
	float: left	

}

#content{	 
	width: 608px;
	margin: 0px 0px 0px 318px;
	padding: 0px 30px 20px 30px	
}

#content p{
	font-size: 100%;
    line-height: 1.4;
	text-align: justify
}
#content ul{
   	list-style: url(../images/list.gif);
	line-height: 1.4	
}


#content .txtredbold{
	color: #AC4540;
	font-weight: bold
}

#content .txtredsm{
	color: #AC4540;
	font-weight: normal;
	font-size: 80%
}

#content .newsline{
	color: #AC4540;
	font-weight: normal;
	text-align: center;
	float: center;
	letter-spacing: 0.2em;
}
#content .Pcenter { 
   	text-align: center
}

#content .Pleft { 
   	text-align: left
}

#content .Pright {   
   	text-align: right
}


.ulLinks{
   	list-style: url(../images/list2.gif);
	line-height: 1.3	
}



.imgleft{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px
}

.imgrightborder{
	float:right;
	margin: 0px;
	border: 1px solid #9D9D9D;
	margin-left: 20px
}


.imgleftborder{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px;
	 border: 1px solid #9D9D9D
}

.imgright{
	float:right;
	margin: 0px;
	margin-left: 20px
}
	
	


/* links*/

a:link, a:active, a:visited {
   color:  #AC4540;
   font-size: 90%;
   text-decoration: underline;
   font-weight: bold
}


a:hover {
   color: #333333;
   text-decoration: underline;
}

a.hmered:link, a.hmered:active, a.hmered:visited {
   color: #9A1B27;
   font-size: 100%;
   text-decoration: none;
   font-weight: normal
}


a.hmered:hover {
   color:  #000000;
   text-decoration: underline;
}

a.hmeblk:link, a.hmeblk:active, a.hmeblk:visited {
   color: #000000;
   font-size: 100%;
   text-decoration: none;
   font-weight: bold
}


a.hmeblk:hover {
   color: #000000;
   text-decoration: underline;
}

a.reg:link, a.reg:active, a.reg:visited {
   color: #FFFFFF;
   padding: 6px;
   font-size: 90%;
   text-decoration: none;
   font-weight: bold;
   background: #D20038 url(../images/bk_button.jpg) top left no-repeat;
   border: solid 1px #5E6364;
}


a.reg:hover {
   color: #FFFFFF;
   padding: 6px;
   font-size: 90%;
   text-decoration: none;
   font-weight: bold;
   background: #5E6364 url(../images/bk_hd.jpg) top left no-repeat;
   border: solid 1px #5E6364;
}
#sectors{

padding: 0;
margin: 20px 0px 0px 115px;
list-style-type:none;
}


#sectors li a.hmesectors:link, sectors li a.hmesectors:active, sectors li a.hmesectors:visited {
   display: block;
   color: #FFFFFF;
   padding-top: 4px;
   height: 31px;
   line-height: 2.5; 
   padding-left: 40px;
   font-size: 90%;
   text-decoration: none;
   font-weight: bold;
   background: url(../images/tick.jpg) top left no-repeat;
   margin: 0px
}


#sectors li a.hmesectors:hover {
   color: #D20038;
   text-decoration: none;
   background: url(../images/tick_ov.gif) no-repeat;
}


.folder{
    list-style: url(../images/open.gif);
    font-weight: bold;  
    color: #FFFFFF
}

.page{
    	list-style: url(../images/list.gif); 
    	font-weight: bold;
    	height: 22px; 
    	color: #000033
}





/* form */
#enquiry{
	margin-top:6px;
	margin-left: 25%
}

#enquiry p{
	color: #000000;
	font-size: 75%;
	text-align: left; 
	margin-top: -12px;
	margin-left: 30px
}

#enquiry .submitForm {
    background-color:#CC3300;
	border: 1px solid #999999;
   	color: #FFFFFF; 
    font-weight: bold;
	font-size: 90%;
	margin-left: 70px;
	height: 26px
	
}
 
#enquiry TEXTAREA{ 
    COLOR: #000000; 
	FONT-FAMILY:  Verdana, Arial;
    background-color:#FFFFFF; 
   	border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
   	border-right: 1px solid #999999;
   	border-top: 1px solid #999999
}

 #enquiry INPUT { 
    COLOR: #000000;
    background-color:#FFFFFF; 
    border-bottom: 1px solid #999999; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-top: 1px solid #999999
}
/* end form home sidemenu*/

#footercontainer {
	clear:both;
	position:abolute;
   	bottom:0px;
	padding: 0px;
	width: 973px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: auto;
	background-color: #98A1A9;
	float: bottom
}

/* footer*/
#footer {
	font-weight: normal;

}
#footer P{
	font-size: 80%;
	color: #666666;
	text-align: right
}

#footer a:link, #footer a:active, #footer  a:visited {
	color: #666666;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: right
}

#footer a:hover {
	text-decoration: underline;
	text-decoration: none;
	color: #AC423F
}
/*  end footer*/




.optgroup
{
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal; 
}	

#content .styleform{
margin: 20px 0px 0px 0px;

}

#content .styleform p{
width: 250px;
color: #FFFFFF;
font-size: 80%;
text-align: left;
clear: left;
margin: 0px 22px 0px 10px;
padding: 0px 22px 5px 0px;
padding-left: 80px; /*width of left column containing the label elements*/

}

#content .styleform label{
float: left;
padding-right: 40px;
margin-left: -60px; /*width of left column*/
width: 50px; /*width of labels. Should be smaller than left column to create some right margin*/
}



#content .styleform .submitForm {
    border: 1px solid #333537;
   	color: #ffffff; 
    font-weight: bold;
	font-size: 78%;
	padding: 4px;
	margin-left: 85px;
	background: #C70438 url(../images/bk_button.jpg) no-repeat;
	
	
}
 
#content .styleform textarea { 
    COLOR: #000000; 
	font-family:  Verdana, Arial;
    background-color:#FFFFFF; 
   	border-bottom: 1px solid #6D6E71;
    border-left: 1px solid #6D6E71;
   	border-right: 1px solid #6D6E71;
   	border-top: 1px solid #6D6E71;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #6D6E71;
	scrollbar-shadow-color: #6D6E71;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #6D6E71; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

 #content .styleform input { 
    COLOR: #000000;
    background-color:#FFFFFF; 
    border-bottom: 1px solid #6D6E71; 
    border-left: 1px solid #6D6E71; 
    border-right: 1px solid #6D6E71; 
    border-top: 1px solid #6D6E71;
	margin-bottom: 9px;
}


 #content .styleform select {
    COLOR: #000000; 
    background-color: #FFFFFF;  
    border-style: solid; 
    border-color: #999999; 
    border-width: 1px 
}