body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background-image:url(images/front-bg.jpg); background-repeat:repeat-x; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}
#container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {background-image:url(images/menu-bg.jpg); background-repeat:no-repeat; height:100px; padding-top:10px;}
#logo {padding:10px 15px 0 10px; width:225px; float:left; }
.menu {
float:left;
position:relative;
font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14;
color:#000066;
width:750px;
height:1.8em;
margin-top:15px;
padding-bottom:1px;
margin-bottom:0.5em;
}

* html .menu {padding-bottom:0;}

.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 0;
width:600px;
height:100%;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#000066;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 5px;
height:1.7em;line-height:1.5em;
cursor:pointer;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:1.5em;
	top:18px;
	left:75px;
	width:600px;
	border-left: 2px #FE0000 solid;
}

.menu :hover {
white-space:normal;
}

.menu a:hover b {
color:#FE0000;
background: transparent url(drop/midb.gif);
}
.menu a:hover em.lft {
background: transparent url(drop/leftb.gif);
}
.menu a:hover em.rgt {
background: transparent url(drop/rightb.gif);
}

.menu li:hover > a b
{
color:#fe0000;
background: transparent url(drop/midb.gif);
}
.menu li:hover > a em.lft {
background: transparent url(drop/leftb.gif);
}
.menu li:hover > a em.rgt {
background: transparent url(drop/rightb.gif);
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:1.4em;
margin-top:1px;
}

.menu ul :hover ul li {
display:block; 
padding-top:1px;
height:1.4em;
}
.menu ul :hover ul li a {
display:block; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px; 
height:2em; 
line-height:1.0em; 
width:auto; 
float:left; 
color:#333; 
padding:2px 10px 10px;}
.menu ul :hover ul li a:hover {
color:#fe0000;
}
#flash {height:245px; width:auto; background-image:url(images/flash-bg.jpg); background-repeat:no-repeat;}
#main {background-image:url(images/main-bg.jpg); width:auto; height:342px;}
#maintext {float:left; width:426px; height:341px; padding: 0 0 0 71px; font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#666666; font-size:14px; }
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000066; font-size:18px; padding-top:42px; }
#badges {
	background-image:url(images/course-highlight-badge.jpg);
	background-repeat:no-repeat;
	float:left;
	width:262px;
	height:135px;
	padding: 8px 53px 0 175px;
	background-position:39px 0px ;
}
.courses {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:14px;padding-top:10px;}
.coursestext {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}
.courseslink {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000066; font-size:12px;}
#sm_badges {float:left; padding:15px 0 0 26px; width:400px;}
#signup {clear:both; position:relative; height:136px; padding-top:6px; background-image:url(images/signup-bg.jpg); background-repeat:no-repeat; font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:20px; color:#8BB5D7;}
#tagline {float:right; width:314px; padding-top:23px; padding-right:68px; }
#tagline a {color:#fff; }
#footer {float:left; background-image:url(images/footer-bg.jpg); background-repeat:no-repeat; border-top: #FFF 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding: 1px 0 15px 45px; width:955px; }
#madeby {float:left; width:400px; }
#madeby a {color:#fff; }
#copyright {float:left; width:550px; height:60px;}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 14px; font-weight: bold; }
.style4 {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}
.style5 {
	font-size: 12px;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#newsletter {float:left; width:420px; padding-left:30px;}
.form {padding:0 0 0 100px; width:250px; margin-top:5px;}
.emailform {margin-top:10px;}
.submit {margin-top:10px; margin-left:67px;}