/* *************************************************************************
Title : CSS main styles
Author : Tim Searles
Description : Common styles for layout and appearance
Created : 06.16.07 
Modified : 

CSS TOC
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
************************************************************************* */


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body {
	background: url(../images/background.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0;
	padding: 0;
}

/* ----- HEADINGS ----- */
h1 {
}
h2 {
}
h3 {
}
h4 {
	color: #0066CC;
	font-size: 1.1em;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
}
h5 { 
}
h6 { 
}

/* ----- PARAGRAPHS ----- */
#drill p {
	margin-top: 0;
}	

/* ----- QUOTES ----- */
blockquote {
}
cite {
}

/* ----- CODE ----- */
pre {
}
code {
}

/* ----- LISTS ----- */
ul {
}
ul li {
}
ol {
}
ol li {
}

/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
}
em {
}
b {
}
i {
}
ins {
}
del {
}
/* ----- LINKS ----- */
#home a {
	color: #0066CC;
	text-decoration: none;
}

#home a:hover {
	color: #000;
	text-decoration: underline;
}

/* ----- FORMS ----- */
form {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
input {

}	
	
/* ----- TABLES ----- */
table {
}
caption {
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {
}
#resources td {
	padding: 2px 0;
}

/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

/* *************************************************************************
=LAYOUT
************************************************************************* */

#container {
	background-color: #fff;
	margin: 20px auto;
	width: 742px;
}

#content {
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 0 10px;
	position: relative;
	width: 722px;
}

/* 3-column portion of home page */

#contentHomeLeft, #contentHomeRight {
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100px;
}

#contentHomeMiddle {	
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 5px;
	position: relative;
	width: 512px;
}

/* 1-column portion of home page */

#contentHomeSingleColumn {
	background-color: #fff;
	padding: 0 10px;
	width: 722px;
}

/* 2-column portion of home page */

#contentHomeTwoColLeft {	
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 402px;
}

#contentHomeTwoColRight {	
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 300px;
}

/* footer */

#footer {
	border-top: 1px solid #001A33;
	margin-top: 30px;
	padding: 0 10px;
	width: 722px;
}

#footerLeft, #footerRight {
	float: left;
	padding: 10px 10px 10px 0;
	width: 351px;
}

#footerRight {
	padding: 10px 0 10px 10px;
	text-align: right;
}

#footer p {
	color: #000;
	font-weight: bold;
}

#footer a {
	color: #0066CC;
	text-decoration: none;
}

#footer a:hover {
	color: #001A33;
	text-decoration: underline;
}

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

#topNavigation {
	background-color: #001A33;
	color: #fff;
	height: 30px;
	margin: 2px 0;
	padding: 10px 10px 0 10px;
	text-align: right;
	width: 880px;
}

#topNavigationLeft {
	display: inline;
	float: left;
	font-weight: bold;
	margin-top: 4px;
	text-align: left;
	width: 380px;
}
#topNavigationRight {
	display: inline;
	float: left;
	margin-top: 4px;
	text-align: right;
	width: 500px;
}

#topNavigation span {
	color: #ccc;
	font-size: 1.0em;
}

#topNavigation a.navLink {
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#topNavigation a.navLink:hover {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a {
	color: #0066CC;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #001A33;
	text-decoration: underline;
}

/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */

#topScenery {
	background-color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 742px;
}

#topFlash {
	margin: 0;
	padding: 0;
}

#topForm {
	background-color: #fff;
	display: block;
	height: 30px;
	margin: 0;
	padding: 15px 0;
	width: 742px;
}
#topForm span {	
	color: #0066CC;
	font-weight: bold;
}

#topFormWelcome {
	display: inline;
	float: left;
	font-size: 1em;
	padding: 0 0 0 10px;
	width: 302px;
}
#topFormSignup {
	display: inline;
	float: left;
	padding: 0 10px 0 0;
	width: 420px;
	text-align: right;
}

#welcomeMessage {
	background-color: #fff;
	display: block;
	height: 72px;
	margin: 0;
	padding: 10px 0;
	width: 742px;
}

#aboutBoxHeader, #pagesBoxHeader, #promoteBoxHeader, #effortsBoxHeader, #offersBoxHeader, 
#videoBoxHeader, #sponsorsBoxHeader, #resourceBoxHeader, #newsNotesBoxHeader, #otherSponsorsBoxHeader {
	background-color: #001A33;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
}

#promoteBoxHeader {
	text-align: center;
}
#promoteBoxHeader, #offersBoxHeader {
	width: 492px;
}
#aboutBoxHeader, #pagesBoxHeader, #resourceBoxHeader {
	width: 80px;
}
#sponsorsBoxHeader, #effortsBoxHeader, #newsNotesBoxHeader, #otherSponsorsBoxHeader {
	width: 702px;
}

#newsNotesBoxHeader {
	width: 362px;
}

#videoBoxHeader {
	width: 302px;
}

#aboutBox, #pagesBox, #promoteBox, #effortsBox, #offersBox, #videoBox, 
#sponsorsBox, #resourceBox, #newsNotesBox, #otherSponsorsBox {
	background-color: #eee;
	border: 1px solid #001A33;
	color: #000;
	/*background-color: #0099FF;
	border: 1px solid #001A33;
	color: #fff;*/
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	z-index: 0;
}

#promoteBox {
	padding: 0;
	width: 510px;
}
#offersBox {
	padding: 10px;
	width: 490px;
}
#aboutBox, #pagesBox, #resourceBox {
	width: 78px;
}
#aboutBox {
	height: 478px;
}
#pagesBox {
	height: 300px;
}
#resourceBox {
	height: 122px;
}
#sponsorsBox, #effortsBox, #otherSponsorsBox {
	width: 700px;
}
#newsNotesBox {
	height: 265px;
	width: 360px;
}
#videoBox {
	height: 285px;
	padding: 0;
	width: 320px;
}

#aboutBox ul, #pagesBox ul, #resourceBox ul, #offersBox ul {
	display: block;
	margin: 0;
	padding: 0;
}

#aboutBox ul li, #pagesBox ul li, #resourceBox ul li, #offersBox ul li {
	color: #001A33;
	font-size: 1.0em;
	list-style-type: none;
	margin-bottom: 5px;
}
#offersBox ul li {
	list-style-type: disc;
	margin-left: 15px;
}

#effortsBox div {	
	display: block;
	height: 128px;
	overflow: auto;
	position: relative;
	width: 700px;
}
#effortsBox table {
	position: relative;
	width: 660px;
}
#effortsBox ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#effortsBox ul li {
	color: #001A33;
	font-size: 0.8em;
	list-style-type: none;
	width: 220px;
}
#effortsBox ul li a {
	color: #0066CC;
	text-decoration: none;
}
#effortsBox ul li a:hover {
	color: #001A33;
	text-decoration: underline;
}

.venueCaption {
	font-size: 0.8em;
	padding-top: 5px;
}

.boxDisplay {
	float: right;
	margin: -11px 0;
	position: relative;
}