/* -------------------------------------------------------------- 
RGB Design Studio CSS Framework
Based on various bits of web frameworks. 960, Blue Print and Eric Meyers Reset.
http://www.rgbdesignstudio.com
Version: 1.0
Date: 09.03.08      

Eric Meyer's Reset
http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212
-------------------------------------------------------------- */
html {height:100%;} /*not sure if this is needed, added by rgb*/
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
td {vertical-align:top;}


/* Site General Font Treatment (check bottom margin section if you cange this)
-------------------------------------------------------------- */
/* For IE */
@font-face {
	font-family: 'Droid Serif';
	src: url('DroidSerif-Regular.eot');}

	
/* For Other Browsers */
@font-face {
	font-family: 'Droid Serif';
	src: local('Droid Serif Regular'),
	     local('DroidSerif-Regular'),
	     url('DroidSerif-Regular.ttf') format('truetype');}

@font-face {
	font-family: 'Droid Serif';
	src: local('Droid Serif Italic'),
	     local('DroidSerif-Italic'),
	     url('DroidSerif-Italic.ttf') format('truetype');
	font-style: italic;}

@font-face {
	font-family: 'Droid Serif';
	src: local('Droid Serif Bold'),
	     local('DroidSerif-Bold'),
	     url('DroidSerif-Bold.ttf') format('truetype');
	font-weight: bold;}

@font-face {
	font-family: 'Droid Serif';
	src: local('Droid Serif Bold Italic'),
	     local('DroidSerif-BoldItalic'),
	     url('DroidSerif-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;}
 
body { 
	font: 11px/1.35  Droid Serif, Times, serif;
	color: #333; 
	background: #fff;}

	
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #495613;font-family: "Arial"; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font-size: 1.6em;line-height:1.3em;}
h2 {font-size: 1.5em;line-height:1.3em;}
h3 {font-size: 1.4em;line-height:1.3em;}
h4 {font-size: 1.3em;line-height:1.3em;}
h5 {font-size: 1.1em;line-height:1.3em;}
h6 {font-size: 1em;line-height:1.3em;}


/* Text elements
-------------------------------------------------------------- */
a:focus, 
a:hover     {color: #000; }
blockquote  {margin: 1em 4em; color: #505734; font-style: italic; }
blockquote p {margin: .5em 0;}
strong,b      {font-weight: bold; }
em,dfn,i,address,cite {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }            
abbr, 
acronym     {border-bottom: 1px dotted #666; cursor:help;}
del         {color:#666; text-decoration:line-through; }
pre,code    {white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
li ul, 
li ol       {margin:0 1.5em; }
ul, ol      {margin: 0 1.5em }

/* Tables
-------------------------------------------------------------- */
th          { font-weight: bold; text-align:left;}
th,td       { padding: 0; margin:0; }
tfoot       { font-style: italic;}

/* HR
-------------------------------------------------------------- */
hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;}
	
/* Bottom Margins (set in pixels instead of em so all headings have the same bottome margin)
-------------------------------------------------------------- */
p,dl,hr,ol,ul,pre,table,address,fieldset {margin-bottom: 12px;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 2px;}

/* Margin and Style Overides
-------------------------------------------------------------- */

.top0 {margin-top: 0 !important;}
.top4 {margin-top: 4px !important;}
.top8 {margin-top: 8px !important;}
.top12 {margin-top: 12px !important;}
.top16 {margin-top: 16px !important;}
.top24 {margin-top: 24px !important;}
.top36 {margin-top: 36px !important;}

.bot0 {margin-bottom: 0px !important;}
.bot4 {margin-bottom: 4px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}

.imgLeft{float:left; margin:8px 8px 8px 0;}
.imgRight{float:right; margin:8px 0 8px 8px;}
.cAlign {text-align:center;}
.lAlign {text-align:left;}
.rAlign {text-align:right;}
.clear {clear:both;}

/* Site Link Behavior
-------------------------------------------------------------- */
A:link {color: #bb5867;  text-decoration:none;}
A:visited {color: #bb5867;  text-decoration:none;}
A:hover {color: #3F4895;  text-decoration:none;}
A:active {color: #bb5867;  text-decoration:none;}

/* TextButton Link Behavior
-------------------------------------------------------------- */
.textButton {
	display: inline-block;
	padding: 3px 6px;
	background-color:#fff;
	border: 1px solid #ddd;}
.textButton:link {color: #f18f05; font-weight:normal;text-decoration:none;}
.textButton:visited {color: #ea7125; font-weight:normal;text-decoration:none;}
.textButton:hover {color: #fff; font-weight:normal;text-decoration:none;background-color: #f18f05;border-color:#f18f05 ;}
.textButton:active {color: #ea7125; font-weight:normal;text-decoration:none;}



/* Site Structure */
body {
	height:100%;
	background: url('../i/background.gif') repeat #353f00;}
	
h1,h3,h5 {font-weight:bold;}

#splashBackground {
	min-height:100%;
	width:960px;
	margin: 0 auto;
	background:url(../../../../splashPage/stageBackground.png) repeat-y #788a00;
	position: relative;}
* html #splashBackground {height: 100%;}

.splashFont {font: 14px/1.45  Arial, sans-serif; color:#353f00;}

#splashHeaderLogo {
	position: absolute;
	top:26px;
	left:31px;
	width:304px;
	height:63px;}
#splashHeaderTagline {
	position: absolute;
	top:31px;
	left:384px;
	width:531px;
	height:44px;}
#splashButtons {
	position: absolute;
	top:111px;
	left:84px;
	width:251px;}
	#splashButtons img {margin:0 0 14px 0;}
#splashMovieFrame {
	position: absolute;
	top:111px;
	left:385px;
	padding:10px;
	z-index: 50;
	background-color: #c2db3c;
	width: 510px;
	height:384px;}
#splashTopMargin {width:960px;height: 371px;}
#splashTextArea {
	min-height: 400px;
	z-index: 100;
	padding:0 0 20px 0;
	background-color: #fff;
	width:960px;}
#splashTextArea img {margin-bottom: 20px;}
.splashTextColOne {
	float:left;
	position: relative;
	display: inline;
	margin:35px 0 0 85px;
	width:251px;}
.splashTextColTwo {
	float:left;
	position: relative;
	display: inline;
	margin:170px 0 0 50px;
	width:251px;}
.splashTextColThree {
	float:left;
	position: relative;
	display: inline;
	margin:170px 0 0 40px;
	width:241px;}
#splashFooter {
	position:relative;
	width:960px;
	height:50px;
	padding:10px 0 0 0;
	font-size: 12px;}
#splashFooter p{float:left;margin:6px 0 0 85px; color:#9aa84d;}
#splashFooter p a{color:#9aa84d; text-decoration: none;}
#splashFooterSocial {
	float:right;
	margin:0 45px 0 0;
	height:47px;
	z-index: 200;}

#stageBackground {
	width: 867px;
	/* Next four lines allow a sticky footer, margin number needs to match footer height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -315px;
	background-color: #fff;
	position: relative;}

* html #stageBackground {height: 100%;}

#header {
	position:relative;
	width:867px;
	height:240px;
	margin:0;
	z-index:10;
	background: url('../i/header.png') no-repeat -4px 0;}
	
	#siteTitle {
		float:left;
		display: inline;
		width:450px;
		margin:22px 0 0 20px;}
	#logos {
		float:left;
		display: inline;
		margin:49px 0 0 15px;}
		#logos img {
		margin: 0 0 0 20px;
		vertical-align: top;}
	#navMenu{
		float:left;
		display: inline;
		clear:left;
		margin:-10px 0 0 22px;
		width:555px;}
	#giveNowButton{
	position:absolute;
	bottom:15px;
	right:45px;
	margin:0 0 0 0;}
	#blogButton{
	position:absolute;
	bottom:25px;
	right:212px;
	margin:0 0 0 0;}

#colorBand {
	position: absolute;
	background: url('../i/colorBand.jpg') no-repeat;
	z-index: 5;
	margin:23px 0 0 0;
	top:250px;
	left:0;
	width:867px;
	height:320px;}


#mainContent {
	margin:0 0 0 25px;
	z-index: 10;
	width:550px;
	float:left;
	display:inline;
	position:relative;}
	#movieFrame{
		margin:0 0 15px 15px;
		background: url('../i/movieFrame.png') no-repeat;
		padding:17px 0 0 30px;
		width:458px;
		height:376px;
		z-index:20;}
#mainContentText {
	margin:0 0 0 25px;
	z-index: 10;
	width:510px;
	color:#505734;
	padding:8px 25px 0 15px;
	font-size: 13px;
	line-height:1.6em;
	float:left;
	display:inline;
	position:relative;}
.textBox {
	background-color:#eee;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	text-align: left;
	margin:0;}


#sideBar {
	width:292px;
	z-index: 10;
	float: left;
	display: inline;
	position: relative;}
	#getInvolvedBox{
		margin:-88px 0 20px 0;
		width:279px;
		z-index:20;
		color:#fff;}
		.giRepeat {
		width:279px;
		min-height: 100px;
		display: block;
		background: url('../i/emailNewRepeat.png') repeat-y;}
		#getInvolvedBox ul {
			padding:2px 0 0 35px;
			margin:0;}
		#getInvolvedBox ul li {
			list-style-type: none;
			background: url('../i/emailBullet.png') left 4px no-repeat;
			font-family: Arial;
			font-size: 13px;
			padding:0 0 5px 15px;
			margin:0;}			
		#getInvolvedBox ul li+li {margin:6px 0 0 0 ;}
				#getInvolvedBox p{
			padding:0 22px 0 32px;
			font-size: 14px;
			line-height: 1.5em;
			color:#f0f7ff;
			margin:0;}	
		.emailRepeat {
		width:279px;
		min-height: 100px;
		display: block;
		background: url('../i/emailRepeat.png') repeat-y;}	
			
	#spreadTheWordBox{
		position:relative;
		font-family: Arial;
		margin:0 0 20px 40px;
		width:228px;
		height:95px;
		z-index:20;}
			#spreadTheWordBox .sociable {
			position:absolute;
			width:200px;
			left:16px;
			top:40px;}
	#coolStuffBox{
		margin:0 0 0 25px;
		width:213px;
		z-index:20;}



#footerPush {
	height:315px;
	clear:both;}

#footer {
	background: url('../i/footer.jpg') #fff no-repeat;
	position: relative;
	margin:0 auto;
	z-index:10;
	width:867px;
	height:315px}
	#footer p {
		position: absolute;
		font-size: 11px;
		color:#82971a;
		width:100%;
		bottom:10px;
		line-height: 2em;
		text-align: center;}

/* Content Styles */
.footNote {font-size:11px;color:#aaa;}
.bottomLine {border-bottom: 1px solid #ccc;padding-bottom: 2px;}
.titleColumn {text-align:center;padding:0 0 0 10px;}
.titleColumn h5 {font-size:13px;font-weight:bold;background-color:#e5fbc5;padding:3px 5px 6px 5px;}
.sideBarImage {margin:15px 0 15px 0; border:1px solid #758d06;}
.pullOutBox {
	background-color:#eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	padding:10px;
	line-height: 1.5em;
	font-size: 11px;
	width:150px;
	text-align: left;
	margin:30px 0 20px 20px;}
.pullOutBox li {margin-top: 10px;}	

/* Link Styles */
a:link    {color: #758d06; text-decoration:underline;}
a:visited {color: #758d06; text-decoration:underline;}
a:hover   {color: #b8d434; text-decoration:underline;}
a:active  {color: #758d06; text-decoration:underline;}

#getInvolvedBox a:link    {color: #fff; text-decoration:underline;font-weight:bold;}
#getInvolvedBox a:visited {color: #fff; text-decoration:underline;font-weight:bold;}
#getInvolvedBox a:hover   {color: #6665ad; text-decoration:underline;font-weight:bold;}
#getInvolvedBox a:active  {color: #fff; text-decoration:underline;font-weight:bold;}

#footer a:link { color: #6d7f13; font-weight:bold;}
#footer a:visited {color: #6d7f13; font-weight:bold;}
#footer	a:hover {color: #fff; font-weight:bold;}
#footer a:active {color: #6d7f13; font-weight:bold;}

.footNote a:link { color: #aaa; font-weight:bold;}
.footNote a:visited {color: #aaa; font-weight:bold;}
.footNote a:hover {color: #758d06; font-weight:bold;}
.footNote a:active {color: #aaa; font-weight:bold;}

textarea#comment {width:470px;}
.nocomments {display:none;}
.alignleft {float: left; padding-right:12px;}
.alignright {float: right;padding-left:12px;}
.postmetadata {font-size: 10px;color:#8bac3b;margin:-1px 0 2px 0;}