/* ----------------------------------------------------------
	Key Biscayne Community Foundation CSS
	Last Update: January 2010

	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; }

/* @end */


/* @group 02 - COMMON STYLE */

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

.homepage p { font: 11.5px/1.5em Helvetica, Arial, sans-serif; margin: 1.5em 0; }
.interior p { font: 12.5px/1.5em Helvetica, Arial, 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: 12.5px; line-height: 1.5em;}

/* @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: 260px; margin-left: 15px; padding-top: 10px; }
#nav li { text-transform: lowercase; font-size: 21px; line-height: 24px;}
#nav li a { color: #fff; text-decoration: none;}
#nav li a:hover { color: #2d6234; }

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

#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-left: 200px; margin-top: -22px;}
#nav li ul li, #nav li ul li a { height: auto; clear: both; }
#nav li ul { position: absolute; width: 175px; left: -9999px;}
#nav li ul li { background: #2d6234; border: 1px solid #43924d; font-size: 16px; padding: 5px 10px; }
#nav li ul li a { text-indent: 0; z-index: 1100; color: #fff; text-decoration: none; }
#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 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 { float: left; display: inline; margin: 0 20px; border: 5px solid #dad7d7; width: 544px; height: 256px; overflow: hidden;}

.homepage #bottomrow #latestnews { width: 100%;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: 15px 10px 0 0px; padding-right: 5px; border-right: 1px solid #dcdcdc;; }
.homepage #bottomrow #latestnews .entry h4 { font-size: 12px; line-height: 16px; 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: 11px;  font-weight: bold; color: #2d6d23; margin-bottom: 10px; }
.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;
}

/* @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 { border-bottom: 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 07 - UTILITY */

.line { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; }
.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }

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

.cufon-loading .verlag { visibility: hidden !important; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

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


/* @end */