/**********************************************
Reset (meyerweb.com)
**********************************************/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} a{outline:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/**********************************************
Init
**********************************************/
body{
	width:100%;
	background:#fff url(/public/assets/images/body_bg_blue.jpg) repeat-x center top;
	padding:0 0 75px 0;
	font-family: "Helvetica", Arial, sans-serif; 
	}
p{
	line-height:1.5em;
	}
a, a:visited{
	text-decoration:none;
	color:#003333;
	}
a:active, a:hover{
	text-decoration:underline;
	}
/**********************************************
Header
**********************************************/
#header{
	width:100%;
	height:100px;
	margin:0 auto;
	overflow: hidden;
	}
	#header a.logo{
		width:211px;
		height: 47px;
		float: left;
		margin:25px 0 0 50px;
		display: block;
		}
#header ol{
	width:600px;
	margin:40px 40px 0 0;
	float: right;
	overflow: hidden;
	}
	#header ol li{
		margin:0 20px 0 0;
		float:right;
		}
	#header ol li a{
		color: #fff;
		font-size: 15px;
		font-family:"Helvetica Neue", Helvetica;
		display: block;
		}

/**********************************************
Content Setup
**********************************************/
#content{
	width:985px;
	margin:0 auto;
	background:url(/public/assets/images/container_bg.png) no-repeat center 88px;
	padding:0px 0 0 0;
	}	
/*---Columns */
#content div.col_large{
	width:600px;
	overflow: hidden;
	float:left;
	}
#content div.col_small{
	width:300px;
	float:left;
	}

/**********************************************
Common
**********************************************/


/**********************************************
Homepage
**********************************************/

h1.intro{
	margin:15px 0 0;
	text-align: center;
	font-family:"Helvetica Neue", Helvetica;
	font-size:25px;
	}

/*--- Map */
#overview_map{
	width:910px;
	padding:5px;
	margin:10px auto 20px;
	border:1px solid #ccc; 
	overflow: hidden;
	}
#map{
	width:100%;
	height:350px;
	}
	div.infowindow{
		width:300px;
		padding:0 0 30px;
		overflow: hidden;
		}
	div.infowindow h4, div.infowindow h4 a{
		font:14px Georgia, serif;
		margin:0 0 0px 0;
		display: block;
		}
	div.infowindow p{
		font-size:10px;
		color: #333;
		line-height:1.4em;
		}
	div.profile_map{
		border:1px solid #ccc;
		height:200px !important;
		margin:20px 0 0 !important;
		}
	#message { 
		position:absolute; 
		color:#333; 
		width:214px;
		height:188px;
		padding:6px 20px 11px 10px;
		background:url(/public/assets/images/info_window.png) no-repeat;
		display: none; 
		font-size:11px;
		text-align: center;
		}
		#message h5{
			font:12px Arial;
			margin: 0 0 4px;
			}
		#message p{
			font:10px Arial;
			}
		#message a{
			font-weight: bold;
			color:#0066cc;
			}
		#message small{
			color: #999;
			padding:4px 0 0;
			text-align: right;
			display:block;
			}
		
	#pan_toggle { 
		position:absolute; 
		padding:4px; 
		background:#fff; 
		color:#333;
		text-align: center;
		cursor: pointer; 
		width:100px; 
		margin:-30px 0 0 80px;
		font-size:11px;
		border:1px solid #000;
	}
		
/*--- Stream */
#stream{
	width:auto;
	height:470px;
	overflow-y: auto;
	}
	#stream li{
		margin:0 10px 10px 0;
		padding:0 0 10px;
		border-bottom: 1px dotted #ccc;
		}
	#stream li h5{
		font:12px Arial;
		min-height:20px;
		color: #333;
		margin: 0 0 5px;
		padding: 0 0 0 25px;
		background:url(/public/assets/images/sprite_tiny_icons.jpg) no-repeat 0 0;
		} 
		#stream li.s1 h5{ background-position:0 -80px;  }
		#stream li.s3 h5{ background-position:0 -40px;  }
	#stream li p{
		font:10px Arial;
		}
	#stream li.hidden{
		display:none;
		}

/*--- Headlines tabs */
#headlines{
	width:540px;
	height:300px;
	margin:20px 0;
	padding:20px;
	border:1px solid #ccc;
	}
#headlines h3{
	color:#666;
	font:bold 22px Arial, Helvetica, sans-serif;
	margin:10px 0;
	}
#headlines ul li{
	font:10px Arial, Helvetica, sans-serif;
	color:#666;
	}
#headlines ul li a{
	font-size:14px;
	background:url(/public/assets/icons/newspaper.png) no-repeat left 3px;
	padding:3px 10px 2px 20px;
	line-height:1.4em;
	}

/*--- Upcoming Events */
#homepage h4{
	color:#666;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:15px 0;
	}
ul#event_list li{
	background:url(/public/assets/icons/calendar.png) no-repeat left top;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px 0 0 20px;
	margin:0 0 10px 0;
	}
ul#event_list li a{
	display:block;
	color:#666;
	font:14px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}	
	
	
/**********************************************
Footer
**********************************************/
#footer{
	width:900px;
	color:#333;
	margin:100px auto 0;
	background:#666;
	padding:20px 20px 20px 40px;
	overflow:hidden;
	}
#footer div h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 7px 0;
	}
#footer div{
	width:600px;
	float:left;
	}
#footer div.info{
	width:280px;
	}
#footer div.info h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#333;
	margin:4px 0 10px 0;
	}
#footer div li{
	font:11px Arial, Helvetica, sans-serif;
	line-height:20px;
	display:inline;
	font-style:italic;
	}
#footer div li a{
	color:#eee;
	padding:0 6px 0 2px;
	}	
#footer div li a.title{
	font-weight:bold;
	color:#fff;
	padding-left:0;
	}	
#footer div.info li{
	display:block;
	font-weight:bold;
	}
#footer div.info li a{
	color:#fff;
	font-style:normal;
	}