/* --- MAIN Navigation ---*/

a.courses {display: block; float:left; width: 77px; height: 32px; background: url("../images/nav/nav_courses.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.courses {background-position: 0 -32px;}

a.tour {display: block; float:left; width: 125px; height: 32px; background: url("../images/nav/nav_sample.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.tour {background-position: 0 -32px;}

a.isbao {display: block; float:left; width: 80px; height: 32px; background: url("../images/nav/nav_isbao.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.isbao {background-position: 0 -32px;}

a.online {display: block; float:left; width: 207px; height: 32px; background: url("../images/nav/nav_online.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.online {background-position: 0 -32px;}

a.started {display: block; float:left; width: 100px; height: 32px; background: url("../images/nav/nav_started.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.started {background-position: 0 -32px;}

a.faq {display: block; float:left; width: 48px; height: 32px; background: url("../images/nav/nav_faq.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.faq {background-position: 0 -32px;}

a.about {display: block; float:left; width: 85px; height: 32px; background: url("../images/nav/nav_about.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.about {background-position: 0 -32px;}

a.contact {display: block; float:left; width: 96px; height: 32px; background: url("../images/nav/nav_contact.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.contact {background-position: 0 -32px;}

a.home {display: block; float:left; width: 42px; height: 32px; background: url("../images/nav/nav_home.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.home {background-position: 0 -32px;}

.blank {display: block; float:left; width: 44px; height: 32px; background: url("../images/nav/nav_blank.jpg") 0 0 no-repeat}

/* --- SUB Navigation ---*/

a.sample {display: block; float:left; width: 190px; height: 25px; background: url("../images/nav/btn_tour.jpg") 0 0 no-repeat; text-decoration: none; margin: 0 0 0 15px;}
a:hover.sample {background-position: 0 -25px;}

a.courselist {display: block; float:left; width: 190px; height: 25px; background: url("../images/nav/btn_courses.jpg") 0 0 no-repeat; text-decoration: none; margin: 0;}
a:hover.courselist {background-position: 0 -25px;}

a.login {display: block; float:left; width: 60px; height: 25px; background: url("../images/nav/btn_login.jpg") 0 0 no-repeat; text-decoration: none; margin: 0 0 20px 10px;}
a:hover.login {background-position: 0 -25px;}

.footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; padding: 10px;}
a:link.footer {color: #000000;text-decoration: none; padding: 0px;}
a:visited.footer {color: #000000; text-decoration: none; padding: 0px;}
a:hover.footer {color: #FFFF66; text-decoration: none; padding: 0px;}
a:active.footer {text-decoration: none; padding: 0px;}

.subnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #330033; padding: 0 0 5px 0; border-bottom: 1px solid #330033;}
a:link.subnav {color: #663399;text-decoration: none; padding: 0px;}
a:visited.subnav {color: #663399; text-decoration: none; padding: 0px;}
a:hover.subnav {color: #663399; text-decoration: underline; padding: 0px;}
a:active.subnav {text-decoration: none; padding: 0px;}

/* --- Text ---*/

.standard {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 10px 20px 0 10px;}

.column {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #000066; padding: 0 10px 10px 10px;}
a:link.column {color: #0033CC;text-decoration: none; padding: 0px;}
a:visited.column {color: #0033CC; text-decoration: none; padding: 0px;}
a:hover.column {color: #0033CC; text-decoration: underline; padding: 0px;}
a:active.column {text-decoration: none; padding: 0px;}

.columnheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #362160; font-weight:bold; padding: 0; border-bottom: 1px solid #362160;}

.small {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; padding: 0px 20px 10px 10px;}

.coursedescrip {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}

.header {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #362160; font-weight:bold; padding: 0 20px 0 0;}

.header2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #362160; font-weight:bold; padding: 0 20px 0 0;}

.style1 {font-size: 14px; font-weight:bold;}

/* --- Photos & Layout ---*/

.photo140 {width:140px; float:left; margin:0 10px 5px 0;}
.photo140 p {margin: 0;}

.photo160r {width:170px; float:right; margin:0 10px 5px 10px;}
.photo160r p {margin: 0;}

.photo180 {width:180px; float:right; margin:0 0 5px 10px;}
.photo180 p {margin: 0;}

.photo200 {width:200px; float:left; margin:0 10px 8px 0;}
.photo200 p {margin: 0;}

.photo200r {width:200px; float:right; margin:0 10px 5px 10px;}
.photo200r p {margin: 0;}

.photo200c {width:200px; text-align:center; margin:0 10px 5px 10px;}
.photo200c p {margin: 0;}

.callout {width:540px; background-color:#E9DEFE; border: 1px solid #AE85FA;}

.columncallout {width:190px; background-color:#A7CEFC; border: 1px solid #003366; padding: 0; margin:10px 0 0 0;}