html { height: 100%; margin-bottom: 1px; }

#container{ width: 760px; text-align: left; margin: 0 auto; padding: 0; }
#header{ width: 760px; height: 95px; margin: 0 auto; padding: 0; background: url(../img/safedrivershawaii_head.gif) top left no-repeat; }
#header h1{ display: none;}

#login{ width: 283px; height: 64px; margin: 0; padding: 6px 0 0 0; position: relative; left: 477px; top: 0;  }

#login.admin{ text-align: right; }

#login a{ color: #666; text-decoration: none; border-bottom: #ccc 1px solid; }
#login a:hover{ color: #333; }

#nav{ width: 760px;  margin: 0; padding: 0; position: relative; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
#nav ul{ margin: 0; padding: 0; list-style: none;  text-align: right; }
#nav li{ display: inline; margin: 0; padding: 0;}

#nav a {  float: right; background: url(../img/nav_left.gif) no-repeat left top; margin: 0; padding:0 0 0 6px; text-decoration: none; }
#nav a span{ display: block; float: left; background: url(../img/nav_right.gif) no-repeat right top; padding: 7px 10px 0 10px; text-decoration: none; font-weight: bold; margin: 0 2px 0 0; color: #fff;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
#nav a:hover{ background-position:0 -125px; }
#nav a:hover span { background-position:100% -125px;  }
#nav #current a{ background-position:0 -125px; }
#nav #current a span { background-position:100% -125px;  }

#head_photo{ width: 760px; height: 121px; margin: 20px 0 0 0;  }
#head_photo_classes{ width: 760px; height: 121px; margin: 20px 0 0 0; background: url(../img/banner_classes.jpg) no-repeat;  }
#head_photo_classes a{ display: block; height: 37px; text-decoration: none; }

#classes_teen a{  background: url(../img/navhead_teen.jpg); text-indent: -5000px; overflow: hidden; position: relative; top: 84px; left: 59px; width: 127px; height: 37px; float: left;}
#classes_adult a{  background: url(../img/navhead_adult.jpg); text-indent: -5000px; overflow: hidden; position: relative; top: 84px; left: 59px; width: 127px; height: 37px; float: left; margin-left: 8px;}
#classes_defensive a{  background: url(../img/navhead_defensive.jpg); text-indent: -5000px; overflow: hidden; position: relative; top: 84px; left: 59px; width: 127px; height: 37px; float: left; margin-left: 8px; }

#classes_teen.off a{  background: url(../img/navhead_teen.jpg); background-position: 0 -74px; }
#classes_adult.off a{  background: url(../img/navhead_adult.jpg); background-position: 0 -74px; }
#classes_defensive.off a{  background: url(../img/navhead_defensive.jpg);  background-position: 0 -74px; }

#classes_teen a:hover{ background-position: 0 0; }
#classes_adult a:hover{background-position: 0 0; }
#classes_defensive a:hover{background-position: 0 0; }


#content{ width: 760px;  margin: 20px 0 0 0; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;}
#content a{ color: #666; text-decoration: none; border-bottom: #ccc 1px solid; }
#content a:hover{ color: #333; }
#content h1.first{ margin: 4px 0 0 0; padding: 0; font-weight: normal; font-size: 25px;}
#content h1{ margin: 6px 0 10px 0; padding: 0; font-weight: normal; font-size: 25px;}
#content h2{ margin: 4px 0 0 0; padding: 0; font-weight: normal; font-size: 20px; color: #000; font-family: Georgia, "Times New Roman", Times, serif;}
#content h2.color{ margin: 0; padding: 0; font-weight: normal; font-size: 20px; color: #CF0C6E; font-family: Arial, Helvetica, sans-serif;}
#content h3{ margin: 6px 0 0 0; padding: 0; color: #CF0C6E; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 15px; }
#content form{ margin: 15px 0 20px 0; }

#left_col{ padding-right: 8px; margin-bottom: 10px; width: 450px; float: left; }
#left_col_big{ padding-right: 8px; margin-bottom: 10px; width: 530px; float: left; }
#right_col{ width: 284px; padding: 0 8px; margin-bottom: 10px; float: right; border-left: 1px solid #ccc; background: #FAE8C0 url(../img/rightcol_bg.jpg) top left repeat-x;}
#right_nav{ width: 200px; padding: 8px 8px 15px 8px; margin-bottom: 10px; float: right; border-left: 1px solid #ccc; background: #FAE8C0 url(../img/rightcol_bg.jpg) top left repeat-x;}
#right_nav ul li a{ font-size: 15px; color: #CF0C6E; font-weight: bold; text-decoration: none; border: none; display: block; padding: 6px 0; font-family: Arial, Helvetica, sans-serif;}
#right_nav ul li a:hover, #right_nav ul li a.curr{ color: #666; font-weight: bold; padding: 5px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}

#right_nav p.note{ font-style: italic; line-height: 1.4em; font-size: 14px; }
#right_nav p.note a{ }

.img_left{ padding: 0; margin: 0 7px 7px 0; border: 1px solid #ccc; }
.img_right{ padding: 0; margin: 0 0 0 7px; border: 1px solid #ccc; }
.caption{ font-family: Arial, Helvetica, sans-serif; }
.flushtop{ margin-top: 3px; padding-top: 0; }

ul.sessions{ margin: 4px 0 0 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
ul.sessions li{ margin: 0 0 0 10px; padding: 5px 0; list-style: none;  }
ul.sessions a{ color:#333 !important; font-weight: normal; text-decoration: none; border: none !important;}
ul.sessions a:hover{ color:#000 !important; border-bottom: #ccc 1px solid !important;}
ul.sessions .header_session{ font-size: 14px; color: #666; }

#announcements{ padding-bottom: 10px; height: 620px; }
#announcements small{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #666; }
#announcements p{ margin-top: 0; }
#announcements a{ color: #CF0C6E; text-decoration: none; border: none; }
#announcements a:hover{ color: #666; }

#content table{ margin: 10px 0; }


#footer{ clear: both; width: 760px; color: #888; border-top: 1px solid #ccc; margin: 20px 0 5px 0; padding: 2px 0 15px 0; font-size: 13px; }
#footer a{ color: #777; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

ul.li_options{ list-style: none; margin: 0; padding: 0;}
ul.li_options li{ margin: 0; padding: 4px 0; }

.sml{ font-size: 11px; }
.noborder{ border: none !important; }

.status{ background-color:#FFFF00; padding: 5px; font-weight: bold; }

table.calendar{ width: 100%; }
table.calendar caption.calendar-month{ margin: 0; padding: 10px 0; font-weight: bold; font-size: 20px;  color: #CF0C6E; font-family: Arial, Helvetica, sans-serif; }
table.calendar th{ background: #FFFFCC; text-align: center; padding-top: 4px; }
table.calendar td{ height: 100px; width: 108px; vertical-align: top; text-align: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;; border: 1px solid #ccc; border-left: none; border-top: none; margin: 0; padding: 0 .4em .4em .4em;  }
table.calendar td.today{ background: #FFFFCC; border-color: #999; }
table.calendar td.empty{ background: #eee; }
table.calendar p.day{ font-weight: normal; color: #333; margin: 0; padding: 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif;}
table.calendar .time{ color: #666; }
table.calendar td.today p.day{ font-weight: bold; color: #333; }

table{ font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; border-bottom: none !important; border-right: none !important; }

table tr.alt,table th{ background-color: #FDF6EC; }
table td, table th{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}

.navarrow{ font-weight: normal; }

.bigradio{ font-size: 15px; }

p.alt{ font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; color: #333; }

  .error {
    border: 1px solid red;
    background-color: #ffffee;
    color: #660000;
    width: 400px;
    padding: 5px;
  }
  .notify {
    border: 1px solid #336699;
    background-color: #ffffee;
    color: #336699;
    width: 400px;
    padding: 5px;
  }