/* ----------------------------------------------------------
	Key Biscayne Community Foundation CSS
	Last Update: October 2008

	TABLE OF CONTENT

	01 - GLOBAL BROWSER RESET
	02 - COMMON STYLE
	03 - STRUCTURE
	04 - HOMEPAGE ELEMENTS
	05 - SUBPAGE ELEMENTS
	06 - UTILITY
---------------------------------------------------------- */

/* @group 01 - GLOBAL BROWSER RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }

ol,ul { 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; }

iframe { border: 0;}
/* @end */


/* @group 02 - COMMON STYLE */

body {
	font: 62.5% Verdana, Helvetica, sans-serif;
	color: #555555;
	background: #eae7e7;
}

.homepage p { font: 1.1em/1.5em Verdana, Helvetica, sans-serif; margin: 1.5em 0; }
.interior p { font: 1.2em/1.5em Verdana, Helvetica, sans-serif; margin: 1.5em 0; }

a { color: #2d6234; }

.interior h1 { font: 3em Georgia, "Times New Roman", serif; color: #96c36a; margin-bottom: 25px; }
.interior h2 { font: 2em Georgia, "Times New Roman", serif; margin: 20px 0 15px;}
.interior h3 { font: 1.5em Georgia, "Times New Roman", serif; margin: 15px 0 10px; }

.interior ul { margin: 10px 30px;}
.interior li { list-style-type: disc; margin: 5px 0; font-size: 1.2em;}

/* @end */

/* @group 03 - STRUCTURE */

#container {
	width: 975px;
	margin: 0 auto;
	background: url(/images/site/bg-wrapper-middle.jpg) repeat-y;
}

#wrapper-top {
	width: auto;
	height: 33px;
	background: url(/images/site/bg-wrapper-top.jpg) repeat-y 0 25%;

}
#wrapper { 
	width: 900px; 
	margin: 0 auto; 
	background: #fff; 
	border: 10px solid #fff;
	border-top: none;
}

#header { height: 256px; background: #96c36a url(/images/site/img-header.jpg) no-repeat 100% 0;}
#header .masthead {
	background: url(/images/site/title-masthead.png) no-repeat 0 100%;
	width: 270px; height: 72px;
	display: block;
	margin-left: 15px;
	padding-top: 15px;
}
#header .masthead span { display: none; }
#header #nav {
	width: 178px;
	margin-left: 15px;
	padding-top: 10px;
	background: url(/images/site/img-nav.png) no-repeat;
}
#nav li { height: 26px; }
#nav li a {
	display: block;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

/* Son of Suckerfish dropdowns: http://htmldog.com/articles/suckerfish/dropdowns/ */

#nav, #nav ul { padding: 0; list-style: none; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-left: 175px; margin-top: -22px;}
#nav li ul li, #nav li ul li a { height: auto; clear: both; }
#nav li ul { position: absolute; width: 17em; left: -9999px;}
#nav li ul li a {
	height: auto;	
	text-indent: 0;	
	font-size: 1em;	
	line-height: 1em;	
	border: 1px solid #96c36a;	
	border-top: 0px;	
	z-index: 1100;	
	color: #fff;	
	text-decoration: none;
	padding: .75em 1em;
	background: #2d6234;
}
#nav li ul 
#nav li ul li a:hover, #nav li.sfhover a:hover { color: #96c36a;}


#footer { 
	width: 975px; 
	text-align: center;
	background: url(/images/site/bg-wrapper-bottom.jpg) no-repeat 0 -30px;
	padding-top: 25px;
	margin: 0 auto 5px;
}
#footer a {	font-weight: bold; text-decoration: none; }

/* @end */

/* @group 04 - HOMEPAGE ELEMENTS */

.homepage #toprow, .homepage #bottomrow { margin-top: 20px; }

.homepage #toprow #mission {
	float: left; display: inline;
	width: 275px;
	margin: 0 10px 0 15px;
}
.homepage #toprow #mission h2 {
	background: url(/images/site/title-mission.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	border-bottom: 1px solid #a7a7a7;
	margin-bottom: 5px;
	width: 275px;
}
.homepage #toprow #feature img {
	float: left;
	display: inline;
}
.homepage #bottomrow #latestnews {
	float: left; display: inline;
	width: 585px;
	margin: 0 15px;
}
.homepage #bottomrow #latestnews h2 {
	background: url(/images/site/title-latestnews.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	border-bottom: 1px solid #a7a7a7;
	width: 275px;
}
.homepage #bottomrow #latestnews .entry { width: 290px; float: left; margin-top: 15px;
	margin-right: 10px;
}
.homepage #bottomrow #latestnews .entry h4 { 
	font-size: 1.2em; 
	font-weight: bold;
	color: #2d6d23;
}
.homepage #bottomrow #latestnews .entry h4 span { font-weight: normal; font-style: italic; color: #a7a7a7; }
.homepage #bottomrow #latestnews .entry h4 a { text-decoration: none;}
.homepage #bottomrow #latestnews .entry p { margin: .75em 0; }

.homepage #bottomrow #latestnews .more {
	float: left;
	width: 275px;
	margin-top: 15px;
}
.homepage #bottomrow #latestnews .more li {
	font-size: 1.1em;  font-weight: bold;
	color: #2d6d23;
	margin-bottom: 1.5em;
}
.homepage #bottomrow #latestnews .more li span { font-weight: normal; font-style: italic; color: #a7a7a7; }
.homepage #bottomrow #latestnews .more li a { text-decoration: none; }
.homepage #bottomrow #latestnews .more h4 {
	font-weight: bold; font-size: 1.1em; float: right;
}

.homepage #quicksignup {
	width: 263px; 
	float: left;
	border: 1px solid #a7a7a7;
	text-align: center;
	padding: 10px;
	margin-top: 45px;
}
.homepage #quicksignup h2 {
	background: url(/images/site/title-quicksignup-home.png) no-repeat;
	width: 259px;
	height: 25px;
	margin: 0 auto 15px;
	text-indent: -9999px;
}
.homepage #quicksignup input {
	margin-bottom: 15px;
}
.homepage #quicksignup input.text {
	width: 150px; height: 18px;
	padding: 3px;
	color: #666;
}
/* @end */

/* @group 05 - SUBPAGE ELEMENTS */

.interior {	margin-top: 15px; }
.interior #main, .interior #sidebar { float: left; display: inline;}
.interior #main { width: 630px; padding: 0 15px 15px 15px; border-right: 1px solid #a7a7a7;}
.interior #sidebar { width: 224px; padding-left: 15px;}

.interior #sidebar img, .interior #sidebar #quicksignup { float: left; margin: 10px 0;}
.interior #sidebar #quicksignup {
	background: url(/images/site/bg-quicksignup-interior.png) no-repeat;
	width: 219px; height: 150px;
	text-align: center;
	padding-top: 60px;
}
.interior #sidebar #quicksignup input { margin-bottom: 12px; }
.interior #sidebar #quicksignup input.text { padding: 3px; color: #666; }

.interior h1.newstitle { margin-bottom: 10px; }
.interior .entry.top { border-top: 1px solid #a7a7a7; }
.interior .entry h2.news-title { margin-bottom: 2px; }
.interior .entry h2.news-title a { text-decoration: none; }

/* Form Styles */

label { display: inline-block; width: 150px; vertical-align: top;}
.interior #main input.text, .interior #main textarea { padding: 3px; color: #666; width: 300px; border: 1px solid #a7a7a7; }
.interior #main p.submit { text-align: center;}

/* @end */

/* @group 06 - UTILITY */

.floatl { float: left;}
.floatr { float: right;}

strong { font-weight: bold;}
em { font-style: italic;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

.clearfix {display:block;}


/* @end */