/* --------------------------------------------------------------
RGB Design Studio CSS Frame

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
-------------------------------------------------------------- */
@font-face {
	font-family: 'FGbook';
	src: url('FranklinGothic-Book-webfont.eot');
	src: local('☺'), url('FranklinGothic-Book-webfont.woff') format('woff'), url('FranklinGothic-Book-webfont.ttf') format('truetype'), url('FranklinGothic-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FGdemi';
	src: url('FranklinGothic-Demi-webfont.eot');
	src: local('☺'), url('FranklinGothic-Demi-webfont.woff') format('woff'), url('FranklinGothic-Demi-webfont.ttf') format('truetype'), url('FranklinGothic-Demi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FGdemiCond';
	src: url('FranklinGothic-DemiCd-webfont.eot');
	src: local('☺'), url('FranklinGothic-DemiCd-webfont.woff') format('woff'), url('FranklinGothic-DemiCd-webfont.ttf') format('truetype'), url('FranklinGothic-DemiCd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'FGmed';
	src: url('FranklinGothic-Med-webfont.eot');
	src: local('☺'), url('FranklinGothic-Med-webfont.woff') format('woff'), url('FranklinGothic-Med-webfont.ttf') format('truetype'), url('FranklinGothic-Med-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FGmedCond';
	src: url('FranklinGothic-MedCd-webfont.eot');
	src: local('☺'), url('FranklinGothic-MedCd-webfont.woff') format('woff'), url('FranklinGothic-MedCd-webfont.ttf') format('truetype'), url('FranklinGothic-MedCd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font: 15px/1.4  FGbook, Arial, sans-serif;
	color: #353f00;
	text-rendering:optimizeLegibility;}
input {	font: 11px/1.4  Arial, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #586801;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font: 2em/1em FGmed, Arial, sans-serif;}
h2 {font: 1.6em/1em FGmed, Arial, sans-serif;}
h3 {font: 1.3em/1.1em FGmed, Arial, sans-serif; text-transform: uppercase;}
h4 {font: 1.4em/1em FGmed, Arial, sans-serif;}
h5 {font: 1.3em/1em FGmed, Arial, sans-serif;}
h6 {font: 1.2em/1em FGmed, Arial, sans-serif;}


/* Text elements
-------------------------------------------------------------- */
a:focus,
a:hover     {color: #000; }
blockquote  {
	margin: .5em 0;
	padding: .2em 2em;
	font-style: italic;
	color:#777;}
blockquote p {margin: .75em 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: disc; }
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: #dfe9ef;
	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: 1em;}
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;}
.top48 {margin-top: 48px !important;}

.bot0 {margin-bottom: 0 !important;}
.bot4 {margin-bottom: 4px !important;}
.bot6 {margin-bottom: 6px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}
.bot32 {margin-bottom: 32px !important;}
.bot48 {margin-bottom: 48px !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;}
.alignleft {float: left; margin:5px 15px 3px 0;}
.alignright {float: right; margin:5px 0 3px 15px;}
.bottomLine {border-bottom: 1px solid #eee;margin-bottom:.3em;}


/* Site Structure
-------------------------------------------------------------- */
body {
	height:100%;
	background: url('../i/background.gif') repeat #353f00;}

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


#headerLogo {
	position: absolute;
	top:26px;
	left:31px;
	width:304px;
	height:63px;}
#headerTagline {
	position: absolute;
	top:31px;
	left:384px;
	width:531px;
	height:44px;}
#navButtons {
	position: absolute;
	text-align: right;
	top:111px;
	left:84px;
	width:251px;}
	#navButtons img {margin:0 0 17px 0;}
#splashMovieFrame {
	position: absolute;
	top:111px;
	left:385px;
	padding:10px;
	z-index: 50;
	background-color: #c2db3c;
	width: 510px;
	height:384px;}
#mainTopMarginPush {width:960px;height: 371px;}
#mainTextArea {
	min-height: 400px;
	z-index: 100;
	padding:0 0 20px 0;
	background-color: #fff;
	width:960px;}
#mainTextArea img {margin-bottom: 20px;}
.textColOne {
	float:left;
	position: relative;
	display: inline;
	margin:35px 0 0 85px;
	width:251px;}
.textColTwo {
	float:left;
	position: relative;
	display: inline;
	margin:170px 0 0 50px;
	width:251px;}
.textColThree {
	float:left;
	position: relative;
	display: inline;
	margin:170px 0 0 40px;
	width:241px;}
.textColTwoThreeCombined {
	float:left;
	position: relative;
	display: inline;
	margin:170px 0 0 50px;
	width:540px;}
	.textColTwoThreeCombined ul {list-style-type: none;}
	.textColTwoThreeCombined ul li {
	font: .9em/1em FGmed, Arial, sans-serif;
	margin:9px 0 0 0 ;}
	.donateCoralButton{cursor:pointer;margin-left:20px;}
#footer {
	position:relative;
	width:960px;
	height:50px;
	padding:10px 0 0 0;
	font-size: 12px;}
#footer p{float:left;margin:6px 0 0 85px; color:#9aa84d;}
#footer p a{color:#9aa84d; text-decoration: none;}
#footerSocial {
	float:right;
	margin:0 30px 0 0;
	height:38px;
	z-index: 200;}
#footerJoinAlliance{
	float:right;
	margin:0 45px 0 0;
	height:38px;
	z-index: 200;}
	
/* close button positioned on upper right corner */
#donationPopUp .close,.aaPopUp .close {
	background-image:url(../i/closeButton2.png);
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:40px;
	width:40px;
}

.aaPopUp {
	display:none;
	width:600px;
	z-index:10000;
	background-color:#fff;
	border:6px solid #a5c720;
	padding:5px 25px;}
.aaPopUp p {margin:16px;}
.aaPopUp h2 {
	margin:15px;}

.donationTable td {padding:8px;}


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