/* ANFArch.org CSS */

/* HTML5 Reset by Nathan Smith */
a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}img{font-size:0}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}

/* Scaffold */
#content, #slideshow, #where, #footer {
	margin-bottom: 20px;
}

/* Zelda Reference */
.tri-force{display:inline;float:left;width:300px;}.middle{margin: 0 20px;}
.twin-col {
	display:inline;float:left;width:280px;
}
.twin-col.last {
	margin-left: 20px;
}
/* All boxes */
#header, #content, #main, #sidebar , #footer{
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* Layout */
body {
	margin: 0;
	background: #dedede;
	font: normal 13px/1.8em Helvetica,Arial,sans-serif;
}

#box {
	background: transparent url(../images/core/neuron-solid.png) center 100px no-repeat;
	height: 600px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#header {
	margin: 20px 10px 20px 10px;
}
	#logo {
		background: transparent url(../images/core/logo-onw.png) 0 0 no-repeat;
		margin-bottom: 20px;
		height: 64px;
	}
	#logo .acronym {
		font-size: 38px;
		display: inline;
		float: left;
		margin-top: 32px;
		margin-left: 50px;
		margin-right: 10px;
		height: 40px;
		line-height: 1em;
		
	}
	#logo .full {
		font-size: 14px;
		display: block;
		float: left;
		height: 35px;
		margin-top: 37px;
		line-height: 1em;
	}
	#logo a {
		display: block;
		height: 64px;
		cursor: pointer;
		color: #333;
		text-decoration: none;
	}
	#logo a:hover {
		color: #333;
	}
	
#content {
	width:940px;
	z-index: 1;
}
#where {
	background: rgb(0, 0, 0); /* for IE6-7 */
	background: transparent url(../images/core/color-black50.png); /* for IE8 */
	background: rgba(0, 0, 0, 0.5) none;
	height: 50px;
	overflow: hidden;
	clear: both;
}
	#where strong{
		color: #eee;
		display: block;				
		font-size: 28px;
		font-weight: bold;
		line-height: 50px;
		margin-left: 20px;
	}
	#where.ie {
		display: none;
	}
#slideshow {
	z-index: 1;
	position: relative;
	background: #6F6F6F; /* for IE6-7 */
	background: transparent url(../images/core/color-black50.png); /* for IE8 */
	background: rgba(0, 0, 0, 0.5) none;
	width: 940px;
	height: 378px;
	overflow: hidden;
}
	#slideshow .slide {
		background: transparent !important;
		width: 940px;
		height: 338px;
		margin-top: 20px;
	}
	#slideshow .slide .caption {
		display: inline;
		float: left;
		width: 280px;
		height: 338px;
		margin-right: 20px;
		margin-left: 20px;
	}
			#slideshow .slide .caption strong{
				color: #eee;
				display: block;				
				font-size: 38px;
				font-weight: bold;
				height: 100px;
				padding-top: 50px;
				line-height: 1em;
				border-bottom: 1px solid #ccc;
			}
			#slideshow .slide .caption p{
				color: #eee;
			}
	#slideshow .slide  img {
		display: inline;
		float: left;
		width: 600px;
		height: 338px;
		-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
		-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
		box-shadow: 0 1px 10px rgba(0,0,0,.5); 
	}
	.pager {
		position: absolute;
		display: block;
		float: left;
		width: 320px;
		margin-top: -46px;
		font-size: 1px;
		line-height: 1em;
		text-align: center;
	}
	.pager a {
		display: inline-block;
		height: 10px;
		width: 10px;
		color: #555;
		background: #555;
		text-decoration: none;
		text-align: center;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0 2px;
	}
	.pager a.activeSlide {
		color: #eee;
		background: #eee;
	}
	.pager a:hover {
		color: #eee;
		background: #eee;
	}

#content-front {
	clear:both;
	display: block;
	height: 100%;
}
	
#main {
	width: 580px;
	margin-left: 0;
	padding: 20px;
}
#sidebar {
	width: 260px;
	margin-right: 0;
	padding: 20px;
}
#sidebar ul.nav {
		list-style: none;
		margin-left: 0;
		margin-bottom: 0;
	}
	#sidebar ul.nav a{
		font-size: 14px;
		text-decoration: none;
		display: block;
		padding-left: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-bottom: 1px;	
		line-height: 30px;
		background: #eee;
		background: rgba(255,255,255,.5);
		text-decoration: none;
		border: 1px solid #ccc;
		width: 248px;
	}	
	#sidebar ul.nav a:hover {
		color: #eee !important;
		background: #333;
		background: rgba(0,0,0,.5);
		text-decoration: none;
	}
	#sidebar ul.nav li {
		margin: 0;
		padding: 0 0 2px 0;
	}
#footer {
	width: 940px;
	font-size: 12px;
	border-top: 2px solid #ddd;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
#footer p {
	clear: both;
}
#footer .nav {
	font-size: 12px;
	display: block;
	padding: 0;
	margin: 0;
}
	#footer .nav li {
		float: left;
		display: inline;
		margin: 0 10px 0 0;
	}
	#footer .nav li a{
		color: #666;
		text-decoration: none;
	}
	#footer .nav li a:hover {
		color: #333;
		text-decoration: none;
	}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5em;
}
h1 {
	font: bold 28px/1em Helvetica,Arial,serif;
	margin-bottom: .25em;
}
h2 {	font-size: 22px;}
h3 {	font-size: 18px;}
h4{	font-size: 16px;}
h5 {	font-size: 14px;}
h6 {	font-size: 12px;}

/* Links */

#box a:active {
	outline: none;
}
#box a.more {
	display: inline;
	float: left;
	padding: 0 5px;
	color: #333;
	background: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
}
#box a.more:hover {
	color: #fff;
	background: #333;
}
#main a, #sidebar a, .tri-force a{
	text-decoration: none;
	color: #1F4F97;
	border-bottom: 1px solid #ccc;
}
#main a:hover, #sidebar a:hover, .tri-force a:hover{
	color: #000;
	border-bottom: 1px solid #666;
}


/* Paragraph */
#main p, #sidebar p, .tri-force p{
	margin-bottom: 1em;
	line-height: 1.6em;
}

/* Lists */
#main ul, #sidebar ul{	
	margin-bottom: 2em;
}
#main ul li, #sidebar ul li, #main ol li, #sidebar ol li{
	margin-left: 20px;
}
.tri-force ul{
	list-style: none;
	margin-bottom: 20px;
}
#main ul.nav li, #sidebar ul.nav li{
	margin-left: 0;
}
/* CSS3 Features */
#slideshow, #where, #main, #sidebar {
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main, #sidebar {
	background: #EFEFEF;
	background: transparent url(../images/core/color-white50.png);	
	background: rgba(255, 255, 255, 0.5) none;
}

hr {
	border: 0;
	background-color: #ccc;
	margin: 10px 0;
	height: 1px;
}