/* @override http://etcth.org/etc.css */

/* CSS Document */
*{
margin:0px;
padding:0px;
}
html, body{
	background-color:#316481;	
	background-image:url(images/bg_grad.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#000;
	height:100%;
	margin-bottom:20px;

}

a{
    color:#316A89;;
	text-decoration:underline;
}
a:hover{
	color:#16A2DC;
	text-decoration:underline;
	}
h1{
	font-size:26px;
		line-height:120%;
	margin:10px 0px;
}
h2{
	font-size:22px;
	margin:10px 0px;
		line-height:120%;
}
h3{
	font-size:16px;
	margin:10px 0px;
		line-height:120%;
}
h4{
	font-size:14px;
	margin:10px 0px;
		line-height:120%;
}

ul{
	margin:10px 10px 10px 25px;
	}
li{
	margin:5px 0px;
}
hr{
	background-color:transparent;
	color:transparent;
	margin: 2em 0 1em 0;
}
td{
	vertical-align:top;
}

img  {
	border: 0;
}

#header{
	position:relative;
	width:100%;
	z-index:30;
}
#header[id]{
	position:fixed;
}
#logo{
	height:86px;
	background-color:#4696c4;
	padding-top:20px;
	padding-left:20px;
}
#navigation{
	background-color:#7EB6D6;
	height:23px;
	padding-left:30px;
	color:#286692;
}
#navigation a{
	text-decoration:none;
	}

#navigation a:hover{
	text-decoration:underline;
	color:#ffffff;
}
#haze{
	height:10px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fade.png');

}
#haze[id] {
  background-image:url(images/fade.png);
  background-repeat:repeat-x;
	height:10px;
}
#callout{
	position:absolute;
	top:110px;
	z-index:10;
	left:0px;
	}
#callout[id]{
	z-index:2;
	position:fixed;
}
#sponsor{
	position:absolute;
	top:600px;
	left:20px;
	}
#sponsor[id]{
	position:fixed;
	}
#ad{
	position:absolute;
	top:280px;
	left:20px;
}
#ad[id]{
	position:fixed;
	top:390px;
}

#content{
	background-color:#CEDFE9;
	width:730px;
	margin-left:200px;
	position:relative;
	top:-20px;
	z-index:5;
	padding:30px 20px 0px 50px;
}

#content[id]{
	padding-top:165px;
	background-color:#CEDFE9;
	width:650px;
	margin-left:200px;
	z-index:1;
	padding-left:50px;
}

#content .nl_summaryPost{
	padding:10px 0px;
}

#smallbar{
	width:205px;
	padding:20px;
}
#smallbar #students img{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	}
#largebar{
	width:380px;
	padding:20px;
}



/* BEGIN ROLLOVER / DROPDOWN */
#nav {
font-size: 10px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav li{
	padding:0px 8px;
	}
#nav li li { 
        width: 150px; 
		padding:0px;
		margin: -1px 0px 0px 0px;
		float:none;
		position:relative;
       }
       
#nav li li:first-child { 
		margin: 3px 0px 0px 0px;
       }

/* Unless you know what you do, do not touch this */ 

#nav, #nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}
#nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
}
#nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
}
	
#nav li { 
	margin-left: -1px;
	float: left; 
}
#nav #current {
	color:#FFFFFF;
	}

/* Styling the basic apperance of the menu elements */
#nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 	
	text-align:left;
}
#nav li a { 
	padding:0px;

}
#nav li li { 
	padding: 5px 5px;
	border-top: 1px solid #4497cc;	
}

#nav li li:last-child {
	border-bottom: 1px solid #336786;
}

#nav li li:first-child { 
	padding: 5px 5px;
	border-top: 1px solid #4497cc;
}

	
#nav li.menuparent { 
	background-color:transparent;
}
	
#nav li ul li{
	background-color:#7EB6D6;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#nav li.menuactive { 
	background-color:#336786; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#nav ul li.menuparent,   
#nav ul li.menuparenth  { 
	background-color:#7EB6D6;
}


/* Styling the apperance of menu items on hover */

#nav li ul li:hover, #nav li ul li.menuh, #nav ul ul li.menuparent:hover,#nav ul li.menuparent:hover, 
#nav ul ul li.menuparenth, #nav li ul li.menuparenth, #nav li ul li.menuactiveh { 
		background-color:#336786;
		
	}



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#nav ul, #nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, 
#nav li.menuparenth ul, #nav li.menuparenth ul ul, #nav li.menuparenth ul ul ul, #nav li.menuparenth ul ul ul ul { 
	display: none; 
	}
#nav li:hover ul, 
#nav li.menuparenth ul  { 
	display: block; 
	}


/* IE Hacks */

#nav li li { 
	float: left; 
	clear: both; 
	}
#nav li li a { 
	height: 1%; 
	}