/* 
================================================================================================================================ CREDITS
Copyright 	: Copyright (c) 2009 JPL & Learntobehealthy.org. All Rights Reserved.
Author(s) 	: Larry Daughenbaugh - ldaugh@jplcreative.com
Date      	: 10/7/2009
Notes     	: Root CSS file for public web site.
================================================================================================================================ CHANGE LOG
Date		Name			Desc
---			---				---
================================================================================================================================ BEGIN CSS
*/
body  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.50%; /* 10px */
	line-height: 2.2em;
	text-align: center;
	color: #000;
}

/* ============================================================================================================================= STANDARD TAGS */

p, table, ol, ul, blockquote { margin: 0px 0px 16px 0px; }

h1 { margin: 0px 0px 20px 0px; font-size: 2.0em; }
h1.header { margin: 0px; height: 200px; background: url(../img/header.jpg) no-repeat; text-align: left; text-indent: -9999px }
h2 { margin: 0px 0px 18px 0px; font-size: 1.8em; }
h3 { margin: 0px 0px 16px 0px; font-size: 1.5em; font-weight: bold; }
h4 { margin: 0px 0px 14px 0px; font-size: 1.4em; font-weight: bold; }
h5 { margin: 0px 0px 13px 0px; font-size: 1.2em; font-weight: bold; }
h6 { margin: 0px 0px 13px 0px; font-size: 1.1em; font-weight: bold; }

.sub-heading { padding-top: 20px; }

blockquote { padding: 0px 30px; }
strong { font-weight: bold; }
em { font-style: oblique; }

a { color: #2E458F; text-decoration: underline; }
a:hover { text-decoration: none; }

/* ============================================================================================================================= PAGE FRAMEWORK */

.container { margin: 0px auto; padding: 15px 0px; width: 980px; font-size: 1.2em; }
.left-col { padding-right: 25px; float: left; width: 354px; }
.right-col { float: left; width: 512px; }

.left-col-sm { padding-right: 25px; float: left; width: 485px; }
.right-col-sm { 
	padding: 30px 26px 20px 26px; 
	float: left; 
	width: 329px; 
	background: url(../img/prizes-bg.png) no-repeat;
	line-height: 1.6em;
	color: #FFF; 
}

/* ============================================================================================================================= NAVIGATION */

.nav { margin: 0px 14px; width: 952px; }
.nav li { float: left; }
.nav li a { height: 47px; float: left; display: block; text-indent: -9999px; }
.nav li a.home { width: 93px; background: url(../img/nav/home.png) no-repeat; }
.nav li a.contest { width: 178px; background: url(../img/nav/enter-contest.png) no-repeat; }
.nav li a.entries { width: 164px; background: url(../img/nav/view-entries.png) no-repeat; }
.nav li a.rules { width: 178px; background: url(../img/nav/rules-prizes.png) no-repeat; }
.nav li a.faq { width: 74px; background: url(../img/nav/faq.png) no-repeat; }
.nav li a.about { width: 264px; background: url(../img/nav/about.png) no-repeat; }

.nav li a:hover, .nav li a.active { background-position: 0px -47px; }
 
/* ============================================================================================================================= MAIN CONTENT AREA */

.content { margin: 15px 14px 0px 14px; clear: both; text-align: left; }

.content-header { height: 24px; background: url(../img/content-header.png) no-repeat; }
.content-body { width: 891px; padding: 10px 30px; background: url(../img/content-body.png) repeat-y; }
.content-footer { height: 24px; background: url(../img/content-footer.png) no-repeat; }


/* UN-ORDERED LISTS */
.left-col ul, .left-col-sm ul, .one-col ul.standard { margin: 0px 0px 13px 10px; }
.left-col ul li, .left-col-sm ul li, .one-col ul.standard li 
{ padding: 0px 0px 7px 8px; background: url(../img/icons/bullet.gif) left 9px no-repeat; line-height: 1.6em; }

.left-col ol, .left-col-sm ol, .one-col ol { margin: 0px 0px 13px 49px; list-style-type: decimal; }
.left-col ol li, .left-col-sm ol li, .one-col ol li { padding: 0px 0px 13px 0px; }

a.enter-now { display: block; height: 45px; text-indent: -9999px; background: url(../img/enter-now.png) no-repeat; }
a.enter-now:hover { background-position: 0px -45px; }

.callouts { margin-top: 45px; height: 100px; background: url(../img/callouts-background.png) no-repeat; }

.dates { margin: 0px 0px 0px 70px; font-weight: bold; }
.dates li { padding: 30px 0px 0px 0px; float: left; width: 200px; }

.faq-header { font-weight: bold; color: #2E458F; font-size: 1.2em; }

/* TABLES */
.kits td { padding-right: 12px; }
.kits td.last { padding: 0px; }

/* ============================================================================================================================= FLASH */

#video { width: 512px; height: 384px; }
#video-alt { padding: 10px; width: 492px; height: 364px; background: #000; color: #FFF; visibility: hidden; }
#video-alt a { color: #FFF; }

/* ============================================================================================================================= FLOATS */

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; }

.left-margin { margin: 0px 0px 8px 10px; }
.right-margin { margin: 0px 10px 8px 0px; }
.left-margin-small { margin: 0px 0px 8px 2px; }
.right-margin-small { margin: 0px 2px 8px 0px; }