/*-----------------------------------------------------------------------------
Global StyleSheet (Girl Scouts - Design Your Future)

version:	1.0
author:		Rebecca Kemnitz
email:		rebecca@bytestudios.com
date:		2010/05/01
-----------------------------------------------------------------------------*/

/* =Reset CSS
-----------------------------------------------------------------------------*/
/* Reset CSS */
/* remember to highlight inserts somehow! */
/* tables still need 'cellspacing="0"' in the markup */
/* remember to define focus 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, 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;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

/* Class for clearing floats */
.clear { clear: both; }

/* Remove border around linked images */
img { border: 0; margin: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

/* Tables
-----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }

td { font-weight: normal; }

/* Links
-----------------------------------------------------------------------------*/
a { outline:none; color: #6b8d0c; text-decoration: none; }

a:hover { outline:none; }

a:active { outline:none; }

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

input.text, textarea, select { }

.errorText { }

.errorText ul { }

/* Classes
-----------------------------------------------------------------------------*/

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font: 8pt/normal arial, sans-serif;
	color: black;
	text-align: center; 
	background: #9ecbed url(../img/bg-gradient_blue.gif) repeat-x;
}

/* Branding
-----------------------------------------------------------------------------*/
h1 {
	position: absolute;
	text-indent: -9999px !important;
	top: 30px;
	left: 87px;
	background: url(../img/design-your-future.png);
	width: 307px;
	height: 207px;
}

/* Layout
-----------------------------------------------------------------------------*/
#container {
	position: relative;
	margin: 0 auto;
	background: url(../img/bg-floral.gif) repeat-x;
	width: 1104px;
	height: 702px
}
#flash_content { margin-top: 14px; }

#about {
	position: absolute;
	text-indent: -9999px !important;
	background: url(../img/get-started.png) repeat-x;
	width: 542px; 
	height: 297px;
	top: 11px;
	right: 105px;
}
#young_dreamers, #future_achievers {
	text-indent: -9999px !important;
	float: left;
	width: 100%;
	margin-left: 141px;
}
#young_dreamers { margin-top: 319px; }

#future_achievers { margin-top: 20px; }

#young_dreamers h2, #future_achievers h2 { width: 321px; height: 75px; float: left; }

#young_dreamers h2 { background: url(../img/young_dreamers.png) no-repeat; }

#future_achievers h2 { background: url(../img/future_achievers.png) no-repeat; }

#young_dreamers li, #future_achievers li { display: block; float: left; }

#young_dreamers a, #future_achievers a {
	display: block;
	width: 122px;
	height: 127px;
	background-repeat: no-repeat;
}
#young_dreamers a:hover, #future_achievers a:hover { background-position: 0 -127px; }

#young_dreamers a:focus, #future_achievers a:focus { background-position: 0 -254px; }