/* CSS for BCEC */
/* general styles for all pages */

img {
	border:0;
	display:block;
}

.clear {
	clear:both;
}

a       { color:#000080; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }



/* BEGIN DROP DOWN MENU STYLES ============================== */
/* FROM http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* ========================================================== */


#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		/* width : 11em; */
		width:180px;
		
		background-color:#000080;
		font-size:medium;
		z-index:500;
	}
	
#nav ul { /* all lists */
		border:3px solid #000;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 2em;
		margin-bottom : -1px;
		/* width : 11em; */
		width:180px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/* margin-left : 11.05em; */
		margin-left:181px;
		margin-top : -2.1em;
		z-index:1000;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		z-index:1000;
	}
	
	#nav li a {
		/* width : 11em; */
		width:180px;
		w\idth : 160px;
		display : block;
		color : white;
		font-weight : bold;
		text-decoration : none;
		background-color : #000080;
		border : 1px solid #555;
		border-width:1px 0;
		/* padding : 0 0.5em; */
		padding:0 10px;
	}
	
	#nav li a:hover {
		color : #000080;
		background-color : #eee;
	}
	

	#nav a.witharrow {
		background: #000080 url("../assets/arrow-right-white.gif") 99% 50% no-repeat;
	}
	
	#nav a.witharrow:hover {
		background: #eee url("../assets/arrowright.gif") 99% 50% no-repeat;
	}

	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		margin-left:180px;
	}


/* END DROP DOWN MENU STYLES ============================ */


	
/* FOOTER --> LOGO AND ADDRESS */	
#footer {
	font-size:small;
  text-align: center;
	clear: both;
	margin-top:10px;
	}
	
#footer img {
	margin:0 auto;
	}
	
.address a {
	position: relative;
  color: #000080;
	/* padding-top: 1em; */
	text-decoration:none;
}