/* DROP DOWN MENU CSS */

ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	position:absolute;

	z-index:100;

	border: none;

}

#nav ul li {
width:160px;
}



#nav li { /* all list items */

	float: left;

	position: relative;

	border:none;

	margin:0;

	padding:0;

	color:#690;

	height: 18px;

	/*width:160px;*/

}

#nav a { *font-size:1em !important; }

#nav ul li a:hover { *font-size:1em !important;}

#nav li ul { /* second-level lists */

	display: none;

	position: absolute;

	top: 1em;
	

	left: 0;

}



#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	top: auto;

	left: 0;

}


#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */

	display: block;

	background-color: #FFF;

	border-top:none;

	border-left:1px solid;

	border-right:1px solid;

	border-bottom:1px solid;

	padding:5px 0 0 5px;

	line-height:12px;

	margin: 0;

	top: 25px;

	font-weight:normal;

	white-space: nowrap;

	width: 250px;

}

#nav a {padding-bottom:10px;font: bold 1em verdana, tahoma, arial, sans-serif !important;}

#nav ul li a { font: bold 1em verdana, tahoma, arial, sans-serif !important;padding-bottom:0;} 

#nav ul li a:hover {font: bold 1em verdana, tahoma, arial, sans-serif !important;padding-bottom:0; width:160px;}

#nav a:link {

    text-decoration:none;

	font: 1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;


}

#nav a:active { 

    	text-decoration:none;

	font:bold 1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;

	}

#nav a:visited {

    	text-decoration:none;

	font:bold 1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;

}

#nav a:hover {	

     text-decoration:underline;

	font:bold 1em verdana, tahoma, arial, sans-serif;

	color: #F60;

	border: none;

}







.menuhome {

	/*height: 18px;*/
	
	height: 25px;

	width:35px ! important;

	margin:0 20px 0 10px ! important;

	padding:0 ! important;

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; 
*/
	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuplacements {

	/*height: 18px;*/
	
	height: 25px;

	width:85px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuvolunteering {

	/*height: 18px;*/
	
	height: 25px;

	width:100px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuresources {

	/*height: 18px;*/
	
	height: 25px;

	width:78px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;
/*
	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuabout {

	/*height: 18px;*/
	
	height: 25px;

	width:110px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuforums {

		/*height: 18px;*/
	
	height: 25px;

	width:52px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menucontact {

	/*height: 18px;*/
	
	height: 25px;

	width:60px ! important;

	margin:0 20px 0 0 ! important;

	padding:0 ! important;	

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; */

	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}

.menuprojects {

	/*height: 18px;*/
	
	height: 25px;

	width:150px;!important

	margin:0 20px 0 0 ! important;

	padding:0 ! important;	

/*	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; 
*/
	background-position: bottom left;

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



.menuhi {

	color: #F60;

}



#subvolmenu ul {

	z-index: 1;

}

#subvolmenu li { /* all list items */

	float: left;

	position: relative;

	border:none;

	margin:0;

	padding:0 5px 0 0;

	color:#690;

	height: 18px;

	font:bold 0.7em verdana, tahoma, arial, sans-serif;

		

}





#subvolmenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	top: auto;

	left: 0;

}





#subvolmenu a:link {

    	text-decoration:none;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;

}

#subvolmenu a:active { 

    	text-decoration:none;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;

	}

#subvolmenu a:visited {

    	text-decoration:none;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #690;

	border: none;

}

#subvolmenu a:hover {	

     	text-decoration:underline;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #F60;

	border: none;

}

#social-media {
	float:right;
	width:350px;
	height:18px;
	margin-right:40px;
}

#social-media a {
    text-decoration:none;

	font:0.8em verdana, tahoma, arial, sans-serif;
	
	font-weight:bold;

	color: #00549f;

	border: none;
	
	vertical-align:top; 
	
	margin-top:5px;

}

#social-media a:hover {
    text-decoration:underline;

	font:0.8em verdana, tahoma, arial, sans-serif;
	
	font-weight:bold;

	color: #00549f;

	border: none;
	
	vertical-align:top; 
	
	margin-top:5px;
	
}

#social-media .twitterlanding {
	float:left;

}

#social-media .fblanding {
	float:right;
	margin-left:10px;
}


