/* 0.0 CSS LEGEND
--------------------------------------------------

Global Styles
Created:		04.09.09
Author:		Jeremy Fields
				Ten 1 Seven Studio
				http://www.ten1seven.com

1.0 HTML
2.0 SITE-WRAPPER
3.0 SITE-BRANDING
4.0 SITE-NAVIGATION
5.0 SITE-CONTENT
	5.1 CONTENT-MAIN
	5.2 CONTENT-SUB
6.0 SITE INFO

--------------------------------------------------
*/


/* @group 1.0 HTML
--------------------------------------------------*/
body { margin: 0; padding: 0; text-align: center; }
a { color: #28b;}
a:hover { color: #e07b29; }
/* @end */


/* @group 2.0 SITE-WRAPPER
--------------------------------------------------*/
div#site-wrapper { margin: 0 auto; position: relative; text-align: left; width: 960px; }
/* @end */


/* @group 3.0 SITE-BRANDING
--------------------------------------------------*/
div#site-branding { height: 85px; overflow: hidden; }
div#site-branding h1 { background: transparent url(../images/site-branding-h1.gif) no-repeat; height: 60px; margin: 19px 0 0 0; overflow: hidden; padding: 0; width: 558px; }
div#site-branding h1 a { display: block; height: 60px; text-indent: -9999px; width: 230px; }
div#site-branding p#navigation-sub { color: #ccc; font-size: 12px; position: absolute; right: 0; top: 16px; }
div#site-branding p#navigation-sub a { color: #777; padding: 0 5px; text-decoration: none; }
div#site-branding p#navigation-sub a:hover { color: #df7624; text-decoration: underline; }
/* @end */


/* @group 4.0 SITE-NAVIGATION
--------------------------------------------------*/
div#site-navigation {}
/* @end */


/* @group 5.0 SITE-CONTENT
--------------------------------------------------*/
div#site-content { overflow: hidden; width: 960px; }
div#site-content p#facebook { background: transparent url(../images/a-facebook.gif) no-repeat; float: left; height: 64px; margin: 10px 0 0 0; position: relative; width: 230px; }
div#site-content p#facebook a { display: block; height: 24px; left: 20px; position: absolute; text-indent: -9999px; top: 20px; width: 190px; }

div#site-content div#waterbottles {
	background: transparent url(../images/waterbottles-bkg.png) repeat-y left top;
	float: left;
	margin: 10px 0 0 0;
	overflow: hidden;
	width: 230px;
}
div#site-content div#waterbottles p {
	background: transparent url(../images/waterbottles-btm.png) no-repeat center bottom;
	border: none;
	color: #333;
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
	padding: 12px 25px 25px 25px;
	width: 180px;
}


/* @group 5.1 -CONTENT-MAIN
--------------------------------------------------*/
div#content-main { float: right; font-family: "Times New Roman", Times, serif; overflow: hidden; position: relative; width: 719px; }

p.zoom-caption,
div#zoom_content p {
	color: #666;
	font-size: 12px;
	margin: 0;
	text-align: left;
}
/* @end */


/* @group 5.2 CONTENT-SUB
--------------------------------------------------*/
div#content-sub { background: #8f857f url(../images/content-sub-home.gif) no-repeat bottom left; float: left; overflow: hidden; width: 230px; }
div#content-sub h3 { line-height: 1; margin: 0 0 15px 0; padding: 0; }
div#content-sub div#content-sub-events { color: #fff; padding-top: 15px; }
div#content-sub div#content-sub-events h3 { background: transparent url(../images/h3-important-dates.gif) no-repeat center top; height: 24px; text-indent: -9999px; width: 200px; }
div#content-sub div#content-sub-events p { font-size: 85%; line-height: 1.3; margin: 0 0 20px 0; padding-left: 10px; }
div#content-sub div#content-sub-events p strong { font-size: 116%; }
/* @end */
	
	
/* @end */


/* @group 6.0 SITE-INFO
--------------------------------------------------*/
div#site-info { overflow: hidden; padding: 12px 0 12px 241px; text-align: left; width: 719px; }
div#site-info p { color: #999; font-size: 11px; }
div#site-info a { color: #999; text-decoration: none; }
div#site-info a:hover { color: #df7624; text-decoration: underline; }
/* @end */