*
{
  padding:0;
  margin:0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body
{
    font-family:Arial;
    font-size:12px;
    color:#0072bc;
    line-height:17px;
}

#container
{
    width:100%;
    background-image:url(../images/background.jpg);
    background-position:bottom center;
    background-repeat:repeat-x;
}

#header
{
    width:764px;
    height:101px;
    background-image:url(../images/background_header.jpg);
}

#nav ul
{
    position:relative;
    top:82px;
    left:12px;
}

#nav ul li
{
    list-style-type:none;
    float:left;
    margin-right:25px;
}

#nav ul li a
{
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}

#nav ul li a.active, #nav ul li a:hover
{
    color:#FFCC00;
}

#mainImage
{
    position:relative;
    margin-top:28px;
    width:332px;
    height:306px;
}

#left
{
    float:left;
    width:332px;
}

#copy
{
    float:left;
    width:410px;
    margin-left:18px;
    margin-top:17px;
}

#copy h2
{
    font-size:42px;
    font-weight:normal;
    margin-bottom:20px;
    line-height:42px;
}

#copy h3
{
    margin-top:20px;
    margin-bottom:10px;
    font-size:12px;
}

#footer
{
    width:100%;
    height:126px;
    position:relative;
    float:left;
    background-image:url(../images/footerBG.gif);
    background-position:top left;
    background-repeat:no-repeat;
    margin-top:40px;
    line-height:14px;
}

#enrol
{
    margin-top:20px;
    margin-left:20px;
}

#embrace
{
    margin-top:20px;
    margin-left:20px;
}

p.tagline
{
    font-style:italic;
    margin-top:20px;
    font-weight:bold;
    text-align:center;
}

#copyright
{
    font-size:10px;
    width:332px;
    text-align:center;
    margin-top:10px;
    color:#FFFFFF;
}

#links
{
    font-size:12px;
    width:332px;
    text-align:center;
    margin-top:10px;
    font-weight:bold;
    color:#FFFFFF;
}

#links a
{
    text-decoration:none;
    color:#ffffff;
    margin-left:10px;
    margin-right:10px;
}

#links a:hover
{
    color:#FFCC00;
}

img
{
    border:0px;
}

#tabBox
{
    background-color:#eff8fc;
    margin-top:15px;
    margin-bottom:20px;
    padding:10px;
}

#tabBox h3
{
    margin-top:0px;
    margin-bottom:3px;
}

#enrolNow
{
    text-align:center;
}

#barcodeEntry
{
    margin-bottom:10px;
    margin-top:10px;
}

#barcodeError
{
    color:#fe2222;
    font-weight:bold;
}

#checkboxError
{
    color:#fe2222;
    font-weight:bold;
}

p a
{
    text-decoration:underline;
    color:#0072bc;
}

.submitButton
{
    /*vertical-align:bottom;*/
    margin-top:0px;
}

#spacer
{
    height:50px;
    width:100%;
    float:left;
}

#submitForm
{
    margin-top:5px;
    text-align: right;
}

#tab1
{
    background-image:url(../images/tabBG1.gif);
    width:389px;
    margin-top:15px;
}

#tab2
{
    background-image:url(../images/tabBG2.gif);
    width:389px;
    display:none;
    margin-top:15px;
}

#tab3
{
    background-image:url(../images/tabBG3.gif);
    width:389px;
    display:none;
    margin-top:15px;
}

#tab4
{
    background-image:url(../images/tabBG4.gif);
    width:389px;
    display:none;
    margin-top:15px;
}

#tabBottom
{
    height:16px;
    width:389px;
    background-image:url(../images/tabBottom.gif);
}

#link1
{
    width:130px;
    height:35px;
    margin-left:7px;
    float:left;
}

#link2
{
    width:78px;
    height:35px;
    margin-left:1px;
    float:left;
}

#link3
{
    width:77px;
    height:35px;
    margin-left:1px;
    float:left;
}

#link4
{
    width:86px;
    height:35px;
    margin-left:1px;
    float:left;
}

#tabBox a
{
    display:block;
    width:100%;
    height:100%
}

#tab1Content, #tab2Content, #tab3Content, #tab4Content
{
    padding:20px;
}

#tab1Content ul, #tab1Content p, #tab2Content ul, #tab2Content p, #tab3Content ul, #tab3Content p, #tab4Content ul
{
    width:220px;
    float:left;
}

#tab1Content p, #tab2Content p, #tab3Content p
{
    font-weight:normal;
    margin-top:5px; 
}

#tab1Content ul li, #tab2Content ul li, #tab3Content ul li, #tab4Content ul li
{
    margin-top:5px;
}

#tab4Content ul
{
    width:120px;
    float:left;
}

#tab1Content img
{
    margin-top:10px;
}