body{
	margin: 0;
	padding: 0;
}

#wrapper{
	width:900px;
	margin: 0 auto;
	background: #ffffff;
}

header, #content-left, #content-right, #newsfeed, #sidebar, #newsfeedintro, #sidebarintro, #center,#intro, footer{
	display: inline;
	position: relative;
	float: left;
}

header{
	width: 100%;
}

#content-left{
	width:49%;
	height:65%;
	margin-right:2%;
}

#content-right{
	width:49%;
	height:65%;
}

#intro{
	margin-top:1%;
	width:100%;
}

footer{
	width: 100%;
	margin-top:2%;
	margin-bottom:2%;
	font-family: Karla, sans-serif;
	text-align:center;
}

#imageblock{
	width:100%;
	margin: 0 auto;
	text-align: center;
}

#newsfeed{
	width:65%;
	height:65%;
	margin-right:2%;
}

#newsfeedintro{
	width: 65%;
	height:50%;
	margin-right:2%;
}

#sidebarintro{
	width:33%;
	height:50%;
}

#sidebar{
	width:33%;
	height:65%;
}

#center{
	width:80%;
	height:80%;
	margin-right:10%;
	margin-left:10%;
}

p {
	font-family: Karla, sans-serif;
}

form{
	font-family: Karla, sans-serif;
	line-height: 120%;
}

nav{
	margin-top: 15px;
	margin-bottom:0px;
	border-bottom: none;
	color: white;
}

nav ul{
	list-style: none;
	background-color: #0F1F4C;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 40px;
}

nav ul a{
	display: block;
	text-decoration: none;
	line-height: 40px;
}

nav ul li{
	position: relative;
	width: 175px;
	margin: 0;
	padding: 0;
	height: 40px;
}

nav ul li ul{

	font-size: 12px;
	line-height: 40px;

}

nav ul ul{
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	
}

nav li{
	font-family: 'Bitter', serif;
	font-size: 1.2em;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

nav a{
	text-decoration: none;
	color: #fff;
	display: block;
}

	nav li ul{
	position:absolute;
	left: -9999em;
	top: 40px;
	z-index: 1;
	width: inherit;
	}
	
/* Menu functionality for click instead of hover*/
#other-toggle, #ranges-toggle, #events-toggle, #info-toggle{
	display:none;
}

input[type=checkbox]:checked ~ ul {
	left:0;
}

input[type=checkbox]:checked ~ li{
	background-color:white;
}

@media screen and (min-width: 650px){
	
	nav li{
		width: 120px;
		border-bottom:none;
		height: 40px;
		line-height: 40px;
		font-size: 1.4em;	
		display: inline-block;
		margin: 0px;
	}
	nav a:hover{
	background-color:#8AB8E6;
	line-height:40px;
	}
	
	nav ul > li:hover ul{
	left:0;
	}
	
	nav li ul{
	position:absolute;
	left: -9999em;
	top: 40px;
	z-index: 1;
	width: inherit;
	}

}

.title{
	font-family: 'Bitter', serif;
	font-size: 40px;
	text-align: center;
	color: #0F1F4C;
	margin: 25px 0 10px 0;
}

table {
	margin-left:auto;
	margin-right: auto;
	font-size: 16px;
	border-collapse: collapse;
	font-family: Karla, sans-serif;
	white-space: nowrap;
}

table td, th{
	border: 1px solid #0F1F4C;
	padding: 4px 6px;
	margin: 2px;
	
}

img a{
	border: 15px #fff;
}

.post{
	padding:0px 15px 15px 15px;
	border:2px solid #000066;
	background: #ffffff;
	margin-bottom:1%;
}

.post_red{
	padding:0px 15px 15px 15px;
	border:2px solid #cc0000;
	background: #ffffff;
	margin-bottom:1%;
}

.tableheader{
	background: #0F1F4C;
}

#newsletters_table td{
	height:2px;
	line-height:2px;
	margin: 0px;
}

span.bull {
	color: navy;
}