/*  CSS */

body	{
	
	
	
	background:#fff url(../graphics/ec_pagebg.jpg) repeat-x;
    color: #333;
	margin: 0;
	padding: 0;
	text-align: center;

	
	
	
	}
	
#outer{



	width: 985px;
	margin: 0 auto;
	
	
	
	}	
	


	
#inner	{
	width: 985px;
	margin: 0 auto;
	float:left;
	background: url(../graphics/lc_innerbg.png) repeat-y;




	}


	




#banner {
	padding:0px;
	FLOAT: left;
	margin: 0;
	text-align:left;
	width:985px;
	height:125px;
	background-image: url(../graphics/lc_topbanner.jpg);
	}
	



#pagebody	{
	
	width:985px;
	float:left;
    padding: 0;
	margin: 0;
	text-align: left;
	color: #444;
	
	
	
	
	}
	
/* LEFTCOL
----------------------------------------------------------------------------- */

#leftcol {
	MARGIN:0;
	WIDTH: 108px;
	text-align:left;
	float:left;
	padding:0px;
	
}


/* Table Styles
----------------------------------------------------------------------------- */


td.maincol_left {
	margin: 0px 0 0px 0;
	padding:3px 0 0 14px;
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight: bold;
	font-size:    114%;
	background-image:url(../graphics/ec_h1_bg.jpg);
	background-color:#6A6A6A;
}
td.maincol_right {
	margin: 0px 0 0px 0;
	padding:3px 0 0 14px;
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight: bold;
	font-size:    114%;
	background-image:url(../graphics/ec_h1_bgalt.jpg);
	background-color:#6A6A6A;
}




/* MAINCOL
----------------------------------------------------------------------------- */

#maincol {
	padding:0px 20px 10px 25px ; 
	FLOAT: left; 
	margin: 0;
	text-align:left;
	width:721px;
    min-height:399px;
     height:auto !important;
     height:399px;
	 background-color:#fff
	
}

.maincol2 {
	padding:0px 20px 10px 2px ; 
	FLOAT: left; 
	margin: 0;
	text-align:left;
	margin-left:2px;
	width:741px;
    min-height:399px;
     height:auto !important;
     height:399px;
	 background-color:#fff
	
}



#maincol_home {
	padding:0px 0px 10px 0px ; 
	FLOAT: left; 
	margin: 0;
	text-align:left;
	width:766px;
    min-height:399px;
     height:auto !important;
     height:399px;

	
	
}

/* RIGHTCOL
----------------------------------------------------------------------------- */

#rightcol {
	MARGIN:0;
	padding: 0px 0px 0 0px;
	width:107px;
	
	text-align:left;
	float:left;
 


	
}

/*  FOOTER
----------------------------------------------------------------------------- */



#footerholder {
	
	width: 100%;
	height: 55px;
	
		
	}



#footer {
	width: 985px;
	margin: 0 auto;
	padding: 10px 0px 5px 0;
	background:#990002;
	color:#fff;
	border-top:1px solid #fff;
	background-color: #11494A;
	
		
	}
	
	
	
#footer a {
	color: #FFFFFF;
	font-size:11px;
	font-weight:normal;
	
	}
	
#footer p {
	color: #FFFFFF;
	font-size:11px;
	font-weight:normal;
	
	}
	
	
/* HOME PAGE PANELS
----------------------------------------------------------------------------- */

.homepanelleft {
	padding:1px 10px 10px 0px ; 
	FLOAT: left; 
	margin-left: 3px; /* all browsers, mainly Opera, Firefox, etc. */
	.margin-left: 3px; /* be readable by both IE6 & IE7, now other still think it’s 5 while IE6 & IE7 think it’s 7 */
	_margin-left: 2px; /* Only IE6 reads this  */
	text-align:left;
	width:370px;
    min-height:189px;
     height:auto !important;
     height:189px;
	


	
}

#outer #inner #maincol_home .homepanelleft h1 {

margin: 0px 0 0px 0;
padding:3px 0 0 14px;
display:block;
color:#fff;
font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
font-weight: bold;
font-size:    114%;
background-image:url(../graphics/ec_h1_bg.jpg);
background-color:#6A6A6A;


}


#outer #inner #maincol_home .homepanelleft p {

margin: 0px 0 0px 0;
padding: 7px 0 7px 14px;
color:#000;
font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
font-weight: normal;
font-size:    85%;

}


#outer #inner #maincol_home .homepanelleft ul {

margin: 0px 0 0px 0;
padding: 7px 0 7px 30px;


}
		
.homepanelright {
	padding:1px 0px 10px 10px ; 
	FLOAT: left; 
	margin-left: 3px; /* all browsers, mainly Opera, Firefox, etc. */
	.margin-left: 3px; /* be readable by both IE6 & IE7, now other still think it’s 5 while IE6 & IE7 think it’s 7 */
	_margin-left: 2px; /* Only IE6 reads this  */
	text-align:left;
	width:369px;
    min-height:189px;
     height:auto !important;
     height:189px;
	


	
}

#outer #inner #maincol_home .homepanelright h1 {

margin: 0px 0 0px 0;
padding:3px 0 0 14px;
display:block;
color:#fff;
font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
font-weight: bold;
font-size:    114%;
background-image:url(../graphics/ec_h1_bgalt.jpg);
background-color:#6A6A6A;


}


#outer #inner #maincol_home .homepanelright p {

margin: 0px 0 0px 0;
padding: 7px 0 7px 14px;
color:#000;
font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
font-weight: normal;
font-size:    85%;

}


#outer #inner #maincol_home .homepanelright ul {

margin: 0px 0 0px 0;
padding: 7px 0 7px 30px;


}

/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}


	
	

	
#maincol p, #maincol_home p{

    margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-size:    85%;  
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;

}

.altpstyle2 {

 margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	 
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	
	
	}

#maincol h1, #maincol_home h1	{
	margin: 8px 0 13px 0;
	color:#115256;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight: bold;
	font-size:    189%;  
	
    }

#maincol h2, #maincol_home h2	{

	margin: 8px 0 8px 0;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold ;
	font-size:    122%; 
    }	


#maincol ul, #maincol_home ul{

  
	line-height:1.6em;
	font-size:    85%;  
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 24px;
	padding: 0 0 5px 0;
	    

}


#maincol a, #maincol_home a	{
   
	color:#B90000;
	text-decoration:none
   
	    
     
    }


#maincol a:hover, #maincol_home a:hover	{
   
	color:#B90000;
	text-decoration:underline
   
	    
     
    }
	
	
.maincol2 p {

    margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-size:    85%;  
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;

}

.maincol2 h1 	{
	margin: 8px 0 13px 0;
	color:#115256;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight: bold;
	font-size:    189%;  
	
    }

.maincol2 h2 	{

	margin: 8px 0 8px 0;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold ;
	font-size:    122%; 
    }	


.maincol2 ul {

  
	line-height:1.6em;
	font-size:    85%;  
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 24px;
	padding: 0 0 5px 0;
	    

}


.maincol2 a 	{
   
	color:#B90000;
	text-decoration:none
   
	    
     
    }


.maincol2 a:hover 	{
   
	color:#B90000;
	text-decoration:underline
   
	    
     
    }



#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 20;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:    .8em; 

	

}


	
#leftcol a	{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#99714D;
	font-weight:normal
	}




#leftcol p	{
	margin-top:4px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	margin-left:2px;
	font-size:    0.7em; 
	line-height:1.6em; 

	
	}

#rightcol p {

	font: 11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:15px;
	font-weight:normal

}


#rightcol h1 {

font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin: 0px 0 7px 0;
	padding: 2px 0 3px 0;
	background-image:url(../graphics/h1bg.jpg);
	clear:both

}


#rightcol h2 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin: 0px 0 7px 0;
	padding:4px;
	background-color:#3A4850
	

}

#rightcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#0E61AF;
	font-weight:normal
	

	

}






/* GENERAL LINKS
----------------------------------------------------------------------------- */
	
a:link, a:visited {
	
	text-decoration : none;
	color:#0000CC;
	
	}

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

a:active {
	
	text-decoration : none;
	color:#99714D;
	
	 
	}


/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */
#menu	{
	width:985px;
	height: 31px; /* all browsers, mainly Opera, Firefox, etc. */
	.height: 31px; /* be readable by both IE6 & IE7, now other still think it’s 5 while IE6 & IE7 think it’s 7 */
	_height: 27px; /* Only IE6 reads this  */
	color:#fff;
	margin: 0 auto;
	padding: 0 0 0 0px;
	float:left;
	background-image: url(../graphics/lc_menubg.jpg);

	}
	
#date { 

	width:150px; 
	float:left;
	border-right:1px solid #D3B5B7; 
	padding: 4px 0 0 0; 
	height: 31px; /* all browsers, mainly Opera, Firefox, etc. */
	.height: 31px; /* be readable by both IE6 & IE7, now other still think it’s 5 while IE6 & IE7 think it’s 7 */
	_height: 27px; /* Only IE6 reads this  */
	
	
	
	}

#nav {
	
	padding:0;
	margin:0;
	width:815px;
	float:left
	
	
}
#nav ul {
	
	
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none;

}
#nav li {
	
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;

	display:inline; 


	

	
	
}

#nav a {
	PADDING: 6px 7px 6px 7px;
	margin:0;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px solid #ccc
	


}

#nav a.last {
	border-right:0px solid #D3B5B7
}

#nav a:hover {
	 COLOR: #fff;
	 text-decoration:underline
}
#nav a.selected {
	BACKGROUND: white; COLOR: #000
}



	



/* LEFT MENU STYLES
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0;
	padding:0px 0 0 0px;
	WIDTH: 108px;
	text-align:left

}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#navcontainer li {
	margin: 0;
	padding: 0;	
	display:inline;

	
}

#navcontainer li a
{
	display: block;
	line-height:normal;
	padding: 5px 0px 4px 10px;
	width:97px;
	COLOR: #FFFFFF; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size: 95%;
    margin: 0px;
	background:#990002 url(../graphics/lc_navbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;

}


#navcontainer li a:hover
{
	text-decoration:none;
	background-color: #0E393A;
	background-image:none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
}

#navcontainer ul ul li { margin: 0 0 0 0; 
}

#navcontainer ul ul li a
{
display: block;
padding: 5px 0px 4px 10px;
width:97px;
text-decoration: none;
font-size: 85%;
margin: 0px;
COLOR: #fff;
font-weight:normal;
background-color: #A30003;



}

#navcontainer ul ul a:hover
{
	COLOR: #fff;
	text-decoration: underline;
	background-image:none;
	font-family: Arial, Helvetica, sans-serif;



}
#navcontainer a#current
{
   
    font-weight:bold;
    }




/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 7px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 3px 7px 10px 0px; border: 0px solid #000000;}
.imagecenter {  text-align:center;  margin-left: auto;margin-right: auto;


	}
	
.fact.imagecenter { margin: 0px; text-align:left; width:auto }
.testimonial.imagecenter { margin: 0px; text-align:left; width:auto}
	


#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}
			

.clearboth {
	CLEAR: both
}



/* FORMS GENERIC
----------------------------------------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:11px;
  margin: 0;
  }
input.text {
	
	

	margin: 0px;
	
  }
.imgbutton {

   vertical-align:top;
   padding:1px 0 0 0;
   margin-top:1px;
   color:#000000;
   font-family:'Arial',helvetica,sans-serif;
   font-size:11px;
   font-weight:normal;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#333;
   border-bottom-color:#333;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');}


 .img {
  vertical-align:top;
  padding:0;
  margin:0;
  }
form{margin:0px;} 




/* BREADCRUMBS
----------------------------------------------------------------------------- */

#breadcrumbs { 

float:left; 
width:350px;
height:26px; 
background-color:#0E393A;
padding: 5px 0 0 12px;
text-align:left;
font-family:Arial, Helvetica, sans-serif


}



#breadcrumbs p

{
font-size:85%;
padding:0px;
margin: 0px;
color:#fff

}

#breadcrumbs a

{

padding:0px;
color:#fff

}

#breadcrumbs a:hover

{
	padding:0px;

	color:#fff
}



#maincol .titleBackGround h2

{


padding:2px 0 2px 5px;
font-size:    0.95em;  
font-weigth:bold;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
background-color:#8F95C2



}

.maincol2 .titleBackGround h2

{


padding:2px 0 2px 5px;
font-size:    0.95em;  
font-weigth:bold;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
background-color:#8F95C2



}

/* NEWS PANEL IN RIGHT COL
----------------------------------------------------------------------------- */


.news {
	
	PADDING-BOTTOM: 2px; 
	margin-bottom:5px;
	WIDTH: 205px; 
	PADDING-TOP: 5px; 
	padding-left:4px;
	BORDER-BOTTOM: #ccc 1px dashed; 
	FLOAT: left; 
	



	

}

.newstext {
	FLOAT: left; WIDTH: 138px; padding-left:10px;	
}
#outer #inner #pagebody #rightcol .news .newstext P {
	MARGIN: 0px 0px 5px; FONT: 85% Arial, Helvetica, sans; COLOR: #333333;line-height:16px;
}
#outer #inner #pagebody #rightcol .news .newstext h2 a {
	MARGIN: 0px 0px 5px; FONT: 1.0em Arial, Helvetica, sans;  COLOR: #0E61AF; font-weight:bold
}
#outer #inner #pagebody #rightcol .newstext P A {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#0E61AF; TEXT-DECORATION: none;line-height:16px;font-weight:normal
}
#outer #inner #pagebody #rightcol .newstext P A:hover {
	COLOR:#0000CC;
	text-decoration:underline;
	font-weight:normal
}

.newsimage {
	FLOAT: left; WIDTH: 51px; margin:0; padding:0;
}

.news IMG {

padding:0;
margin:0;

}

/* SEARCH BOX 
----------------------------------------------------------------------------- */

#search2 { 

	float:left; 
	width:195px;
	padding: 5px 2px 4px 0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	background-color:#0E393A
	
	
	}

#search2  form fieldset {
	margin: 0;
	padding: 0px 5px 0 0;
	border: 0px;
	height: 2em;
	
	}
	


/* SUBSCRIBE BOX at TOP MID
----------------------------------------------------------------------------- */

#subscribe { 

	float:left; 
	width:420px;
	height:26px; 
	background-color:#0E393A;
	padding: 5px 5px 0px 0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	
	}

#subscribe  form fieldset {
	margin: 0;
	padding: 0px 5px 0 0;
	border: 0px;
	
	}
	





	
/* SUBSCRIBE BOX IN LEFT COL
----------------------------------------------------------------------------- */

div.hroller_news {
	float: left;
	position: relative;
	width: 175px;
	margin: 10px 0px 3px 0;
	padding: 15px 0 16px 0;
	background: url(../graphics/newsbg1.gif) no-repeat top left;
	
	}
	
div.hroller_news dl dd.hr-form {
	clear: left;
	margin-left: 0;
	padding-top:0px;
	
	}
div.hroller_news dl dd.hr-form form {
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
	}
div.hroller_news dl dd.hr-form form fieldset {
	margin: 0;
	padding: 0px 0 0 0;
	border: none;
	
	}
div.hroller_news dl dd.hr-form form select {
	width: 175px;
	font-size: 12px;
	color: #555;
	margin:4px 0 4px 0;
	
	
	}

div.hroller_news dl dd.hr-form form input {
	vertical-align: top;
	font-size: 12px;
	color: #FFFFFF;
	padding:1px 0 4px 2px;
	margin:3px 0 0px 0;
	
	
	}
div.hroller_news dl dd input.text {
	width: 110px;
	background-color:#9196C4;
	border:1px solid;
	border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#fff;
   border-bottom-color:#fff;
	
	}
	

div.hroller_news dl {
	margin: 0;
	padding: 12px 0px 0 15px;
	
 	
	}
div.hroller_news dl dt {
	float: left;
	margin: 0 8px 0 0;
	}

div.hroller_news dl dd.add {
	text-align: left;
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	}
div.hroller_news dl dd.add a {
	padding: 0 0 0 0px;
	font-weight: normal;
	
	}
	


.heading
{
	font-weight:bold;
	font-size:13px;
	color:#00579C;
}

table
{
	float:left;

}




/* FEATURES BULLETS IN LEFT COL
----------------------------------------------------------------------------- */


#featureslist
		{
	margin: 0 2px 7px 17px;
	padding: 0 0 0 0;
	list-style-image: url(../graphics/bullet3.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;


			
		}
		
html>body #featureslist {

	margin-left: 24px;
	padding:0 0 10px 0;

}
		
		#featureslist li
		{
	padding: 0 0 2px 5px ;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	

		}
		
#featureslist li a
		{
	color:#006699;
	

		}
#featureslist li a:hover
		{
	color:#0000CC;
	text-decoration: underline;

		}
		
#featureslist .vote {

list-style-image: url(../graphics/bullet4.gif);


}
		


/* PDFS BULLETS IN LEFT COL
----------------------------------------------------------------------------- */


#pdflist
		{
	margin: 0 2px 0 0px;
	padding: 0 0 0 9px;
	list-style-image: url(../graphics/science_bullet.gif);

	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	width:208px;
	clear:both;
	



	
	width: 208px; /*  all browsers, mainly Opera, Firefox, etc. */
.width: 208px; /*  readable by both IE6 & IE7, */
_width: 195px; /* Only IE6 reads this  */

			
		}
		
#pdflist ul

{


margin:0;
padding:5px 0 0 15px;


}
		

		
		#pdflist li
		{
	padding: 0 0 4px 5px ;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	
	
	

		}
		
#pdflist li a
		{
	color:#fff;
	

		}
#pdflistlist li a:hover
		{
	color:#0000CC;
	text-decoration: underline;

		}







/* ENEWS BOX IN LEFT COL
----------------------------------------------------------------------------- */

#enews {
	float: left;
	width: 107px;
	margin: 0px 0px 3px 0;
	padding: 12px 0 16px 0;


	
	}


		

		
#enews li
		{
	padding: 0 0 4px 3px ;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	

		}
		
#enews li a
		{
	color:#fff;
	

		}
#enews li a:hover
		{
	color:#fff;
	text-decoration: underline;

		}
		
#enews ul { 
     list-style: none; 
	 padding:0 0 0 10px;
	 margin:0
}

html>body #enews ul {

	padding:0 0 0 10px;

}





.caption {

color:#000;
font-size:11px;
text-align:center

}



/*
ALL THE BITS TO FIX THE NAVBAR - - - - - */

#nav a {
	padding:6px 10px;
	.PADDING: 6px 8px;
	margin:0;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:12px;
	line-height:17px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px solid #ccc
	


}

#search  form input {
	z-index: 0
	}

/*
 SUCKERFISH DROPDOWN MENU - - - - - */
#sf_nav
{
    width:740px;
    margin:0 auto;
}
#sf_nav, #sf_nav ul {
    height:33px;
	list-style-type: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	z-index: 1;
}

#sf_nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: left;
	
/* 	w\idth: 6em; */
}

#sf_nav li {
	float: left;
	padding: 0;
}

#sf_nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	min-width:180px;
        background:#115256;		/*	CHANGE BACKGROUND COLOUR	*/
	font-weight: normal;
	margin: 0;
}

#sf_nav li li {
	padding-right: 1em;
	width: 92%;
	min-width:140px;
}

#sf_nav li ul a {
    
        font-size:92%;
	border: none;
}

#sf_nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#sf_nav li:hover ul ul, #sf_nav li:hover ul ul ul, #sf_nav li.sfhover ul ul, #sf_nav li.sfhover ul ul ul {
	left: -999em;
}

#sf_nav li:hover ul
{left:auto}
#sf_nav li li:hover ul, #sf_nav li li li:hover ul, #sf_nav li.sfhover ul, #sf_nav li li.sfhover ul, #sf_nav li li li.sfhover ul {
	left: -26px;
        .left:-30px;
}

#sf_nav li:hover, #sf_nav li.sfhover {
	text-decoration:none;
        
}
#sf_nav .toplevel a:hover, #sf_nav .toplevel {background:none;}

#sf_nav a:hover{text-decoration:underline;}

#sf_nav li:hover ul ul, #sf_nav li:hover ul ul ul, #sf_nav li.sfhover ul ul, #sf_nav li.sfhover ul ul ul {
	left: -999em;
}

#sf_nav li:hover ul, #sf_nav li li:hover ul, #sf_nav li li li:hover ul, #sf_nav li.sfhover ul, #sf_nav li li.sfhover ul, #sf_nav li li li.sfhover ul {
	left: auto;
}