/**************************
HTML Styles 
**************************/
body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	min-width: 780px;
}
a {
	color: #0033CC;
}
a:hover {
	color: #0000FF;
}

p,li,ul {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: .5em;
}
td {
	font-size: 12px;
}
h1 {
	color: #003366;
}
h2 {
	font-size: 18pt;
	color: #336699;
	background: #B5C2D2;
	padding: .2em;
}
h3 {
	font-size: 14pt;
	color: #336699;
	background: #EEEEEE;
	padding: 0.5em;
}
h4 {
	font-size: 12pt;
	color: #4684C1;
}
input,
select {
	color: #0033CC;
	background-color: #FBFAF4;
}
form {
	margin: 2px;
	padding: 0px;
}
/******************************
Universal Styles 
*******************************/
.accent {
	color: red;
}
.checkout {
	font-weight: bold;
}

.floatright {
	float: right;
}

.formclass {
	font-family: Courier, monospace;
}
.loginclass {
	font-family: sans-serif;
	font-size: 10pt;
	color: White;
}
.required {
	color: #CC0000;
}
.rowclass {
	padding: 3px;
	background-color: #EFECE9;
	font-size: 16px;
}
.rowAltclass {
	font-size: 16px;
}
.specialsclass {
	background-color: #CCCCCC;
}
.specials2class {
	background-color: #CFCFCF;
}
.smallT {
	font-size: 10px;
}
.tip {
	color: #666666;
}
#breadcrumb {margin-top:.2em}
#breadcrumb strong {font-weight:bold;border:1px solid gray; padding:.3em;}
.warning { text-align:center;color:red; border:2px solid red; padding:.3em}
.box {width:30em}

/*****************************
Button Styles
*****************************/
.button a {
	display: block;
	background: url(images/button-off.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px;
	width: 114px;
	height: 19px;
	text-align: center;
}
.button a:hover {
	background: url(images/button-on.jpg) no-repeat;

}

/*****************************
Layout Styles
*****************************/
.maincolor1 h3, 
.maincolor1, 
.maincolorgen1 {
	color: #CCCCCC;
	background-color: #336699;
}
.maincolorgen1, 
.maincolorgen2 {
	margin:0px;
	padding:0px;
}
.maincolor1 {
	padding: 3px;
	font-size: 11px;
}
.maincolor2, 
.maincolorgen2 {
	color: #003366;
	background-color: #B5C2D2;
}
.maincolor1 a,
.menu a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.maincolor1 a:hover,
.menu a:hover {
	background-color: #003366;
	color: #CCCCCC;
}
.maincolor2 a {
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.maincolor2 a:hover {
	background-color: #F5F0E2;
}
.maincolor1 h3 {
	font-size: 24px;
	margin: 0px;
	padding: 3px;
	color: #CCCCCC;
}
.mainmenu {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	
}
.mainmenu a {
	font-size: 14px;
	text-decoration: none;
	color: #003399;
	text-transform:uppercase;
}
.mainmenu a:hover {
	color: #0033FF;
	background: #FFF;
}
#menuitem1 {
	position: absolute;
	left: 0px;
	top: 0px;
}

.copyright {
	font-size: 10px;
}
#homeContainer {
	width:780px; 
	text-align: center; 
	margin: 0px; 
	padding: 0; 
	z-index: 1; 
	position: absolute; 
	left: 50%; 
	margin-left: -390px;
}
.homeMenu {
	background: #EEE;
}
.homeSpruce {
	background: #DDD;
}
.homeSpruce a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #003399;
}
.homeSpruce a:hover {
	color: #000000;
}