body {
	font-family: georgia, "Times New Roman", serif;
	background: #000066;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

/* --- Wrapper --------- */
#wrapper {	
	width: 780px;
	margin: 0px auto;
	position:relative;

}

#content {
	background: #FFF;
	border:solid 3px #5E72C1;
	clear:left;
	width:778px;
	font-size:16px;	
	padding:5px 5px 60px 5px;
	margin:0 10px 2px 10px;
}

/* --- Top Banner --------- */
#header {
	position: relative;
	height: 150px;
	width: 780px;
	background: transparent url(images/header.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#header h1 {
display:none;
}

p {margin:10px 15px 15px 15px;}
li {margin:0 40px 2px 35px; padding-right:15px;}

.highlight {background-color:#FFFF00;font-size:16px;font-weight:bold;}

h1 {font-family:Stencil, Georgia, "Times New Roman", Times, serif;font-size:34px;}
.h1sub {font-size: 20px; color: #990000;}

h2 {color:#000066;font-family: "Times New Roman";font-size: 25px; padding:5px;}
h3 {color:#CC0000;font-size:18px}
h4 {font-size:16px; margin: 0 15px 0 15px;}

.p2 {background-color:#FFFFCC;border: dashed #000000 1px;padding:.1cm;;font-size:12px;width:350px;align:center}
.p4 {border: dashed #000000 1px;padding:.1cm;;font-size:14px;align:center;width:350px;align:center}
.p3 {font-size:20px;font-weight:bold}

.bluetext {
	color: #000066;
	font-weight: bold;
	font-size: 20px;
}

.redbold {color: #CC0000;font-weight: bold;}
.orderform {border: dashed #CC0000 4px;padding:.5cm;width:500px;align:center;background-color:#FFFFCC}

a:link, a:visited, a:active {
	color:#0000FF; text-decoration: none;
}

a:hover {
	color:#CC0000; text-decoration: none;
}

hr {width: 80%; color: #5E72C1}


.reviewbox {
  margin:0px auto;
  text-align: left;
  width: 560px;
  background: url(images/boxmid.png) repeat-y;
  }


.reviewbox h3 {
  background: url(images/boxtop.png) no-repeat top;
  margin: 0;
  text-align: center;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #000;
  
  }

.reviewbox div {
  margin: 0;
  padding: 10px 10px 15px 10px;
  color: #000;
  font-size: 15px;
  line-height:20px;
  background: url(images/boxbot.png) no-repeat bottom;
  }


.form {
font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:13px; border:1px solid #000; width:180px; margin:auto;
}

.form2 {
font-family:Arial, sans-serif; font-weight:bold; font-size:13px; color:#0000CC; background-color:#CCCCCC; width:180px;
}

#ecourse {
position:absolute;z-index:10;
}

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFFFD8;
}