/* CSS Reset
	http://meyerweb.com/eric/tools/css/reset/
						*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
		vertical-align: baseline;
	}

	:focus {
		outline: 0;
	}

	div{
		position: relative;
	}

	body {
		line-height: 1;
		color: #000000;
		background: #FFFFFF;
		
		width: 100%;
		height: 100%;
		text-align: center;
	}

	ol, ul {
		list-style: none;
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left;
		font-weight: normal;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}

	blockquote, q {
		quotes: "" "";
	}
/* End CSS Reset		*/
/*						*/

/* Element Styles		*/
/*						*/

	/* Headers */
	h1{
		font-size: 1.5em;
		font-weight: bold;
	}

	h2{
		font-size: 1.3em;
		font-weight: bold;
	}

	h3{
		font-size: 1.1em;
		font-weight: bold;
	}

	h4{
		font-weight: bold;
	}

	h5{
		font-size: .9em;
		font-weight: bold;
	}
	/* end Headers */

/* End Element Styles	*/
/*						*/

/* IDed Styles		*/
/*						*/
	#nojs{
		line-height: 1.1;
		font-size: 0.75em;
		background: #CC3333;
		color: #000000;
		
		position: fixed;
		bottom: 0em;
		left: 10%;
		
		margin: 0em auto 0em auto;
		padding: .0625em;
		
		width: 80%;
		z-index: 100000;
		
		-webkit-border-top-left-radius: 2.1875em;
		-webkit-border-top-right-radius: 2.1875em;
		-webkit-border-bottom-right-radius: 0em;
		-webkit-border-bottom-left-radius: 0em;
		-moz-border-radius-topleft: 2.1875em;
		-moz-border-radius-topright: 2.1875em;
		-moz-border-radius-bottomright: 0em;
		-moz-border-radius-bottomleft: 0em;
		border-top-left-radius: 2.1875em;
		border-top-right-radius: 2.1875em;
		border-bottom-right-radius: 0em;
		border-bottom-left-radius: 0em; 
	}
/*	End IDed Styles	*/
/*						*/

/*	Class Styles		*/
/*						*/
	/* Clearfix */
		.clear:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
					
		.clear {
			display: inline-block;
		}

		/* Hides from IE-mac \*/
		* html .clear {
			height: 1%;
		}

		.clear {
			display: block;
		}
		/* End hide from IE-mac */
	/* End Clearfix */
	
	/* Message Boxes */
		.message-box{
			padding: .6em;
			
			color:#545454;
		}

		.clean{
			background-color: #efefef;
			
			border-top: .125em solid #dedede;
			border-bottom: .125em solid #dedede;
		}

		.info{
			background-color: #f7fafd;
			
			border-top: .125em solid #b5d3ff;
			border-bottom: .125em solid #b5d3ff;
		}

		.okay{
			background-color: #d7f7c4;
			
			border-top: .125em solid #82cb2f;
			border-bottom: .125em solid #82cb2f;
		}
			
		.alert{
			background-color: #fef5be;
			
			border-top: .125em solid #fdd425;
			border-bottom: .125em solid #fdd425;
		}
			
		.error{
			background-color: #ffcdd1;
			
			border-top: .125em solid #e10c0c;
			border-bottom: .125em solid #e10c0c;
		}
	/* End Message Boxes */
	
	/* Text color, styling, decoration */
		.italics{
			font-style: italic;
		}

		.bold{
			font-weight: bold;
		}

		.underline{
			text-decoration: underline;
		}

		.no-dec{
			text-decoration: none !important;
		}
		
		.strike{
			text-decoration: line-through;
		}

		.keyword{
			text-shadow: 0 0 .1em #FFFFFF;
		}

		.sub{
			vertical-align: sub;
		}

		.sup{
			vertical-align: super;
		}
		
		.quote{
			font-style: italic;
		}
	/* End text color, styling, decoration */
	
	/* Positioning */
		.left{
			margin-right: auto;
			margin-left: 0;
		}
		.center{
			margin-left: auto;
			margin-right: auto;
		}
		
		.right{
			margin-right: 0;
			margin-left: auto;
		}
		
		.bump{
			margin-top: 1em;
		}
		
		.follow{
			margin-bottom: 1em;
		}

		.center-text{
			text-align: center;
		}

		.left-text{
			text-align: left;
		}

		.right-text{
			text-align: right;
		}
		
		.quote{
			margin-left: 4em;
			margin-right: 4em;
		}
	/* End positioning */
	
	/* Sizing */
		.huge{
			font-size: 1.5em;
		}
		
		.large{
			font-size: 1.25em;
		}

		.small{
			font-size: .75em;
		}
		
		.tiny{
			font-size: .5em;
		}
		
		.sub, .sup{
			font-size: .5em;
		}
		
		.w10{width: 10%;}
		.w20{width: 20%;}
		.w25{width: 25%;}
		.w30{width: 30%;}
		.w40{width: 40%;}
		.w50{width: 50%;}
		.w60{width: 60%;}
		.w70{width: 70%;}
		.w75{width: 75%;}
		.w80{width: 80%;}
		.w90{width: 90%;}
		.w100{width: 100%;}
	/* End sizing */
	
	/* Spacing */
		.tall{
			line-height: 1.3em;
		}
	/* End spacing */
	
	/* UI */
		.pointer{
			cursor: pointer;
		}
	/* End UI */
	
	/* Display and visibility */
		.hide{
			display: none;
		}
		
		.table{
			display: table;
		}
		
		.cell{
			display: table-cell;
		}
	/* End display and visibility */
	
/*	End Class Styles	*/
/*						*/

/*-----Local CSS-----*/
	@font-face {  
	  font-family: "neutra";  
	  src: url('../../styles/NeutraDisp-Bold.eot'); /* IE */  
	  src: local("Neutra Display"), url('../../styles/NeutraDisp-Bold.ttf') format("truetype"); /* non-IE */  
	}
	
	@font-face {  
	  font-family: "futura";  
	  src: url('../../styles/FuturaStd-Heavy.eot'); /* IE */  
	  src: local("Futura Std"), url('../../styles/FuturaStd-Heavy.ttf') format("truetype"); /* non-IE */  
	}
	
	table{
		margin: auto;
		text-align: center;
	}
	
	table, tr, td, th{
		text-align: center;
	}
	
	#content table thead, #content table tfoot{
		background: #405E8F;
		color: #FFFFFF;
		letter-spacing: .125em;
	}
	
	#content table thead th, #content table tfoot td{
		border: .0625em solid #002D56;
	}

	#content table tfoot, #content table tfoot td{
		text-align: right;
	}

	#content table td, #content table th{
		font-size: .75em;
		border-collapse: collapse;
		padding: .5em;
	}
	
	#content tbody tr:hover{
		background: #CCD6E6;
	}
	
	legend{
		font-family: neutra, Helvetica, Arial, sans-serif;
		letter-spacing: .125em;
		
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
	}

	.even{
		background-color: #999999;
	}
	
	fieldset{
		padding: 1em;
		border: 1px solid #000000;
		width: 16.5em;
		
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
	}
	
	input[type="submit"], input[type="text"], input[type="password"], input[type="file"]{
		font-size: 1em;
	}

	input[type="submit"]{
		margin-top: 1em;
	}

	input[type="text"], input[type="password"], input[type="file"]{
		width: 16.5em;
	}

	legend{
		padding: .25em;
		background-color: #002D56;
		color: #FFFFFF;
		margin: 0 0 .25em 0;
	}
	
	body{
		color: #000000;
		background: #EEEEEE;
		position: absolute;
	}
	
	.page{
		background: #FFFFFF;
		width: 74em;
		margin: auto;
		padding: .7em .5em .5em .5em;
	}
	
	#nojs{
		line-height: 1.1;
		font-size: 0.75em;
		background: #CC3333;
		
		position: fixed;
		bottom: 0px;
		left: 10%;
		
		margin: 0px auto 0px auto;
		padding: 1px;
		
		width: 80%;
		z-index: 100000;
		
		-moz-border-radius-topleft: 35px;
		-moz-border-radius-topright: 35px;
		-webkit-border-top-left-radius: 35px;
		-webkit-border-top-right-radius: 35px;
	}
	
	#slideshow{
		width: 35%;
		min-height: 25em;
		
		float: left;
		
		text-align: left;
		margin-right: .1em;;
	}
	
	#content{
		width: 60%;
		min-height: 25em;
		
		float: left;
		
		font-size: 1.5em;
		text-align: left;
		margin: auto;
	}
/*-----End Local CSS-----*/

.header{
	width: 75em;
	height: 12.375em;
	background-color: #FFFFFF;
	margin: auto;
	font-family: neutra, Helvetica, Arial, Tahoma, Geneva, sans-serif;
}

/* style management tab dropdown*/

#manage_panel{
	text-align: right;
	font-size: 1.50em;
	
	padding: .5em;
	background-color: #002D56;
	color: #FFFFFF;
	width: 11.0em;
	
	position: absolute;
	top: 0em;
	right: 18.0em;
	
	z-index: 3;
}

#manage_panel a{
	text-decoration: none;
	color: #999999;
	font-weight: 100;
}

#manage_panel a:hover, #manage_panel a:active {
	color: #FFFFFF;
}

/* done styling management tab */

/*style login dropdown and login/register links*/

#login_panel{
	text-align: right;
	font-size: 1.25em;
	
	padding: .5em;
	background-color: #002D56;
	color: #FFFFFF;
	width: 19.0em;
	
	position: absolute;
	top: .5em;
	right: 0;
	
	z-index: 3;
}


#login{
	right: 0;
	top: 0;
	
	padding: .825em .825em 0 0;
	margin: -.5em 0 -1.45em auto;
	
	text-align: right;
	font-size: 1.25em;
	
	width: auto;
}

#login_panel fieldset{
	border: none;
	padding: 0;
	font-size: 1em;
	width: auto;
}

#login_panel input{
	font-size: 1em;
	width: 7em;
	margin: 0;
}

#login_panel input[type="submit"]{
	width: 3em;
}

#col2{
	margin-right: 0;
}

.column{
	float: left;
	text-align: left;
	margin-right: 1em;
}

/*login styling done*/

.hide{
	display: none;
}



#head_content{
	margin: auto;
	width: 75em;
}

#menubar{
	position: absolute;
	z-index: 1;
	
	background-color: #002D56;
	
	width: 48em;
	margin: 10.19em auto .625em 24.5em;
	padding-left: 2.5em;
}

#logo{
	float: left;
	margin: .625em;
	z-index: 2;
}

.toplvl{
	float: left;
	margin: auto 1.2em;
}

#menubar a{
	text-decoration: none;
	color: #999999;
	font-weight: 100;
	font-size: 1.60em;
}

#menubar a:hover, #menubar a:active, #menubar .current{
	color: #FFFFFF;
}

#errors{
	padding: .5em;
	width: 21em;
}