@charset "UTF-8";
/* CSS Document */

body 
	{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	font-style: normal; 
	line-height:1.5em;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding:0px;
	
	background-color: #000000;
	background-position:50%;
	margin: 0 auto;
	position: 50%;
	position:relative;
	padding: 0;	
	
	}

/* -----------------content--------------------- */


p
{
	
	color: #000000;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 1.2em;
	/*font-size: 0.9.0em;*/
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.clearfloat
	{
	background:#FFFFFF; 
	clear:both; 
	height:0; 
	lineheight:0;
	}
	



.inset
	{
	margin-left:20px;
	margin-right: 15px;	
	}

h1

	{
	font-size:16px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin:0px;
	}

.title
	{
	font-size:16px;
	font-weight: bold;
	padding: 0px 0px 0px 5px; 
	margin:0px;
	}
	
h2
	{
	font-size:14px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	}

h4
	{
	font-size:11px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	}


.subtitle
	{
	font-size:14px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	}

.subtitlered
	{
	font-size:14px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#FFFFFF;
	}

	
.navlist
	{
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.75em;
	border-left: 2px;
	}
	
	

	
.captionbox 
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: 1.1em;
	}

.caption 
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	}	
	
		/* Indented List White text on Black*/
.list
	{
	color: #000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	margin-right:5px;
	font-weight: 400;
	margin-left:20px;
	}
	

	




/*Layout*/




#banner1000wide
{
	width: 100px;
	vertical-align: top;
	/*background-color: #CCCCCC;*/
	
}



#banner200x1000
{
	width: 1000px;
	height: 200px;
	vertical-align: top; background-color: #ffffff;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-style: normal;
	line-height: 1.1em;	
	
}

#banner280x1000
{
	width: 1000px;
	height: 280px;
	vertical-align: top;
	background-color: #666666;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#bannercontent550left
{
	float: left;
	width: 550px;
	background-color: #E8E8E8; padding:0px;
	height: 200px;
}

#bannercontent580left
{
	float: left;
	width: 580px;
	background-color: #FFFFFF;
	padding:0px;
	height: 250px;
}

#bannercontent380right
{
	float:  right;
	width: 390px;
	background-color: #FFFFFF;
	height: 240px;
	padding-right:6px;
	padding-top:6px;
	padding-left: 6px;
	color: #000;
	font-size: .975em;
	line-height: 1.2em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.5em;
	vertical-align: middle;
}

#bannercontent320x180right
{
	float:  right;
	width: 300px;
	background-color: #FFFFFF;
	height: 180px;
	padding-right:6px;
	padding-top:6px;
	padding-left: 6px;
	color: #000;
	font-size: 0.975em;
	line-height: 1.2em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.5em;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 5px;
}

#bannerinsert
{
	margin: 5px 0px 0px 0px;
	width: 380px;
	background-color: #e9e7db;
	/*height: 30px;*/
	padding: 4px;
	line-height:1.2em;
	border: solid thin #c00;
	vertical-align:middle;
	color: #000;
}

#bannertop1000
{
	width: 1000;
	height: 60px;
	vertical-align: top;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;	
	
}	




#bannercontent350left
{
	float: right;
	width: 350px;
	background-color: #E8E8E8; padding:5px 5px 5px 5px;
	height: 200px;
}

#contentbox145left
{
	float: left;
	width: 145px;
	padding:5px 5px 5px 5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
	font-size:.8em; 
	font-weight:400;
	border:thin solid #999999; 
	margin-right:5px;
	
	
}

#container1020
{
	width: 1020px;
	padding: 0px 10px 10px 10px
	color: #000000;
	border: 0px solid gray;
	line-height: 1.5em;
	margin-top: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	
	vertical-align: top;
	background-color: #ffffff;
	margin: 0 auto;
}


#container1000
{
	width: 1000px;
	color: #000000;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 0px solid gray;
	line-height: 1.5em;
	margin-top: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #ffffff;
	margin: 0 auto;
}


#boxleft110
{
	width:104px;
	float:left;
	color:#000;
	padding: 0px;
	height: 100px;
	font-size: 0.9em;
}

#boxleft75
{
	width:91px;
	float:left;
	color:#000;
	height: 110px;
	font-size: 0.9em;
}




#boxright170
{
	width:175px;
	padding: 3px;
	float:right;
	height: 125px;
	font-size: 0.9em;
	border: 1px solid;
	border-color:#C00;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.0em;
	vertical-align: middle;
	line-height: 1.4em;
	margin-left: 10px;
}

#deansmessage
{
	width:172px;
	padding: 4px;
	float:right;
	height: 460px;
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	color: #000;
	background-color: #e9e7db;
}

#deansmessage190
{
	width: 232px;
	padding: 2px 4px 2px 4px;
	float: right;
	font-size: 0.9.5em;
	border: 1px solid;
	border-color: #e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.2em;
	vertical-align: middle;
	color: #000;
	background-color: #e9e7db;
}

#leftcolumnbox190
{
	width:232px;
	padding: 4px;
	float:right;
	
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	color: #000;
	background-color: #e9e7db;
}

#leftcolumnbox190white
{
	width:232px;
	padding: 4px;
	float:right;
	
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	color: #000;
	background-color: #ffffff;
}



#ugstfacts
{
	width:170px;
	padding: 4px;
	float:right;
	height: 230px;
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.2em;
	vertical-align: middle;
	background-color: #e9e7db;
}


#ugstfacts190
{
	width:232px;
	padding: 4px;
	float:right;
	font-size: 0.9.5em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.2em;
	vertical-align: middle;
	background-color: #e9e7db;
}

#ugstdocuments
{
	width:170px;
	padding: 4px;
	float:right;
	height: 250px;
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	background-color: #e9e7db;
}

#ugstdocuments190
{
	width:232px;
	padding: 4px;
	float:right;
	font-size: 0.9.5em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	background-color: #e9e7db;
}



#boxmiddle350
{
	width:275px;
	float:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 125px;
	font-size: 0.9.5em;
	border: 0px solid;
	border-color:#666;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	vertical-align: top;
	line-height: 1.2em;
	margin-left: 10px;
}

#boxmiddle400
{
	width: 350px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 90px;
	font-size: 0.9.5em;
	border: 1px solid;
	border-color: #C00;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	vertical-align: top;
	line-height: 1.2em;
	margin-left: 4px;
}


#contentleft180
{
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	padding: 10px 6px 10px 6px;
	line-height: 1.5em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.95em;
	color: #000;
}

#contentleft200
{
	float: left;
	width: 240px;
	background-color: #FFFFFF;
	padding: 0px 10px 10px 10px;
	line-height: 1.5em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.95em;
	color: #000;
}

#contentleft-insert
{
	width:215px;
	padding: 5px;
	float:right;
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	background-color: #e9e7db;
	margin-left: 10px;
}


#contentleft
{
	width:200px;
	padding: 5px;
	float:left;
	font-size: 0.95em;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.3em;
	vertical-align: middle;
	background-color: #e9e7db;
}


#contentright180
{
	float: right;
	width: 170px;
	background-color: #e9e7db;
	padding: 5px 5px 5px 5px;
	line-height: 1.3em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.9.5em;
	color: #000;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.4em;
	vertical-align: middle;
	background-color: #e9e7db;
	margin-right: 5px;
}

#contentright200
{
	float: right;
	width: 250px;
	background-color: #e9e7db;
	padding: 5px 5px 5px 5px;
	line-height: 1.3em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.9.5em;
	color: #000;
	border: 1px solid;
	border-color:#e9e7db;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	line-height: 1.2em;
	vertical-align: middle;
	background-color: #e9e7db;
	margin-right: 5px;
}

#socialmediabox
{
	float: left;
	width: 165px;
	height: 300px;
	background-color: #e9e7db;
	padding: 5px 5px 5px 5px;
	line-height: 1.3em;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0.9.5em;
	color: #000;
	border: 1px solid;
	border-color:#333333;
	vertical-align: middle;
	background-color: #FFFFFF;
	margin-right: 15px;
}



#contentmiddle640
{
	width: 595px;
	float:left;
	height: 100%;
	padding: 10px 10px 10px 5px;
	color: #000;
	vertical-align: middle;
}

#contentmiddle530
{
	width: 460px;
	float:left;
	height: 100%;
	padding: 10px 0px 10px 5px;
	color: #000;
	vertical-align: middle;
}

#contentmiddle750
{
	width: 710px;
	float:right;
	height: 100%;
	padding: 10px 10px 10px 5px;
	color: #000;
	vertical-align: text-top;
}






#contentfull960
{
	padding: 10px 40px 10px 40px;
	width: 900px;
	background-color: #FFFFFF;
	float:left;
}

#contentfull1000
{
	width: 1000px;
	background-color: #FFFFFF;
	float:left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}





#footer1000
{
	background-color:#border
: 1px solid; 	border-color:#e9e7db; 	-moz-box-shadow: 0 0 3px #888; 	-webkit-box-shadow: 0 0 3px#888; 	box-shadow: 0 0 3px #888; 	line-height: 1.5em; 	vertical-align: middle; 	background-color: #e9e7db;;
	height:45px;
	width:100%;
	text-align: center;
	clear:both;
	line-height: 1.5em;
}

#horizspacer
{
	padding: 0;
	width: 830px;
	height: 20px;
	}
	


#menucontainer1000x25
{
	padding: 0;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	background-color: #FFDB7F;
	vertical-align: middle;
	height: 22px;
	position:relative;
} 



#horizspacer10
{
	width: 100%;
	height: 10px;
}


#newsbox
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-left: 2px;
	margin-right: 5px;
	text-align: left;
	/*border:thin solid #999999;*/
	width: 300px;
	float: right;
	padding: 4px;
	z-index: 200;
	background-color:#ffffff;
	}

#newsboxleft
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border:thin solid #CC0000;
	width: 250px;
	height:200px;
	float: left;
	padding: 6px;
	z-index: 200;
	background-color: #ffffff;
	}
	
	#newsboxleftnoheight
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:.9em;*/

	margin-right: 7px;
	text-align: left;
	border:thin solid #CC0000;
	width: 350px;
	float: left;
	padding: 10px;
	z-index: 200;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}

#newsboxright
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:.9em;*/
	height:200px;
	margin-right: 5px;
	text-align: right;
	border:thin solid #CC0000;
	width: 250px;
	float: right;
	padding: 6px;
	z-index: 200;
	background-color: #ffffff;
	}
	
/*links */

/*Black on Gray */


A.blackongray:link    
{
	color:#000000;
	text-decoration:underline;
}

A.blackongray:visited 
{
	color:#000000;
	text-decoration:underline;
	}
	
A.blackongray:hover   
{
	color:#ffffff;
	text-decoration:underline;
	background-color: #818181;
	
	}
	
A.blackongray:active  
{
	color:#000000;
	text-decoration:underline;
	text-decoration:underline;
	background-color: b69756;
	cursor: pointer;
}

/*Black on Gray Bold */

A.blackongraybold:link    
{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

A.blackongraybold:visited 
{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	}
	
A.blackongraybold:hover   
{
	color:#ffffff;
	text-decoration:underline;
	background-color: #818181;
	font-weight:bold;
	
	}
	
A.blackongraybold:active  
{
	color:#000000;
	text-decoration:underline;
	background-color: #BBBBBB; 
	font-weight:bold;
	cursor: pointer;
}



/*black text on white*/
A.blackonwhite:link    
{
	color:#111111;
	text-decoration:underline;
}
A.blackonwhite:visited 
{
	color:#111111;
	text-decoration: underline;
	
}
A.blackonwhite:hover 
{
	color:#000000;
	background-color:#E7E2C0;
	font-weight: inherit;
	cursor: pointer;
	text-decoration: underline;
	}

A.blackonwhite:active 
{
	color:#000000;
	text-decoration: underline;
}

/*Black on White Bold */

A.blackonwhitebold:link    
{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

A.blackonwhitebold:visited 
{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
	}
	
A.blackonwhitebold:hover   
{
	color:#000000;
	text-decoration:underline;
	background-color:#E7E2C0;
	font-weight:bold;
	
	}
	
A.blackonwhitebold:active  
{
	color:#000000;
	text-decoration:underline;
	background-color: #BBBBBB; 
	font-weight:bold;
	cursor: pointer;
}


/*Black Navigation Bar Link on White*/
A.navlink:link    
{color:#000000; text-decoration:underline; }
A.navlink:visited 
{color:#000000; text-decoration:underline;}
A.navlink:hover 
{color:#b90802;  background-color:#E2DCB4; text-decoration:underline; font-weight: 400; cursor: pointer;}
A.navlink:active 
{color:#000000; text-decoration:underline;}


/*white text on blue*/
A.whiteonblue:link    
{color:#FFFFFF; text-decoration:none; font-weight: 600;}
A.whiteonblue:visited 
{color:#FFFFFF; text-decoration:none; font-weight: 600;}
A.whiteonblue:hover   
{color:#FAFCD2; text-decoration:underline; background-color: #B90802; cursor: pointer; border-bottom: 1px solid #555555; font-weight: 600;}
A.whiteonblue:active  
{color:#FAFCD2; text-decoration:underline; background-color: #B90802; cursor: pointer; border-bottom: 1px solid #555555; font-weight: 600;}


/*gray text on maroon*/
A.grayonmaroon:link    
{color:#cccccc; text-decoration:underline; font-weight: 500; border-bottom: 1px solid #cccccc;}
A.grayonmaroon:visited 
{color:#cccccc; text-decoration:none; font-weight: 500; border-bottom: 1px solid #cccccc;}
A.grayonmaroon:hover   
{
	color:#ffffff;
	background-color: #660066;
	cursor: pointer;
	font-weight: 500;
}
A.grayonmaroon:active  
{color:#cccccc; text-decoration:underline; background-color: #B90802; cursor: pointer; border-bottom: 1px solid #555555; font-weight: 600;}


/*white text on red*/
A.whiteonred:link    
{color:#FFFFFF; text-decoration:none; font-weight: 400; border-bottom: 1px solid #000000}
A.whiteonred:visited 
{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: 400;
	border-bottom: 1px solid #000000
}
A.whiteonred:hover   
{color:#FAFCD2; text-decoration:underline; background-color: #B90802; cursor: pointer; border-bottom: 1px solid #555555; font-weight: 400;}
A.whiteonred:active  
{
	color:#FFFFFF;
	text-decoration:underline;
	background-color: #B90802;
	cursor: pointer;
	border-bottom: 1px solid #555555;
	font-weight: 400;
}

/*black text on yellow or gold*/
A.blackonyellow:link    
{color:#000000; text-decoration:underline;}
A.blackonyellow:visited 
{color:#000000; text-decoration:underline;}
A.blackonyellow:hover   
{color:#000000; text-decoration:underline; background-color:#E29902;} 
A.blackonyellow:active  
{color:#000000; text-decoration:underline;}

/*Black text on Taupe*/
A.blackontaupe:link    
{
	color:#191919;
	text-decoration:underline;
	
	}

A.blackontaupe:visited 
{
	color:#000000;
	text-decoration:underline;
	
	 }
	 
A.blackontaupe:hover
   {
	color:#000000;
	text-decoration:underline;
	background-color:#D8D39C;
	
	
	}
A.blackontaupe:active  
{
	color:#000000;
	text-decoration:underline;
	
	}

/*White text on Taupe*/
A.whiteontaupe:link    
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: 400;
	font-size: 12px;
	}

A.whiteontaupe:visited 
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: 400;
	font-size: 12px;
	 }
	 
A.whiteontaupe:hover
   {
	color:#ffffff;
	text-decoration:underline;
	background-color:#968672;
	font-weight: 400;
	font-size: 12px;
	}
A.whiteontaupe:active  
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: 400;
	font-size: 12px;
	}
	
	/*White text on Taupe -BOLD*/
A.whiteontaupebold:link    
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: bold;
	font-size: 12px;
	}

A.whiteontaupebold:visited 
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: bold;
	font-size: 12px;
	 }
	 
A.whiteontaupebold:hover
   {
	color:#000000;
	text-decoration:underline;
	background-color:#978c72;
	font-weight: bold;
	font-size: 12px;
	}
A.whiteontaupebold:active  
{˝FFFFFFFFFF
	color:#ffffff;
	text-decoration:underline;
	font-weight: bold;
	font-size: 12px;
	}

/*DROPDOWN */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	right:			-100px; /*Dropdown position relative to heading. left is the original setting where it expands right.*/
	top:			1.8em; /* match top ul list item height */ 
	width:330px;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.35em 1.2em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}
.sf-menu li {
	background:	#FFDB7F;
}
.sf-menu li li {
	background:		#FFDB7F;
	opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
}
.sf-menu li li li {
	background:		#FFDB7F;
	opacity:0.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background-color: #fce3a3;
	color: #000; text-decoration:underline;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}