/* Global Styles */

body {
	margin:0px;
	background-color: #6699CC;
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	font-weight: bolder;
}
		
a {
	color: #FFCC66;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #FF9900;
	text-decoration:none;
	}

/* ID Styles */
	
#navigation a {
    color: #CCCC00;
	text-decoration:none;
	letter-spacing:0.1em;
	font-family: arial;
/*	font-family:"Monotype Corsiva"; */
	font-size: 10pt;
	}
	
#navigation a:hover {
	color: #0066FF;
	text-decoration:none;
	}

/* not working, but to use it, this comes close: 
   <div class="select" <a>....</a> </div>
   It says "an <a> w/in a select class w/in #navigation id should be colored #0066FF
 */
#navigation .select a{ color:#0066FF;}

#padding {
	padding:20px 5px 20px 5px;
	}
	
/* Class Styles */

/* bottom left quadrant on main page*/

.pageName {
	font:20px georgia;
	color: #FFFFFF;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	color: #333300;
	letter-spacing:.1em;
	font-family: arial;
	/*font-family:"Monotype Corsiva"; */
	font-size: 16pt;
	}
	
.leftRightBorderStyle {
	background-color:#000000;
}
	
.mainContent {
	padding-left: 10px;
	padding-right: 10px;
}

.bonus {
	color: #000000;
}

.inputFormError {
	color:#FF0000
}