body { background: #02d0ff url('/_images/body_bg.gif') top repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; }

#wrapper { width: 100%; background: url('/_images/wrapper_bg.gif') no-repeat; height:600px; }

#container { width: 858px; margin-left: 172px; position: relative; }
#container h1 { float: left; }
#container h1 a { display: block; text-indent: -5000px; width: 243px; height: 108px; background: url('/_images/logo.gif') no-repeat; }

#top-nav { visibility:hidden; float: right; padding-top: 8px; }
#top-nav li { display: inline; font-size: 10px; color: #fff; }
#top-nav a { text-decoration: none; color: #fff; margin: 0 3px 0 0; }

#header { clear: both; background: url('/_images/header_bg.jpg') no-repeat; width: 858px; height: 271px; position: relative; }
#header2 { clear: both; background: url('/_images/header_bg2.jpg') no-repeat; width: 858px; height: 271px; position: relative; }
#header3 { clear: both; background: url('/_images/header_bg3.jpg') no-repeat; width: 858px; height: 271px; position: relative; }
#header4 { clear: both; background: url('/_images/header_bg4.jpg') no-repeat; width: 858px; height: 271px; position: relative; }
#header5 { clear: both; background: url('/_images/header_bg5.jpg') no-repeat; width: 858px; height: 271px; position: relative; }
#header h2, #header2 h2, #header3 h2, #header4 h2, #header5 h2 { text-indent: -5000px; }
#header a, #header2 a, #header3 a, #header4 a, #header5 a { width: 115px; height: 45px; display: block; text-indent: -5000px; position: absolute; bottom: 8px; right: 27px; }

/*#content { background: url('/_images/content_bg.png') repeat-y; padding: 0 12px; }*/
#content { background-color:#FFFFFF; width:850px; margin:auto auto; border:none thin black   }

/* main-nav */
.main-nav  {  width: 834px; height: 40px; }
.main-nav li { display: inline; }
.main-nav li a { display: block; float: left; text-indent: -5000px; height: 39px;  width: 167px; }
.main-nav li ul a { display: inline; float: none; text-indent: 0; width: auto; height: auto; }

a#home { background: url('/_images/home.gif') top no-repeat;   }
a#home:hover, a#home-current { background: url('/_images/home.gif') bottom no-repeat; }
a#lessons { background: url('/_images/lessons.gif') top no-repeat;   }
a#lessons:hover, a#lessons-current { background: url('/_images/lessons.gif') bottom no-repeat; }
a#why { background: url('/_images/why.gif') top no-repeat; }
a#why:hover, a#why-current { background: url('/_images/why.gif') bottom no-repeat; }
a#about { background: url('/_images/about.gif') top no-repeat;  }
a#about:hover, a#about-current { background: url('/_images/about.gif') bottom no-repeat; }
a#faq { background: url('/_images/faq.gif') top no-repeat;   width: 166px;}
a#faq:hover, a#faq-current { background: url('/_images/faq.gif') bottom no-repeat; }
a#contact { background: url('/_images/contact.gif') top no-repeat;  width: 166px; }
a#contact:hover, a#contact-current { background: url('/_images/contact.gif') bottom no-repeat; }

/* sub-nav */
.tabcontainer { clear: both; border: 0px solid #e3e4e4;	padding: 4px 0 4px 2px;	font-size: 12px; color: #fff; height: 20px;	text-align: center;  }
.tabcontainer a { font-size:16px; font-weight:bold; color: #3c9fd4; background: url('/_images/bullet.gif') left no-repeat; padding-left: 25px; text-decoration: none; margin: 0 15px; }
.tabcontent{ display:none; }

#main-content { float: left; width: 565px; padding-top: 30px; padding-left: 12px;  }
#main-content h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #f69e00; }
#main-content h3 { font-size: 15px;	font-weight: bold; margin-bottom: 0px; color: #086AB5; }
#main-content p { font-size: 11px; color: #666; margin-bottom: 20px; line-height: 1.5;  }
#main-content ul { font-size: 11px; color: #666; margin-bottom: 20px; line-height: 1.5; margin-left:20px; list-style:disc; }
#main-content li { padding-bottom:10px; }
#main-content .list_header { font-size: 14px; font-weight:bold; color: #666; margin-bottom: 20px; line-height: 1.5; clear:both;}
#main-content .img-left { float: left; display: inline; padding: 0 20px 10px 0; }
#main-content .img-right { float: right; display: inline; padding: 0 10px 10px 20px; }
#main-content .citer { font-weight: bold; font-size:12px; padding-top:10px; }
#main-content strong { font-weight: bold; }
#main-content p.last { background: url('/_images/main_content_divider.gif') bottom repeat-x; padding-bottom: 13px; display: block; }
#main-content #highlight { background: url('/_images/main_content_highlight.gif') no-repeat; width: 539px; height: 350px; padding: 12px; margin-top:0px; clear:both }
#main-content #highlight  h3 { font-size: 15px; font-weight: bold; color :#0864b1; margin-bottom: 20px; }
#main-content #highlight p { color: #333; line-height: 1.5; }
#main-content #highlight a { color: #0869b4; }
#main-content #highlight #video { width: 350px; height: 300px; float: right; display: inline; margin-left: 18px; position: relative; }
#main-content #highlight #video h4 a { text-decoration: none; font-size: 14px; font-weight: bold; color: #f90; display: block; margin: 190px 0 0 0; text-align: center;  }
#main-content a.btt  { font-size:10px; font-weight:bold; color:#68BBF9; text-decoration:none; margin:0px 0 50px 0; display:inline-block; }


#sidebar { width: 252px; float: left; margin-left: 10px; padding-top:30px; }
#sidebar h3#lessons { background: url('/_images/lessons_h3.gif') no-repeat; width: 261px; height: 41px; text-indent: 65px; margin-left: -9px; position: relative; padding-top:20px; font-weight:bold; color:#FFFFFF; }
#sidebar h3#news { background: url('/_images/news_h3.gif') no-repeat; text-indent: 75px; width: 252px; height: 28px; padding-top:10px; font-weight:bold; color:#FFFFFF;}
#sidebar .content { background: url('/_images/sidebar_content.gif') bottom no-repeat; padding-bottom: 5px; width: 252px; margin-bottom: 10px; }
#sidebar .inner-content { background: url('/_images/sidebar_inner_content.gif') repeat-y; padding: 14px 12px 0 12px;}
#sidebar .inner-content h2 { font-size: 13px; font-weight: bold; color: #0771ba; line-height:20px; }
#sidebar .inner-content h2 em { font-style:italic; font-size:11px; text-decoration: none; }
#sidebar .inner-content h4 { font-size: 11px; font-weight: bold; color: #0771ba; }
#sidebar .inner-content p { font-size: 11px; color: #333; padding-bottom: 17px; line-height: 1.5; }
#sidebar .inner-content a { color: #0771ba; }
#sidebar .inner-content span { font-size: 11px; color: #0771ba; display: block; }
#sidebar .inner-content strong { font-size: 11px; color: #333; font-weight: bold; line-height: 1.4; }
#sidebar .inner-content .img-left { float: left; display: inline; margin: 0 12px 12px 0; }
#sidebar .inner-content em { font-weight: bold; text-decoration: underline; }

#footer { background: url('/_images/footer_bg.gif') no-repeat; height: 100px; padding-top: 33px; margin: 0 auto; width: 857px; text-align: center; }
#footer li { display: inline; }
#footer li.first-item a { background: none; }
#footer a { font-size: 11px; color: #fff; text-decoration: none; background: url('/_images/footer_divider.gif') left no-repeat; padding: 0 2px 0 6px; }
#footer a#sd-isr { background: url('/_images/footer_sandiego.gif') no-repeat; display: block; text-indent: -5000px; width: 112px; height: 27px; margin: 10px auto; }
#footer p { font-size: 10px; color: #fff; }


#ddtabs1 { width:840px; padding-left:10px}
#ddtabs1 ul {  width: 834px; height: 40px; }
#ddtabs1 li { display: inline; }
#ddtabs1 a { display: block; float: left; text-indent: -5000px; height: 39px;  width: 167px; }