@import url("interior.css");
@import url("/assets/styles/forms.css");
/*	
	-------------------------------------------------------------
	New Beginnings Community Center 2009
	Design & Web Development
	2009 Style Sheet (Master)
	
	Version: 		1.0
	Author: 		Justin Agoglia
	Website: 		www.skylardesign.com
	-------------------------------------------------------------	
*/

/* =Universal Styles 
  ----------------------------------- */
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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 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;}
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: "" "";}

/* =Universal Styles 
----------------------------------- */
/* =HTML */
html {background: #E7EBDA url(../img/htmlBkg.jpg) repeat-x;}

/* =body */
body {font: 88%/1.5 Arial, Helvetica, sans-serif; color: #4D4D4D;} 

/* =a */
a {color: #0F6FFF;}
a:hover {
	color: #66A4FF;
	text-decoration: underline;
}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

#wrapper, #masthead, #content {width: 970px; margin: 0 auto;}

.attention {color:#F00;}

/* =Global Nav System */
#masthead {position: relative; margin-bottom: 25px;}
#masthead ul#mainNav {float: right;	 margin: 0;}
#masthead ul#mainNav li {float: left; margin: 0 23px 0 0; padding-right: 23px; background: url(../img/pipe.gif) no-repeat right center;}
#masthead ul#mainNav li#contactLink {background: none;}
#masthead ul#mainNav li a {font: 1em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding: 12px 0; display: block; color: #3B2009; text-decoration: none; }
#masthead ul#mainNav li a:hover {color: #814514; text-decoration: none;	background: url(../img/marker.gif) repeat-x;} 

/* =Logo */
#masthead #logo {clear: both;}
#masthead #logo h1 {width: 245px; background: url(../img/logo.jpg) no-repeat; text-indent: -9999px;}
#masthead #logo h1 a {display: block; height: 245px; background: url(../img/logo.jpg) no-repeat;}

#masthead #summary, #masthead #learnMoreButt, #masthead #styleImg {position: absolute; top: 100px; right: 50px; width: 635px; font: 1.35em/1.4em Georgia, "Times New Roman", Times, serif; color: #FFF;}
#masthead #learnMoreButt {top: 220px; right: 70px; width: 135px; height: 26px; background: url(../img/butt-LearnMore.jpg) no-repeat;}
#masthead #learnMoreButt a {display: block; color: #FFF; text-transform: uppercase;	font-size: .8em;
	text-align: center; text-decoration: none;}
#masthead #learnMoreButt a:hover {color: #CCC; text-decoration: none;}

/* =Content */
#content, #content-main, #content-sub {float: left;}
#content {margin-bottom: 1.7em}
#content-main {width: 685px; float: right; padding-left: 30px;}
#content-sub {width: 250px; padding-left: 5px;}

#content-main ul#coreValues li {float: left; width: 190px; margin-right: 35px; height: 220px;}
#content-main ul#coreValues li a {margin-top: 190px; display: block; text-align: center; vertical-align: bottom; font: 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; padding: 5px 0; text-decoration: none;}
#content-main ul#coreValues li a:hover {background: #C2DB62; color: #3B2009; text-decoration: none;}
#content-main ul#coreValues li#imgHope {background: #726B5B url(../img/imgHope.jpg) no-repeat;}
#content-main ul#coreValues li#imgHealing {background: #726B5B url(../img/imgHealing.jpg) no-repeat;}
#content-main ul#coreValues li#imgUnderstanding {background: #726B5B url(../img/imgUnderstanding2.jpg) no-repeat;}
#content-main img {float:left; margin: 5px 7px 0 0;}

/* =Content-Founder */
#content-main div#founder {float: left; width: 645px; margin-top: 15px;} 
#content-main div#founder p {font-size: .85em; margin-bottom: 1em;}
#content-main div#founder img {float: left; margin: 5px 9px 0 0;}

/* =Content-News */
#content-main div#news {float: left; width: 645px; margin-top: 17px;}
#content-main h2 {color: #383838; font-size: 1.9em; margin-bottom: 7px;}
#content-main div#news li {margin-bottom: 22px;}
body#home #content-main h3, #content-main h3 a{font: bold 1.10em Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-decoration: none;}
body#home #content-main h3 {color: #0F6FFF;}
body#home #content-main h4 {font-size: 1.4em; color: #333;}
body#home #content-main ul#associations ul {margin-left: 55px;}
body#home #content-main ul#associations li {background: url(/assets/img/bullet.gif) no-repeat 0px 10px; padding-left: 15px; font-size: .9em;}

#content-main div#news h3, #content-main div#news h3 a, #content-main div#news p.date {line-height: normal; margin: 0; padding: 0;}
#content-main div#news p.date {font: 0.8em Georgia, "Times New Roman", Times, serif; margin: -2px 0 7px 0;}
#content-main div#news p {font-size: .85em; line-height: 1.5;}

/* =Content-Sub */
#content-sub {font-family: "Century Gothic", Arial, Verdana, Sans-serif; color: #5B5848;}
#content-sub a {text-decoration: none;}
#content-sub ul li {margin-bottom: .7em;}
#content-sub ul li h4 {background: #9BB70D; width: 230px; height: 28px;	padding-top: 4px; margin-bottom: .6em;letter-spacing: .01em; color: #FFF; text-indent: 0.7em; font: 1.1em "Century Gothic", Arial, Verdana, Sans-serif;}
#content-sub ul li p {font-size: .85em; padding: 0 2em 0 .7em; margin-bottom: .7em;}
#content-sub ul li img {float: left; margin: 4px 4px 0 0;}
#content-sub li div.vcard {margin-bottom: 6px;}
#content-sub li div.vcard p {margin: 0;	line-height: 1.5;}


#content-sub div#sMedia li img#iconFacebook, #content-sub div#sMedia li img#iconTwitter, #content-sub div#sMedia li img#iconFlickr, #content-sub div#sMedia li img#iconNewsletter {float: left; margin: 5px 7px 0 8px;}

#content-sub div#sMedia a[class="facebookAnch"], #content-sub div#sMedia a[class="twitterAnch"], #content-sub div#sMedia a[class="flickrAnch"], #content-sub div#sMedia a[class="newsAnch"] {display: block; padding-top: 5px;}

/* =Footer */
#site-info {clear: both; background: #BFD853; height: 100px; 	border-top: 2px solid #726B5B;}
#site-infoContent {width: 970px; margin: 0 auto; padding: 20px 0 0 .5em; font-size: .75em;}
#site-infoContent p {line-height: normal; letter-spacing: .03em;}
#site-infoContent p#site-author {margin-top: 7px;}

/* =Uberlinks
---------------------------------- */

#home #homeLink a, #about #aboutLink a, #services #servicesLink a, #news #newsLink a, #testimonials #testimonialsLink a, #media #mediaLink a, #involved #getInvolvedLink a, #contact #contactLink a {
	color: #814514; background: url(../img/marker.gif) repeat-x; cursor: default;}