<style>
<!--

/*===========
  general css
===========*/

body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
}

table#container{
	margin: 0 auto 15px auto;
	padding: 0;
	width: 750px;
}

/*==================
  top navigation css
==================*/

.menucontainer{	
	background: #fff url('bgOFF.gif') no-repeat bottom left;
}
/*basic menu styling*/
.menu {
	float: left;
	font-family: arial,verdana,sans-serif;
	width: 100%;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	background: url('bgOFF.gif') repeat-x bottom left;
	/*very top border color (default red)*/
	border-top: 4px solid #990000;
}

.menu ul{
	padding: 0;
	margin: 0;
	width: auto;
	list-style-type: none;
	float: left;
	position: relative;
}

.menu ul li{
	float: left;
	width: auto;
	position: relative;
	display: inline;
	background: url('bgDIVIDER.gif') no-repeat bottom right;	
}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited{
	float: left;
	display: block;
	text-decoration: none;
	color: #000;
	width: auto;
	color: #656565;
	padding: 0px 12px 0px 14px;
	line-height: 40px;
	height: 40px;
}

* html .menu ul li a, .menu ul li a:visited{
	width: auto;
}

/*hide sub nav items*/
.menu ul li ul{
	display: none;
}

/*clear the main nav bg*/
.menu ul li ul li{
	background: none;
}

/*style for table of sub nav items*/
table{
	margin: 0;
	padding-left: 2px;
	border-collapse: collapse;
	font-size: 11px;
}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a{
	/*hover text color (default red)*/
	color: #990000;
	background: transparent url('bgON.gif') bottom left repeat-x;
}

/*show drop-down list*/
.menu ul li:hover ul{
	display: block;
	position: absolute;
	top: 36px;
	margin-top: 1px;
	left: 0;
	width: 100%;
	border-top: 1px solid #fff;
}

/*drop-down on state*/
.menu ul li:hover ul li a{
	display: block;
	/*drop down colors*/
	background: #e3e3e3;
	color: #333;
	height: auto;
	line-height: 16px;
	padding: 2px 16px 2px 16px;
	width: 200px;
	border-top: 1px solid #fff;
}

/*sub drop-down over state*/
.menu ul li:hover ul li a:hover{
	/*drop down hover colors*/
	color: #fff;
	background: #990000 url('sub-arrow.gif') no-repeat;
	background-position: 4px 8px;
}

/*======================
  end top navigation css
======================*/

.white-bg{
	background-color: white;
}

.title-cell{
	background-color: silver;
}


#leftAreaTop{
	margin: 0;
	padding: 0;
	width: 150px;
	border-bottom: 1px solid #aaa;
}

h2.main{
	margin: 20px 0 0 0;
	padding: 0;
	color: #18668A;
	font-size: 16px;
}

h2.mainTitle{
	margin: 7px 0 7px 20px;
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	text-decoration: none !important;
}

h2.mainTitle a{
	text-decoration: none !important;
}

h3.classes{
	margin: 15px 0 0 0;
	padding: 0;
	color: #704040;
	font-size: 16px;
	line-height: 25px;
}

h4.subheader{
	margin: 15px 0 15px 0;
	padding: 0;
	color: #006699;
	font-size: 14px;
	line-height: 22px;
}

.productBox{
	border: 1px solid #704040;
}

p.phone{
	margin: 0 0 0 20px;
	padding: 0;
	color: #015884;
	font-weight: bold;
	font-size: 15px;
}

#topMainHeader{
	margin: 0;
	padding: 0;
	background: #6CADEF url('mecMainHeader.jpg') top right no-repeat;
	width: 510px;
	height: 117px;
}

#topMainHeader a{
	text-decoration: none !important;
}

#mainTop{
	margin: 0;
	padding: 0;
	width: 500px;
	border-bottom: 1px solid #aaa;
}

.mainTop{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aaa;
}

#rightTop{
	margin: 0;
	padding: 0;
	width: 100px;
	border-bottom: 1px solid #aaa;
}

p.mainText{
	margin: 10px 5px 0 0;
	padding: 0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
}

p.subText{
	margin: 10px 5px 0 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

h4.titles{
	margin: 0 5px 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #197769;	
}

h3.titles{
	margin: 10px 5px 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #197769;	
}

img.floatRight{
	margin: 30px 25px 15px 15px;
	padding: 0;
	float: right;
	z-index: -1;
}

ul.normal{
	margin: 10px 0 15px 15px;
	padding: 0;
}

ul.normal li{
	line-height: 20px;
}

ul.normal2{
	margin: 10px 0 15px 15px;
	padding: 0;
	font-size: 14px;	
}

ul.normal2 li{
	line-height: 21px;
}

div.floatRight{
	margin: 10px 0 15px 15px;
	padding: 5px;
	background: #eee;
	float: right;
}

p.flashText{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-style: italic;
}

ul#navlist{
	margin: 0px 0 0 0; /* was 25px */
	padding: 0;
	list-style: none;
	width: 150px;
}

ul#navlist li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	
}

ul#navlist li a{
	margin: 0;
	padding: 7px 0 7px  0;
	display: block;
	color: #197769;
	font-size: 14px;
	text-decoration: none;
}

ul#navlist li a:hover{
	background: #efefef;
}

img.mike{
	margin: 10px 0 0 0;
	padding: 0;
}

.classesArea{
	margin: 0;
	padding: 0;
	background: #fff url('gradient.gif') repeat-x;
	width: 100%;
}

p.mikeInfo{
	margin: 0;
	padding: 5px;
}

.float{
	margin: 5px 0 10px 15px;
	padding: 2px;
	background: #ddd;
	float: right;
}

img.border{
	padding: 2px;
	background: #ddd;
}

img.register{
	margin: 0;
	padding: 0 0 15px 0;
}

.float2{
	margin: 5px 15px 10px 0;
	padding: 2px;
	background: #ddd;
	float: left;
}

td.classesInfo{
	margin: 0;
	padding: 10px;
	background: #efefef;
	border: 1px solid #aaa;	
}

td.classesInfo h4{
	margin: 0 0 10px 0;
	font-size: 13px;
	font-weight: bold;
}

td.classesInfo p{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

td.classesInfo2{
	margin: 0;
	padding: 3px;
	background: #efefef;
	border: 1px solid #aaa;
	text-align: center;	
}

td.classesInfo2 p{
	margin: 5px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}



hr.main{
	margin: 20px 0 5px 0;
	border-top: 1px solid #aaa;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
}

#mainFooter{
	margin: 0;
	padding: 0;
	border-top: 1px solid #aaa;
	background: #eee;
	text-align: center; 
}

#mainFooter p{
	margin: 0;
	padding: 15px 0;
}

.smallBtn{
	margin: 0;
	padding-top: 3px;
	background: url("smallBtn.jpg") no-repeat;
	width: 131px;
	height: 76px;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.smallBtn2{
	margin: 0;
	padding-top: 7px;
	background: url("smallBtn2.jpg") no-repeat;
	width: 172px;
	height: 100px;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/*style="border-top: 1px solid ##aaa; background: ##eee;" colspan="3" align="center"*/

body{
  	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

td{
	font-size: 13px;
}

a{
	color: #880000;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #333333;
}

p{
}

h1{
}

div{
}

/*		Content: Main		*/
td.main{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #330000;
}
td.header{
	font-weight: bold;
	color: #996666;
}
/*		Content: TopNav		*/
td.topnav{
	text-align: center;
}

td.topnav a{
	font-weight: bold;
	color: #FFFFFF;
	font-size: .9em;
}

td.topnav a:hover{
	text-decoration: none;
	color: #F9DA7A;
}

/*		Content: SideNav		*/
td.sidenav{
	list-style-type: none;
}

td.sidenav a{
	color: #FFFFFF;
	font-weight: bold;
	font-size: .9em;
	line-height: 30px;
}

td.sidenav a:hover{
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	line-height: 30px;
	
}

/*		Module: Store		*/
td.spotlightheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #880000;
}

td.spotlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

td.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
}
td.nav {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
td.nav a{
	color: #ffffff;
	text-decoration: none;
}

td.nav a:hover{
	text-decoration: none;
	color: #999999;
}

td.cart {
	border: 1px solid #000000;
	}
td.carttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	}
td.cartsummary {
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #880000;
}
td.productmenu {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
}
td.productmenu:hover {
	background-color: <cfoutput>#color2#</cfoutput>;
}
td.productmenu a{
	color: #000000;
}
td.tableHeaderBG
{
	background-color: gray;
	color: white;
}
td.bgcolor{
	background-color: white;
}

/*		Member: SideNav		*/
td.membernav{
	list-style-type: none;
	
}

td.membernav a{
	color: #880000;
	text-decoration: none;
	
	font-size: .9em;
	line-height: 15px;
}
td.membernav a:hover 
{
	text-decoration: none;
}
td.alert{
	font-weight: bold;
	color: #ff3300;
}
.trackingInformation
{
	background-color: #FFFFFF;
}
-->
</style>
