/* Basic styles */
html,body{ height:100% }
a img{ border:0 }
a,a:visited{color: #99BB66; cursor:pointer; text-decoration:none }
a:hover{color: #F04F3D; cursor:pointer; text-decoration:none }
/* Fonts */
body,table { color:#592A0D; font:11px/16px arial,sans-serif; }
/* Body,html,wrapper */
html{ background: #FFF}

#top-nav{position:absolute;left:372px;top:1px;line-height:1;}
#top-nav li{float:left;background:url('../images/top_nav-ico.png') 0 2px no-repeat;padding:0 14px 0 20px;position:relative;}
#top-nav li.first{background:none;}
#top-nav a{color:#F0503B;font-size:12px}
#top-nav a:hover{color:#99BB66;}
#top-nav li ul{display:none;position:absolute;left:15px;top:12px;background:#fff;padding:3px 0;margin-left:0;}
#top-nav li:hover ul{display:block;}
#top-nav li ul li{display:block;float:none;padding:0;background:none;padding:3px 5px;white-space:nowrap;}
ul {list-style-image:none;list-style-position:outside;list-style-type:none;}

.hs-bottom{background-image : url(../images/hs_bottom.gif);	background-repeat : repeat-x;}
.popup-top{background-image : url(../images/popup_stripes_top.gif);	background-repeat : repeat-x;}
.popup-bottom{background-image : url(../images/popup_stripes_bot.gif);	background-repeat : repeat-x; background-position : bottom;}


h1.orange {font-family: arial, sans-serif; font-size: 11px; color: #F0503B; font-weight: normal; margin-top: 0; margin-bottom: 3;}
h1.brown {font-family: arial, sans-serif; font-size: 11px; color: #592A0D; font-weight: bold; margin-top: 0; margin-bottom: 3;}
h1.brown2 {font-family: arial, sans-serif; font-size: 12px; color: #592A0D; font-weight: normal; margin-top: 0; margin-bottom: 3;}
h1.orange2 {font-family: arial, sans-serif; font-size: 12px; color: #F0503B; font-weight: bold; margin-top: 0; margin-bottom: 3;}
h1.orange3 {font-family: arial, sans-serif; font-size: 13px; color: #F0503B; font-weight: bold; margin-top: 0; margin-bottom: 3;}
h1.orange4 {font-family: arial, sans-serif; font-size: 14px; color: #F0503B; font-weight: normal; margin-top: 0; margin-bottom: 3;}
h1.green {font-family: arial, sans-serif; font-size: 12px; color: #99BB66; font-weight: bold; margin-top: 0; margin-bottom: 10;}
h1.green2 {font-family: arial, sans-serif; font-size: 14px; color: #99BB66; font-weight: bold; margin-top: 0; margin-bottom: 0;}

a.nav {font-size: 12px; font-weight: bold;}
a:hover.nav {font-size: 12px; font-weight: bold;}
.as {color: #F04F3D;}
.footer {font-size: 12px;}
.nav-highlighted {color: #F04F3D; font-size: 12px;}
.bullet-space {padding-top: 5px;}
.bullet-space2 {padding-top: 7px;}
.list-yellow {color: #E5A00D;}
.small {font-size: 10px;}
.tm {font-size: 8px;}
.form {font-family: verdana, arial, sans-serif; font-size: 10px; color:#592A0D;}
.form2 {font-family: verdana, arial, sans-serif; font-size: 10px;}
.subscribe {font-family: verdana, arial, sans-serif; font-size: 10px; color:#FFF; background:#592A0D; border: 0; cursor : pointer; line-height: 15px;}
.orangebold {font-family: arial, sans-serif; font-size: 11px; color: #F0503B; font-weight: bold; margin-bottom: 3;}
.orange {font-family: arial, sans-serif; font-size: 11px; color: #F0503B; font-weight: normal;}
.orange12 {font-family: arial, sans-serif; font-size: 12px; color: #F0503B; font-weight: normal;}
.brown12 {font-family: arial, sans-serif; font-size: 12px; color: #592A0D; font-weight: normal;}
.green {font-family: arial, sans-serif; font-size: 11px; color: #81A565; font-weight: normal;}
.green2 {font-family: arial, sans-serif; font-size: 11px; color: #339933; font-weight: normal;}
.pink {font-family: arial, sans-serif; font-size: 11px; color: #E8137E; font-weight: normal;}
.pinkbold {font-family: arial, sans-serif; font-size: 11px; color: #E8137E; font-weight: bold;}
.brown10 {font-family: arial, sans-serif; font-size: 10px; color: #866048; font-weight: normal;}
.blue {font-family: arial, sans-serif; font-size: 11px; color: #80B2B5; font-weight: normal;}
.s4sbrown {font-family: arial, sans-serif; font-size: 11px; color: #B56C3B; font-weight: normal;}

.music {background:#E4E395; text-align : center; vertical-align : middle;}
.science {background:#7FA165; text-align : center; vertical-align : middle;}
.yoga {background:#B4DCE2; text-align : center; vertical-align : middle;}
.cooking {background:#F4B328; text-align : center; vertical-align : middle;}
.art {background:#F0503A; text-align : center; vertical-align : middle;}
.test1 {background:#E7F07A; text-align : center; vertical-align : middle;}
.test2 {background:#E8137E; text-align : center; vertical-align : middle;}
.blank {background:#592A0D;}
.line {background:#F1F1CA;}

a.brownlink {color:#351501;}
a:hover.brownlink {color:#351501; text-decoration:underline; background:#FFFFFF;}
a.sidenav {background:#FFFFFF; padding-bottom: 3 ; padding-top: 5; vertical-align : middle;}
a:hover.sidenav {background:#FEFBCF; padding-bottom: 3; padding-top: 5; vertical-align : middle;}
a.sidenavon {background:#FEFBCF; padding-bottom: 3; padding-top: 5; vertical-align : middle;}
a:hover.sidenavon {background:#FEFBCF; padding-bottom: 3; padding-top: 5; vertical-align : middle;}
a.greenlink {color:#99BB66; font-size: 12px;}
a:hover.greenlink {color:#F04F3D; text-decoration:underline; font-size: 12px;}
a.orangelink {color:#F0503B; font-size: 12px;}
a:visited.orangelink {color:#F0503B; font-size: 12px;}
a:hover.orangelink {color:#351501; text-decoration:underline; font-size: 12px;}
a.orange2link {color:#F0503B;}
a:visited.orange2link {color:#F0503B;}
a:hover.orange2link {color:#351501; text-decoration:underline;}
a.orange3link {color:#F0503B; font-size: 14px;}
a:visited.orange3link {color:#F0503B; font-size: 14px;}
a:hover.orange3link {color:#351501; text-decoration:underline; font-size: 14px;}
a.bluelink {font-size: 10px; color:#80B2B5;}
a:hover.bluelink {font-size: 10px; color:#351501; text-decoration:underline; background:#FFFFFF;}

* html #find_class li,
* html .entry,
* html #top-nav li{
  behavior: expression(
    this.parsed ? 0 : (
      this.onmouseover=new Function("this.className+=' hover'"),
      this.onmouseout=new Function("this.className=this.className.replace(' hover','')"),
      this.parsed = 1
    )
  );
}


* html #top-nav li.hover ul{display:block;}

