/*
===================================
Style Reset
===================================
*/
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;
	font-family: Helvetica;
	font-size: 14px;
	line-height: 20px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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;
}
.clear
{
	clear:both;
}


/*
===================================
General Page Styles
===================================
*/
.clear
{
	clear: both;
}
.topNavTile
{
	background-image: url(../images/header_topNav_tile.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 71px;
}
.wrapper
{
	margin: 0 auto;
	/*width:1371px;
 	background-image: url(../images/glows_forrest.png);
	background-position: center;*/
}
.header
{
	margin: 0 auto;
	width: 883px;
}
.logo
{
	float: left;
}
.content_container
{
	margin: 0 auto;
	width: 883px;
}
.footer
{
	margin: 0 auto;
	background-image: url(../images/footer_background.png);
	background-repeat: repeat-x;
	width: 867px;
	height: 28px;
	clear: both;
	color: #a3a3a3;
	font-size: 12px;
	font-weight: lighter;
}
.footer .section
{
	float: left;
	clear: both;
	width: 867px;
}
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited
{
	color: #a3a3a3;
	font-weight: lighter;
	text-decoration: none;
}
.footer a:hover
{
	text-decoration: underline;
}
.footer ul
{
	float: left;
}
.footer ul li{
	float: left;
	margin: 3px 10px;
}
.footer ol
{
	float: right;
}
.footer ol li{
	float: right;
	margin: 3px 10px;
}

/*
===================================
top nav
===================================
*/
.nav
{
	width: 605px;
	float: right;
}
.nav a,
.nav a:link,
.nav a:active,
.nav a:visited
{
	display: block;
	height: 73px;
	background-image: url(../images/header_topNav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
.nav a.about
{
	width: 91px;
	background-position: 0px 0px;
}
.nav a.about:hover
{
	background-position: 0 -71px;
}
.nav a.gettingStarted
{
	width: 150px;
	background-position: -349px 0;
}
.nav a.gettingStarted:hover
{
	background-position: -349px -71px;
}
.nav a.media
{
	width: 73px;
	background-position: -91px 0;
}

.nav a.media:hover
{
	background-position: -91px -71px;
}
.nav a.store
{
	width: 84px;
	background-position: -164px 0;
}

.nav a.store:hover
{
	background-position: -164px -71px;
}
.nav a.contact
{
	width: 100px;
	background-position: -250px 0;
}

.nav a.contact:hover
{
	background-position: -250px -71px;
}

.nav a.donate
{
	width: 102px;
	background-position: -510px 0;
}

.nav a.donate:hover
{
	background-position: -510px -71px;
}




/*
===================================
Accordion styles
===================================
*/
#accordion
{
	width: 440px;
	float: left;
}
#accordion h3
{
	float: none;
}
#accordion h3 a.closer
{
	text-decoration: none;
	display: block;
	padding: 7px 0 0 10px;
	font-family: Helvetica;
	font-size: 14px;
	font-weight:normal;
	height: 22px;
	margin-top: 8px;
	clear: both;
}
#accordion div p
{
	padding-left: 10px;
	width: 430px;
	float: none;
}



/*
===================================
Homepage styles
===================================
*/
.home_flash
{
	margin-top: 40px;
	float: left;
	clear: both;
}
.homeBoxes
{
	margin: 20px 0 0 10px;
	float: left;
}
.homeBoxes div p
{
	color: #a3a3a3;
	font-weight: lighter;
	margin: 40px 20px 10px 35px;
	float: left;
}
.homeBoxes div a,
.homeBoxes div a:link,
.homeBoxes div a:active,
.homeBoxes div a:visited
{
	color: #a3a3a3;
	text-decoration: underline;
}
.training
{
	width: 279px;
	height: 173px;
	background-image: url(../images/content_training.png);
	background-repeat: no-repeat;
	float: left;
}
.infoPackets
{
	width: 279px;
	height: 173px;
	margin: 0 7px 0 7px;
	background-image: url(../images/content_infoPackets.png);
	background-repeat: no-repeat;
	float: left;
}
.order-products
{
	width: 295px;
	height: 173px;
	background-image: url(../images/content_order-products.png);
	background-repeat: no-repeat;
	float: left;
}
.sponsors
{
	margin-top: 30px;
	float: left;
}



/*
===================================
Interior Page Styles
===================================
*/
.interior_content
{
	margin-top: 40px;
	width: 890px;
	float: left;
	
}
.interior_content .headline
{
	background-image: url(../images/interior_H1.png);
	background-repeat: no-repeat;
	width: 890px;
	height: 70px;
	clear:both;
	float: left;
}
.interior_content .headline h1 
{
	font-size: 34px;
	color: #c97039;
	float: left;
	padding: 15px 125px 10px 30px;
	background-image: url(../images/interior_H1Cap.png);
	background-position:top right;
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 10px;
	text-transform: uppercase;
}
.interior_content .contentArea
{
	background-image: url(../images/interior_centerTile.png);
	background-repeat: repeat-y;
	width: 890px;
	min-height: 300px !important;
	height: auto !important;
	height: 300px;
	padding:20px;
	float: left;
}
.interior_content .contentArea_left
{
	width: 464px;
	float: left;
}
.interior_content .contentArea_right
{
	width: 288px;
	margin-left: 50px;
	float: left;
}
.interior_content a,
.interior_content a:link,
.interior_content a:active,
.interior_content a:visited
{
	color: #999;
}

a.interior_sidenav,
a.interior_sidenav:link,
a.interior_sidenav:active,
a.interior_sidenav:visited
{
	display: block;
	background-image: url(../images/interior_sideNav.gif);
	background-repeat: no-repeat;
	width: 251px;
	height: 21px;
	color: white;
	font-size: 14px;
	padding: 5px 5px 5px 30px;
	clear: both;
	margin-bottom: 10px;
	text-decoration: none;
	float: left;
}
a.interior_sidenav:hover
{
	background-position-y: bottom;
}
.interior_content .contentArea_right img
{
	border: 2px solid black;
}
.interior_content .contentArea .contentArea_left p
{
	color: #ebebeb;
	font-size: 14px;
	float: left;
	clear: both;
	margin: 5px 5px 5px 10px;
	line-height: 20px;
	width: 440px;
}
.interior_content .contentArea .contentArea_left  h1
{
	color: #c97039;
	font-size: 24px;
	float: left;
	clear: both;
	margin-left: 10px;
}
.interior_content .contentArea .contentArea_left  h2
{
	color: #c97039;
	font-size: 18px;
	float: left;
	clear: both;
	margin-left: 10px;
}
.interior_content .contentArea .contentArea_left  h3
{
	color: #c97039;
	font-size: 14px;
	float: left;
	clear: both;
	margin-left: 10px;
}
.interior_content .contentArea .contentArea_left ul
{
	margin-left: 50px;
	width: 400px;
	float: left;
}

.interior_content .contentArea .contentArea_left ul li
{
	list-style-type: circle;
	padding: 5px;
	color: #ebebeb;
	font-size: 14px;
}
.interior_content .contentArea .contentArea_left ol
{
	margin-left: 50px;
	width: 400px;
	float: left;
}

.interior_content .contentArea .contentArea_left ol li
{
	list-style-type: circle;
	padding: 5px;
	color: #ebebeb;
	font-size: 14px;
}
.interior_content .content_footer
{
	width: 890px;
}

/*about us - info packet*/
table.infoPacket
{
	width: 400px;
	margin-left: 30px;
	float: none;
}
table.infoPacket tr td
{	
	color: #ebebeb;
	font-size: 14px;
	padding: 5px;
}