body {
font-size: 12px;
font-family: arial;
text-align: center;
}

h1 {
color: #1A2E44;
font-size: 15px;
margin: 0px;
padding: 0px;
margin-top: 12px;
}

h2 {
font-size: 20px;
padding: 0px;
margin: 0px;
color: #D9E0E8;
text-align: left;
}

h3 {
color: #31537A;
font-size: 15px;
margin: 0px;
padding: 0px;
margin-top: 0px;
}

#imc {
float: left;
position: relative;
top: 24px;
left: 16px;
}

.white {
color: #FFF;
}

.blue {
color: #31537A;
}


p {
color: #1A2E44;
margin-top: 7px;
margin-bottom: 7px;
}

#pagewidth {
width: 890px;
margin-left: auto;
margin-right: auto;
}

#header {
width: 890px;
height: 100px;
background-image: url("head.jpg");
background-position: top center;
background-repeat: no-repeat;
}


#leftside {
width: 188px;
background-color: #fff;
float: left;
position: relative;
margin-bottom: 15px;
}


#tutorial {
width: 178px;
border: 3px #31537A solid;
background-color: #F1F2F6;
margin-top: 26px;
padding: 4px;
}



#rightside {
width: 702px;
float: right;
position: relative;
text-align: left;
}

#stage {
width: 697px;
float: right;
position: relative;
text-align: left;
margin-top: 15px;
}


#footer {
height: 31px;
width: 890px;
clear: both;
line-height: 31px;
background-image: url("footerbg.gif");
background-position: top center;
background-repeat: no-repeat;
font-size: 11px;
color: #1A2E44;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}


#footer a:link { color: #1A2E44; text-decoration: none; }
#footer a:active {color: #1A2E44; text-decoration: none; }
#footer a:visited {color: #1A2E44; text-decoration: none; }
#footer a:hover {color: #1A2E44; text-decoration: none; }


#internetmarketingcourses {
width: 95px;
height: 71px;
float: left;
position: relative;
left: 5px;
top: 15px;
}


.marketing {
display: none;
}

#descriptor{
width: 256px;
float: left;
left: -242px;
top: 48px;
position: relative;
color: #D9E0E8;
text-align: left;
}








.seo {
display: none;
}





.cssnav{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(homehover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 60px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 90px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 



























.cssnav2{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(tutorialshover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 60px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{
width: 90px;
height: 60px;
border: 0
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 









































.cssnav3{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(newsletterhover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 60px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 img
{
width: 90px;
height: 60px;
border: 0
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 






























.cssnav4{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(contactushover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 60px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav4 img
{
width: 90px;
height: 60px;
border: 0
}

.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


#leftstage {
margin-top: 15px;
width: 176px;
margin-left: auto;
margin-right: auto;
}

#leftsideheader {
background-image: url("leftsideheader.jpg");
background-position: top center;
background-repeat: no-repeat;
color: #fff;
width: 176px;
height: 45px;
line-height: 45px;
text-align: left;
font-weight: bold;
font-size: 14px;
text-indent: 12px;
margin-left: auto;
margin-right: auto;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}

#leftheadmid {
background-image: url("leftheadmid.jpg");
background-position: top center;
background-repeat: no-repeat;
color: #fff;
width: 176px;
height: 45px;
line-height: 45px;
text-align: left;
font-weight: bold;
font-size: 14px;
text-indent: 12px;
margin-left: auto;
margin-right: auto;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}


#leftitem {
background-image: url("leftitem.gif");
background-position: top center;
background-repeat: no-repeat;
width: 176px;
height: 44px;
line-height: 44px;
text-align: left;
color: #058AC4;
font-size: 12px;
text-indent: 9px;
margin-left: auto;
margin-right: auto;
float: left;
position: relative;
margin: 0px;
padding: 0px;
font-weight: bold;
}


#leftitem a:link { color: #31537A; text-decoration: none; }
#leftitem a:active {color: #31537A; text-decoration: none; }
#leftitem a:visited {color: #31537A; text-decoration: none; }
#leftitem a:hover { color: #1A2E44; text-decoration: underline; }

#leftitembtm {
background-image: url("leftitembtm.gif");
background-position: top center;
background-repeat: no-repeat;
width: 176px;
height: 44px;
line-height: 44px;
text-align: left;
color: #058AC4;
font-size: 12px;
text-indent: 9px;
margin-left: auto;
margin-right: auto;
float: left;
position: relative;
margin: 0px;
padding: 0px;
font-weight: bold;
}

#leftitembtm a:link { color: #31537A; text-decoration: none; }
#leftitembtm a:active {color: #31537A; text-decoration: none; }
#leftitembtm a:visited {color: #31537A; text-decoration: none; }
#leftitembtm a:hover { color: #1A2E44; text-decoration: underline; }




#leftmsgtop {
background-image: url("leftmsgtop.jpg");
background-position: top center;
background-repeat: no-repeat;
width: 176px;
height: 6px;
font-size: 1px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}

#leftmsgmid {
background-image: url("leftmsgmid.jpg");
background-position: top center;
background-repeat: repeat-y;
width: 176px;
font-size: 12px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}


#leftmsgbtm {
background-image: url("leftmsgbtm.jpg");
background-position: top center;
background-repeat: no-repeat;
width: 176px;
height: 9px;
font-size: 1px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}

#leftmsg {
color: #1A2E44;
width: 160px;
left: 7px;
position: relative;
float: left;
text-align: left;
}































































#buttons{
height: 60px;
width: 360px;
float: right;
top: 20px;
right: 7px;
position: relative;
}




#topbtns {
width: 367px;
height: 60px;
float: right;
top: 10px;
left: -25px;
position: relative;
}


#centerbanner {
width: 697px;
height: 203px;
background-image: url("centerbanner.jpg");
background-position: top center;
background-repeat: no-repeat;
}




#block1 {
width: 208px;
height: 153px;
background-image: url("block1.gif");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
}


#block2 {
width: 208px;
height: 153px;
background-image: url("block2.jpg");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
margin-left: 27px;
}


#block3 {
width: 208px;
height: 153px;
background-image: url("block3.jpg");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
margin-left: 27px;
}













#btmblocktop {
background-image: url("btmblocktop.gif");
background-position: top center;
background-repeat: no-repeat;
width: 687px;
height: 17px;
font-size: 1px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
margin-top: 15px;
}

#btmblockmid {
background-image: url("btmblockmid.gif");
background-position: top center;
background-repeat: repeat-y;
width: 687px;
font-size: 12px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}


#btmblockbtm {
background-image: url("btmblockbtm.gif");
background-position: top center;
background-repeat: no-repeat;
width: 687px;
height: 17px;
font-size: 1px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}

#btmstage {
left: 11px;
top: 0px;
width: 662px;
float: left;
position: relative;
}


#gutter {
height: 15px;
width: 4px;
clear: both;
}

#topmsg {
color: #fff;
top: 130px;
left: 26px;
font-size: 13px;
font-weight: bold;
position: relative;
}


#daysleft {
height: 60px;
width: 171px;
left: 16px;
top: 8px;
float: left;
position: relative;
background-image: url("fadestrip.jpg");
background-position: bottom center;
background-repeat: no-repeat;
}

#nextevent {
width: 171px;
float: left;
position: relative;
font-size: 13px;
color: #192E43;
font-weight: bold;
font-family: arial black, arial;
}

#countdown {
width: 171px;
float: left;
position: relative;
font-size: 13px;
color: black;
font-weight: bold;
font-family: arial black, arial;
}

#cdleft {
width: 111px;
float: left;
position: relative;
}

#cdright {
width: 60px;
float: left;
position: relative;
text-align: right;
font-family: arial narrow, arial;
font-weight: bold;
font-size: 40px;
margin: 0px;
padding: 0px;
color: #192F47;
top: 4px;
}

.location {
color: #990000;
}

#nedesc {
color: #000;
font-family: arial;
font-size: 11px;
clear: both;
width: 171px;
left: 16px;
top: 8px;
position: relative;
}


#blockstage {
height: 140px;
width: 171px;
left: 16px;
top: 8px;
float: left;
position: relative;
}

#blockdesc {
color: #000;
font-family: arial;
font-size: 11px;
clear: both:
width: 171px;
top: 8px;
position: relative;
}


#rhs {
width: 330px;
margin-left: auto;
margin-right: auto;
}

#rhstop {
width: 330px;
height: 27px;
background-image: url("rhstop.gif");
background-position: top center;
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
line-height: 27px;
text-align: left;
text-indent: 12px;
float: left;
position: relative;
}

#rhsmid {
width: 330px;
background-image: url("rhsmid.gif");
background-position: top center;
background-repeat: repeat-y;
height: auto;
text-align: left;
}

#rhsbtm {
width: 330px;
height: 16px;
background-image: url("rhsbtm.gif");
background-position: top center;
background-repeat: no-repeat;
clear: both;
}

#rhsstage {
font-size: 11px;
left: 6px;
position: 
relative; width: 316px;
}








#left2 {
width: 183px;
float: left;
position: relative;
}


#left2top {
width: 183px;
height: 11px;
background-image: url("left2top.gif");
background-position: top center;
background-repeat: no-repeat;
color: #000;
font-weight: bold;
text-align: left;
text-indent: 12px;
font-size: 1px;
float: left;
position: relative;
}

#left2mid {
width: 183px;
background-image: url("left2mid.gif");
background-position: top center;
background-repeat: repeat-y;
text-align: center;
color: #1A2E44;
float: left;
position: relative;
}

#left2btm {
width: 183px;
height: 11px;
background-image: url("left2btm.gif");
background-position: top center;
background-repeat: no-repeat;
font-size: 1px;
clear: both;
float: left;
position: relative;
}




.th {
text-align: center;
color: #1A2E44;
border: 1px #1A2E44 solid;
font-size: 11px;
font-weight: bold;
}


.td {
text-align: left;
color: #1A2E44;
border: 1px #1A2E44 solid;
font-size: 11px;
}









#main2 {
width: 700px;
float: right;
position: relative;
text-align: left;
}



#learn {
float: left; 
position: relative; 
left: 262px;
top: 12px;
font-size: 14px;
}


#learn a:link { color: #FFFFFF; text-decoration: underline; }
#learn a:active {color: #FFFFFF; text-decoration: underline; }
#learn a:visited {color: #FFFFFF; text-decoration: underline; }
#learn a:hover {color: #32547A; background-color: white; text-decoration: none; }


.tutorial {
font-size: 16px;
padding: 18px;
margin-left: 46px;
font-weight: bold;
}

#tutdesc {
font-size: 12px;
font-weight: normal;
margin-top: 10px; 
}
