/*
-----------------------------------------------
Client: 
Function: Global CSS definitions.
Author:   
Modified:  
Copyright: Copyright (C) 2005 E-dreamz, Inc. 
----------------------------------------------- */
/* Imported Styles
----------------------------------------------- */
/*@import url("styleForms.css");*/

/* Global
----------------------------------------------- */
/*rewrote "triplet colors", example: #333333 is R 33 G 33 B 33, we can shorthand this as 333 
or we could write #ffffff as #fff, etc... HEX code has to be in 3 groups of two or else it won't work
FFAABC can't be rewritten as FABC, it also has to be a single character. There is no shorthand (at least to my knowledge)
for something like E1E1E1, even though it would be cool if there was...
*/

body, td, p, div {
	color : #000;
	font : normal normal normal 11px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*removed the .global class definition. You can simply redeclare a style for the body tag & the cascade will handle it*/
body { /*this also gets the color & font that were set above, since we didn't REdeclare them they are inherited*/
background-color:#333
}

h1 {
	color : #0668A5;
	font : normal normal bold 15px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	color : #333;
	font : normal normal bold 13px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.justify {
	/*text-align : justify*/
}

p {
}
/*we can get rid of the normals now, since we've already set our defaults above. 
Any child of one of those elements will inherit its "normal" defaults */
.header {
	color : #0668A5;
	font : bold 15px Arial, Helvetica, sans-serif;
}

.subheader {
	color : #356929;
	font : 12px Arial, Helvetica, sans-serif;
}

.title {
	color : #280D0C;
	font : bold 11px Arial, Helvetica, sans-serif;
	margin : 0 0 7px 0;
	text-transform : uppercase
}

.small {
	color : #333;
	font : 9px Arial, Helvetica, sans-serif
}

.medium {
	color : #333;
	font :  10px Geneva, Verdana, Arial, Helvetica, sans-serif
}

.fineprint {
	color : #808080;
	font :  9px Geneva, Verdana, Arial, Helvetica, sans-serif
}

.red {
	color : #C00;
}

.joinForm { padding: 0; margin: 4px 0 12px 0; }

/* Links
----------------------------------------------- */
/*we can get rid of :link & :visited here as styling a will cover all cases
:hover & :active below will take care of there respective states*/

a {
	color : #000000;
	text-decoration : underline
}

a:hover, a:active {
	color : #000000;
	text-decoration : none
}
/*same note as above*/
a.leftNav {
	font : 13px Arial, Helvetica, sans-serif;
	color : #FFF;
	text-decoration : none;
	font-weight:bold
}

a.leftNav:hover, a.leftNav:active {
	color : #e8da3f;
}
/*same deal, however since .footer could be used to style text, we'll keep it.*/
.footer, a.footer{
	font : 12px Arial, Helvetica, sans-serif;
	color : #e8da3f;
	text-decoration : none
}

a.footer:hover, a.footer:active {
	color : #e8da3f;
	text-decoration : underline
}

.copyright, a.copyright{
	font : 9px Arial, Helvetica, sans-serif;
	color : #656565;
	text-decoration : none
}

a.copyright:hover, a.copyright:active {
	color : #656565;
	text-decoration : underline
}

.news{
	color : #FFFFFF;
}

/* Tables
----------------------------------------------- */
.tableOuterBG {
	background : #382E23
}

.trDark {
	background : #E1E1E1;
}

.trLight {
	background : #EAF4F6
}

.tdTitle {
	color : #FEFEFE;
	font :  bold 10px Geneva, Verdana, Arial, Helvetica, sans-serif;
	padding-left : 4px;
	background : #348795;
	text-transform : uppercase;
}

.tdSubTitle {
	color : #0668A5;
	font : bold 11px Geneva, Verdana, Arial, Helvetica, sans-serif;
	height : 18px;
	padding-left : 4px;
	background : #A5DBEF;
}

.tdName {
	color : #382E23;
	font : bold 9px Geneva, Verdana, Arial, Helvetica, sans-serif;
	background : #E1DEC9;
}

.tdContent {
	font : 11px Geneva, Verdana, Arial, Helvetica, sans-serif;
	background : #FFF
}