* {	margin: 0; padding: 0; }

.bottom { clear: both; }

body { margin: 0; padding: 0; background: url(../images/gradient57023618.png) repeat-x top #ccc; color: #000; font-size: 80%; font-family: "verdana"; }

img { border: 0; }

hr { width: 100%; color: #f00; background-color: #00b1ff; height: 1px; }

#topCont { width: 100%; height: 250px; color: #CCC; }

#top { margin: 0 auto; width: 900px; height: 50px; background: #000; font-weight: bold; }

#topleft { float: left; width: 225px; height: 32px; font-size: 85%; padding: 18px 0 0 25px; color: #666; }
#topleft a { color: #00b1ff; text-decoration: none; }
#topleft a:hover { color: #FFF; text-decoration: none; }

#topright { float: left; width: 625px; height: 34px; padding: 16px 25px 0 0; text-align: right; font-size: 120%; color: #999; }

#header { margin: 0 auto; width: 900px; height: 200px; }

#headerleft { float: left; width: 300px; height: 200px; background: #FFF url('../images/header-background.png') repeat-y; }
#headerleft img { padding: 25px 15px 25px 10px; border:0; }

#headerright { float: left; width: 600px; height: 200px; background: white; }
#headerright h1 { margin: 0; padding: 65px 30px 0 0; font-weight: normal; font-size: 300%; letter-spacing: -2px; color: #FFF; text-align: right; }
#headerright h2 { margin: -10px 0 0 0; padding: 0 30px 0 0; font-weight: normal; font-size: 200%; letter-spacing: -1px; color: #00b1ff; text-align: right; }

#mainCont { width: 100%;}

#main { margin: 0 auto; margin-top: 1px; width: 900px; background: #FFF url('../images/background-main.png') repeat-y; }

#mainmenu { float: left; width: 299px; padding: 15px 0 0 0; font-size: 85%; font-weight: bold; background: #cceeff;  }
#mainmenu ul { list-style-type: none; margin: 0 0 30px 0; }
#mainmenu a { display: block; padding: 7px 0 7px 20px; width: 279px; text-decoration: none; color: #333; }
#mainmenu a.active { background: #666; color: #FFF; }
#mainmenu a:hover { background: #00b1ff; color: #FFF; }
#mainmenu p { margin: 0 20px 15px 20px; color: #666; line-height: 160%; font-size: 110%; }
#mainmenu p span { color: #222; font-size: 115%; }

#whoshouldattend ul { margin: 0 0 15px 50px; list-style-type: square; color: #00b1ff; line-height: 160%; font-size: 110%; }
#whoshouldattend span { color: #666; }

#booknow { float: left; width: 299px; padding: 15px 0 0 0; font-size: 120%; font-weight: bold; background: #cceeff; }
#booknow a { display: block; padding: 7px 0 7px 20px; width: 279px; text-decoration: none; color: #333; }
#booknow a.active { background: #CCC; color: #FFF; }
#booknow a:hover { background: #00b1ff; color: #FFF; }

#maincontent { float: left; width: 550px; padding: 15px 25px 0 25px; line-height: 160%; }
#maincontent p { margin: 0 0 15px 0; padding: 0; }
#maincontent h1 { margin: 0 0 15px 0; padding: 0; font-family: "arial"; font-weight: normal; font-size: 170%; color: #666; }
#maincontent h2 { margin: 30px 0 15px 0; padding: 0; font-family: "arial"; font-weight: normal; font-size: 120%; color: #666; }
#maincontent img { float: right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #CCC; }
#maincontent ul { margin: 0 0 15px 30px; list-style-type: square; color: #00b1ff; }
#maincontent blockquote { margin: 0 0 15px 20px; padding: 0 0 0 15px; border-left: 3px solid #00b1ff; }
#maincontent a { text-decoration: none; color: #00b1ff; }
#maincontent a.active { text-decoration: underline; color: #00b1ff; }
#maincontent a:hover { text-decoration: underline; color: #00b1ff; }
#maincontent ul li span { color: #000; }
#maincontent table tr td { border-collapse: collapse; color: #000; font-size: 100%; font-family: "verdana"; vertical-align:top;  }
#maincontent td { width: auto; }


table.courses {  width:100%; border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #666; border-collapse: collapse; background-color: white; font-size: 85%; }
.courses tr { border-width: 1px; padding: 5px;	border-style: solid; border-color: #666; background-color: white; }
.courses td { border-width: 1px; padding: 5px; border-style: solid; border-color: #666; background-color: white; }

#footerCont { width: 100%; }

#footer { margin: 0 auto; width: 900px; color: #666; font-size: 85%; background: #FFF; border-top: 1px solid #CCC; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #00b1ff; }

#footerleft { float: left; width: 425px; padding: 15px 0 15px 25px; }

#footerright { float: left; width: 425px; padding: 15px 25px 15px 0; text-align: right; }

#mainterms p { margin: 0 0 15px 0; padding: 0; font-family: "verdana"; font-size: 75%; }
#mainterms li { margin: 0 0 15px 0; padding: 0; font-weight: normal; font-family: "verdana"; font-size: 75%; color: #000; list-style-type: square; color: #00b1ff;}

.title{ padding-top: 8px;}
.field{ margin-top: 2px;}
.errors{ color: red; clear: left; margin: 2px 0 2px 0;}  
.errors2{ color: #000; clear: left; margin: 2px 0 2px 0;}
.small{ font-size: 80%;}
.thanks{ text-align: center; font-size: 100%;} 
.highlight{ background-color: 00b1ff; padding: 5px;}