/*

=============================================================================================

Wilmington HOPE Commission
General Site Layout

Created by Inspire Media, LLC staff
http://www.inspiremediallc.com
Copyright (c) 2008

=============================================================================================

*/

body {background-color:#fff; font:12px Arial, Helvetica, sans-serif; color:#000; margin:0;}

#shadow {background:url(../images/layout/shadow.gif) top left repeat-y; width:932px; height:100%; margin:0 auto;}
#container {background-color:#fff; margin:0 auto; width:900px;}

a {outline-style:none;} /* Removes dotted lines around links when active */
	a:link, a:visited, a:active, a:focus {color:#272B6B; text-decoration:none; font-size:12px;}
	a:hover {color:#4B80C4;}

/* general selectors */
img {border:none;}
input, textarea {background:#fff; border:1px solid #0A467A;}
p {line-height:14px;}
ul {list-style: none;}

h3 {color:#272B6B; font-size:18px; font-weight:bold; padding:0; margin:0 0 10px 0;}
h4 {padding:0; margin:0;}

/* jump navigation / scrren reader text */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

.blocker {position:absolute; top:-999px; overflow:hidden;}

#branding {text-indent:-9999px; overflow:hidden; margin:0; padding:0; float:left;}

.button {cursor:pointer;}

.odd-row {background-color:transparent;}
.even-row {background-color:#efefef;}

.more-events-link {text-align:right; font-style:italic;}
#info-bar {width:100%; padding:0 0 5px 0;}

#header {height:271px; width:900px; padding-bottom:5px;}

#mainNav {margin:0 0 0 15px; padding:0; float:left; width:210px; font-size:14px; font-weight:bold;}
#mainNav li {padding-bottom:10px;}
#mainNav li a {background:url(../images/layout/dot.jpg) top left no-repeat; width:auto; height:auto; padding:0 0 0 20px;}
	#mainNav #bookmarks a {background:none; padding:0;}
.sub-nav {display:none; margin:5px 0 0 15px;}

#content {background-color:#fff; width:900px; padding:0; margin:0 auto 5px auto; position:relative; min-height:200px;}
#sub-content {float:left; width:670px;}

#welcome-message {float:left; width:399px; height:25px; background:url(../images/layout/welcome.jpg) top left no-repeat; margin-right:10px;}
	#welcome-message p {background:url(../images/layout/outline.jpg) top right repeat-y; padding:10px 21px 0 20px; margin:17px 0 0 0;}
	#end-welcome-message {background:url(../images/layout/welcome_btm.jpg) top left no-repeat; width:399px; height:25px; margin-right:-15px;}
#latest-news {float:left; width:250px; background:url(../images/layout/bar.jpg) top left no-repeat;}
	#more-news a {float:right; color:#272B6B; font-size:11px; margin:10px 5px 0 0; font-style:italic;}
	#more-news a:hover {text-decoration:underline;}
	#latest-news h3 {margin:5px 0 20px 15px; font-size:16px;}
#latest-events {float:left; width:250px; background:url(../images/layout/bar.jpg) top left no-repeat;}
	#more-events a {float:right; color:#272B6B; font-size:11px; margin:10px 5px 0 0; font-style:italic;}
	#more-events a:hover {text-decoration:underline;}
	#latest-events h3 {margin:5px 0 10px 15px; font-size:16px;}
	#latest-events ul {margin:0 0 0 20px; padding:0;}
#featured-video {float:left; width:399px; height:297px; margin-top:100px; padding-right:10px; background:url(../images/layout/lg_bar.jpg) top left no-repeat;}
	#featured-video h3 {margin:5px 0 10px 15px; font-size:16px;}
#quick-links {float:left; width:250px; background:url(../images/layout/bar.jpg) top left no-repeat; margin-top:100px;}
	#quick-links h3 {margin:5px 0 10px 15px; font-size:16px;}
	#quick-links ul {margin:0 0 0 20px; padding:0; list-style:disc;}

#footer {background:url(../images/layout/footer.jpg) top left no-repeat; width:900px; height:111px;}
	#footer ul {font:11px Arial, Helvetica, sans-serif; margin:0; padding:70px 0 0 20px;}
		#footer ul li {list-style:none; float:left; padding:0 2px; border-right:1px solid #272B6B;}
		#footer ul li.first {padding:0 2px 0 0;}
		#footer ul li.last {border:none;}
		#footer ul li a {color:#272B6B; text-decoration:underline; font-size:11px;}
		#footer ul li a:hover {text-decoration:none;}
	#footer h4 {margin:0; position:absolute; top:1px; right:11px; text-indent:-9999px; overflow:hidden;}
		#footer h3 a {display:block;}
	#address {float:right; font:10px Arial, Helvetica, sans-serif; margin:0; line-height:16px; padding:30px 35px 0 0; color:#fff;}
		#address span {display:block; color:#fff;}
		#address a {color:#fff;}
		#address a:hover {text-decoration:underline;}
	#copyright {display:block; float:left; font-size:10px; padding:0 0 0 22px; margin:0; width:900px;}
		#copyright a {color:#272B6B; font-size:10px;}
		#copyright a:hover {text-decoration:underline;}

/* HACKS */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */