@charset "UTF-8";
/* CSS Document */

/*
 ***  Eric Meyer Reset CSS
 ***  Many thanks to Eric and everyone else who contributed to this reset file
 ***  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*
/* -------------------------------------- */
/* ========== BEGIN SECTION ============= */
/* -------------------------------------- */


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: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	height: 100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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 SECTION =============== */
/* -------------------------------------- */

#siteBox {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#headerContent {
	background: url(../images/headerbg.jpg) top left no-repeat #ffffff;
	position:relative;
	height:70px;
	width:960px;
}
	#headerContent .counter {
		float:right;
		color:#a4a5a7;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:26px;
		padding:20px 20px 0 0;
		text-align:right;
	}
	#headerContent h3 {
		float:left;
		padding:0;
		margin:0;
		font-size:24px;
		color:#3c5c73;
		font-weight:bold;
        padding-right:10px;
	}
	
	#headerContent h4 {
        float:left;
		padding:0;
		margin:0;
	}

#flashContent {
	position:relative;
	height:450px;
	width:960px;
}

#utilityBar {
	position:relative;
	height:134px;
	width:960px;
	padding:5px 11px;
	overflow:hidden;
}
	#ubLeft {
		float:left;
		width:272px;
		height:102px;
		background:#f2f2f2;
		padding:15px 18px;
		position:relative;
	}
		#ubLeft .ubarbtn {
			background: url(../images/ubar_btns.jpg)  0px 0px no-repeat #f2f2f2;
		}
		#ubLeft #tweet {
			color:#a4a5a7;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			padding:5px 0 0 0;
		}
	
	#ubCenter {
		float:left;
		width:272px;
		height:102px;
		background:#f2f2f2;
		margin-left:7px;
		padding:15px 18px;
		position:relative;
	}
		#ubCenter p span{
			clear:both;
			display:block;
		}
		#ubCenter .ubarbtn {
			background: url(../images/ubar_btns.jpg) 0px -38px  no-repeat #f2f2f2;
		}
		#ubCenter #newsfeed {
			color:#a4a5a7;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			padding:5px 0 0 0;
		}
	
	#ubRight {
		float:left;
		width:272px;
		height:102px;
		background:#f2f2f2;
		margin-left:7px;
		padding:15px 18px;
		position:relative;
	}
		#ubRight .ubarbtn {
			background: url(../images/ubar_btns.jpg)  0px -76px no-repeat #f2f2f2;
		}
		#ubRight div.text {
			color:#a4a5a7;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			padding:5px 0 0 0;
			margin:0;
		}
		#ubRight div.text a{
			color:#3c5c73;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
			display:none;
			margin:0;
		}
	#utilityBar h2 {
		color:#3c5c73;
		font-weight:bold;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#utilityBar p {
		color:#a4a5a7;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		margin:10px 0;
	}
	#utilityBar #ubLeft span.me {
		color:#3c5c73;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#utilityBar .ubarbtn {
		width:92px;
		height:19px;
		position:absolute;
		display:block;
		bottom:0px; 
		right:0px;
		cursor:pointer;
	}
		#utilityBar .ubarbtn a{
			width:92px;
			height:19px;
			position:relative;
			display:block;
		}

#footer {
	position:relative;
	color:#a4a5a7;
	font-size:10px;
	width:960px;
	border-top:1px solid #f2f2f2;
	padding:10px 0;
}
	#footer ul {
		margin-left:2px;
		width:955px;
		
	}
	#footer ul li {
		float:left;
		height:26px;
		border-right:1px solid #eb9c37;
		padding:0px 10px;
		line-height:26px;
	}
	#footer ul li span {
		border:none;
		text-decoration:none;
		
		cursor:pointer;
	}
	#footer ul li span.ahflogo {
		margin-right:5px;
	}
	#footer ul li a:hover {
		text-decoration:underline;
		color:#3D5A73;
	}
	#footer .copyrights {
		padding:0px 10px;
		text-align:right;
		line-height:26px;
	}
	#footer .logos {
		float:right;
		padding:0px 10px;
		border-right:none;
		line-height:1em;
	}
	#footer ul li div {
		padding-top:5px;
		line-height:15px;
	}
		#footer ul li div a {
			border:none;
			text-decoration:none;
			color:#a4a5a7;
			font-size:10px;
		}
		#footer ul li div a:hover {
			text-decoration:underline;
			color:#3D5A73;
		}
#rssGo {
	display:none;
}

.photocredit {
	padding:10px 0 0 10px;
	margin-top:10px;
	border-top:1px solid #f2f2f2;
	text-align:center;
}
.photocredit a {
	border:none;
	text-decoration:none;
	color:#a4a5a7;
	font-size:10px;
}
.photocredit  a:hover {
	text-decoration:underline;
	color:#3D5A73;
}

.emotalogo img{
    position:relative;
    float:right;
    border-left:1px solid #eb9c37;
    margin-left:15px;
}