/****************************************
Layout
*****************************************/

html {height:100%;}
body {height:100%; margin: 0; padding: 0;}

#mainnav {
	background:#336699;
	position: absolute;	
	width:100%;
	min-width:805px;
	z-index: 4;
	left: 0px;
	top: 0px;
	background-color: #003300;
}

#mainnav ul {display:inline;}
#mainnav ul li {margin: 0; padding: 0 10px; border-left: solid #FFFFFF 1px;}
#mainnav ul li.first {margin: 0; padding: 0 10px; border-left: none;}


	/****************************************
	Sidebar & subnav
	*****************************************/
	
		#sidebar1 {
		position: absolute;
		z-index: 1;
		left: 0px;
		top: 10px;
		height: 100%;
		width: 192px;
		background: url("../images/leftbar-background.gif") repeat-y left top;
		}
		
		#logo {
		position: absolute;
		z-index: 9;
		left: 8px;
		top: 20px;
		width: 75px;
		height: 68px;
		}
		
		#logo a img {border-style: none;}
		
		#subnav-box {
		/*this box contains the subnav menu*/
		width: 200px;
		background: url(../images/ncsc_topbox.gif) no-repeat left top;
		padding-top: 10px;
		z-index: 3;
		position: absolute;
		top: 150px;
		left: 20px;}	
		
		#subnav {
		/*positions the subnav menu within the subnav-box*/
		background: url(../images/ncsc_middlebox.gif) repeat-y left center;
		position: relative;
		padding-left: 10px;
		margin: 20px 0 0 0;
		}		
	
		#subnav ul {list-style: none; padding: 0; margin: 0;}
		#subnav ul ul {padding: 3px 0 3px 15px;}
		#subnav li {margin: 5px;}
	
		#subnav-box-bottom {
		background:url(../images/ncsc_btmbox.gif) no-repeat left bottom;
		padding-bottom: 20px;
		position: relative;
		top: -26px;}
	
/*		KLUDGE IE6 fixing the login box on homepage*/
		#subnav #login_form{
		_position: relative;
		_left: 0;
		}
/*		END KLUDGE */
	
	
	/****************************************
	End Sidebar & subnav
	*****************************************/

	/****************************************
	Main & Content
	*****************************************/

	#main {
		position:absolute;
		top: 25px;
		left: 0;
		width:68%;
		padding: 0px 0 0 230px;
		background: url("../images/leftbar-background.gif") repeat-y left top;
	}
	
	#content ul ul {margin:7px 0 5px 0;}
	
	
	.floatright {
			float:right;
			margin: 2px 5px 0px 0px;
	}
	
	.floatleft {
			float:left;
			margin: 2px 5px 0px 25px;
			}	
	.floatleft h1 {float: left; margin: 2px 5px 0 0; clear: right; padding: 25px;}
	
	
	.clear {clear: both;}

	/****************************************
	End Main & Content
	*****************************************/

	/****************************************
	Homepage
	*****************************************/
	
		#home #sidebar1 {
	background: #FFFFFF;
	}
	
	#homepage_logo_print {
		display:none;
	}
	
		#home #subnav-box {
		top: 140px;
	}
	/*KLUDGE IE6/7 fixing login box on homepage*/
	#home #subnav {
	_padding-left: 0;
	
	}

	#home #subnav #login_form {
	_background: url(../images/ncsc_middlebox.gif) repeat-y left top; width: 100%;
	width: 154px;
	_width: auto;
	position: relative;
	left: 20px;
	_left: 0;
	padding: 0;
	_padding: 20px;
	height: 172px;
	*height: 180px;
	z-index: 4;
}
	
	#home #subnav #login_form form {
	_width: 154px;
	
	}
	/*	END KlUDGE*/
	
		#home #main {	
	position: absolute;
	left: 270px;
/*	top: 85px;*/
	top: 45px;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	width:65%;
	
	}
	
	#home #content {
	background: url(../images/home-photo.jpg) no-repeat bottom right;
	width: 550px;
	}
	
	#home strong {
	font-weight: bold;
	font-size: large;
	}
	
	#home ul li {
	margin-bottom: 8px;
	
	}
	
	#home .clear {display: none;}
	
	/****************************************
	End Homepage
	*****************************************/
	
	
/****************************************
Event Box
*****************************************/
.event-box {
position: relative;
top: 0; left: 0; 
margin: 0; padding: 0;
height: 16.38em;	
min-height: 262px;
width: 648px;	
}


.event-box-content{
position: absolute; top: 0; left: 0; 
margin: 0; padding: 0;
height: 16.38em;
min-height: 262px;
width: 648px;	
margin: 0; padding: 0;
z-index: 1;
}

.event-box .event-info h2 {
display:  block;
margin: 10px 0;
}

.event-img {
position: relative;
top: 0;
left: 0;
width: 140px;
height: 250px;
float: left;
margin: 10px 3px;

}

.event-img label {
position: relative;
top: 10px;
left: 0;
margin: 0;
padding: 0 3px;

}

.event-box div.event-info {
position: relative;
top: 0;
left: 0;
height: 16.38em;
min-height: 262px;
width: 188px;
margin: 0;
padding: 0 10px;
float: left;  
}

.event-where {
margin-top: 40px;
}

/*Font*/
.event-box h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.13em;
font-weight: bold;
}

.event-img label {
font-size:.88em;
font-weight: normal;
}


/* Color & Images */

.event-img label {
color: black;
}

.event-box h2{
color: #ffffff;
}

/*IE6*/

.event-box {
_height: 262px;
}

.event-box-content{
_height: 262px;
}

.event-box div.event-info {
_height: 262px;
}

/*Font*/
.event-box h2{
_font-size: 16px;
}

.event-img label {
_font-size: 12px;
}
	
/****************************************
Event Box
*****************************************/


/****************************************
End Layout
*****************************************/



/****************************************
Font
*****************************************/



h2 { color:#375F0C;  font-size: x-large; font-weight:bold; }
h4 { color:#375F0C;  font-size: medium; font-weight:bold; margin: 0; padding: 0;}	
.green {color:#375F0C;}
.brightgreen {color: #689b00;}
.black {color: #000000;}

.event-box h4 { color:#ffffff;  font-size: medium; font-weight:bold; margin: 0; padding: 0;}	

body {font-size: small; font-family: Arial, Helvetica, sans-serif; }

*html body {
font-size: x-small; /* for IE5/Win */
f/ont-size: small; /* for other IE versions*/ }

#mainnav {
	color: #FFFFFF;
	font-size: small;
	line-height: 1.5em;
}

#mainnav ul li {
	display:inline;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
#mainnav ul li a {color: #FFFFFF; 	text-decoration: none;}

#subnav A:link {
	color: #689b00;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;

}

#subnav A:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#subnav A:hover {
	color: #375F0C;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
} 

#main {	
	font-size: small;
	line-height: 1.2 em;}
	
#content a:link {color: #336699;}
#content a:hover {color: #9e7a4e;}
#content a:visited {color: #9e7a4e;}


.pad-top td {padding: 5px 0 0 0;}
td.pad-left {padding: 0 0 0 65px;}

#quicklinks {
	font-family: Arial, Helvetica, sans-serif;
	color:#003300;
	font-size: x-small;
	text-align: left;
	line-height: 2em;
	padding-top: 10px;
	
}
	
#quicklinks a {color:#003300;}

#quicklinks ul li a {
	line-height: 1.5em;
	list-style-type: none;
	font-weight: bold;
	font-size: small;
	text-decoration: none;
	color: #003300;
}
#content li {margin-top: .4em;}
.superScript {
font-size: 0.75em; line-height: 0.5em; vertical-align:top; 
}
/****************************************
End Font
*****************************************/