body { background:url(images/background.jpg) top center repeat-x #dad2ba; padding:15px; font-family:tahoma, arial, sans-serif; font-size:70%; color:#000; text-align:center; }
 table { font-size:1em; }
 a { color:#4e0a1b; text-decoration:none;}
 a:hover { color:#6985A2; text-decoration:underline; }
 h1,h2,h3,h4,h5,h6 { font-family:"trebuchet ms", tahoma, arial, sans-serif; clear:both; }
 h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { color:#3D86D1; }
 h1 { color:#4e0a1b; font-size:2.0em; font-weight:normal; letter-spacing:-1px; }
 h2 { border-right:4px #cc0000; background:#cc0000; color:white; padding:1px; text-indent:4px; font-size:1.2em; }
 h3 { border-bottom:0px solid #8E1C1C; color:#8E1C1C; font-size:1.2em; }
 h1.pageheading { color:#4e0a1b; margin-top:0; font-size:2.1em; letter-spacing:-1px; font-weight:normal; }
 h1.pageheading span { color:#BBBFC3; letter-spacing:-2px; }
 ul {  }
 ol { list-style-type:decimal-leading-zero; }
 #outer_border { background:#cccccc; padding:8px; width:760px; margin:auto; }
 #container { width:760px; margin:auto; background:url(images/container_back.gif) #F2EDDD; overflow:auto; border:0 solid #fafafa; }
 #side_left { float:left; width:25px; border-top:1px solid #cc0000; }
 #top_left { height:30px; background:#cc0000; margin-left:0px; }
 #pic_side { height:170px; border-top:1px solid #CCC2AD; background:url(images/side_pic1.jpg); margin-top:-1px; }
 #date_left { background:#cc0000; line-height:21px; height:22px; margin-left:0px; border-top:2px solid #4e0a1b; }
 #left { float:left; width:190px; }
 #top_strip { height:25px; border-top:5px solid #cc0000; background:#000000;}
 #top_stripbase { height:20px; background:#000000;}
 #sitelogo { height:195px; text-align:center; font-size:1.5em; font-weight:bold; color:#000000; background:#000000; }
 #menu { margin-top:0px; border-top:1px solid #ffffff; }
 #menu a { text-align:left; display:block; width:174px; height:24px; line-height:23px; border:1px solid #CCC2AD; border-top:0; padding:0 7px; color:#4e0a1b; }
 #menu a:hover { color:white; cursor:pointer; background:#CCCCCC; text-decoration:none; }
 #menu a span { float:left; color:#CCCCCC; font-weight:bold; }
 #menu a:hover span { color:white; }
 #mobile_details { clear:both; margin:10px; padding:7px; border:1px solid #CCC2AD; background:#CCCCCC; font-size:1em; color:#CC0000; text-align:left; }
 #mobile_details h4 { color:#4e0a1b; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
 #contact_details { clear:both; margin:10px; padding:7px; border:1px solid #CCC2AD; background:#CCCCCC; font-size:1em; color:#CC0000; text-align:left; }
 #contact_details h4 { color:#4e0a1b; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
 #contact_details a { color:#8e1c1c; }
 #right { float:right; width:545px; }
 #hbc { height:24px; text-align:right; background:#cc0000; color:white; padding-right:10px; font-size:0.9em; padding-top: 6px }
 #hbc1 { height:24px; text-align:right; border-top:1px solid #CCC2AD; background:#cc0000; color:white; padding-right:10px; font-size:0.9em; padding-top: 6px }
 #hbc a { color:white; font-size:0.9em; }
 #hbc a:hover { color:#4e0a1b; text-decoration:none; }
 #hbc a:hover img {border: 0}
 #top_pic { height:169px; background:url(images/top_pic1.jpg); border-top:1px solid #CCC2AD; }
 #date { background:#cc0000; line-height:21px; height:22px; margin-top:-1px; margin-right:1px; text-align:right; padding-right:5px; color:white; border-top:2px solid #4e0a1b; }
 #pagebody_outer { text-align:center; margin:auto; width:505px; padding:10px 0; background:url(images/page_back.gif) no-repeat top center;  }
 #pagebody { text-align:left;}
 #pagebody img2 { border:4px solid #DDD1AC; }
 #pagebody img { border:0px solid #DDD1AC; }
 #pagebody .noborder img { border:0; }
 #bottom { }
 #bot_left { height:25px; clear:both; float:left; width:26px; background:#cc0000 repeat-y right; }
 #bot_strip { height:20px; float:left; width:189px; border-bottom:5px solid #cc0000; }
 #bot_right { font-size:0.9em;  line-height:23px; height:25px; float:right; width:545px; background:#CC0000 repeat-y left; text-align:right; color:white; }
 #bot_right span { margin-right:5px; }
 #end { text-align:center; font-size:0.9em; color:white; padding:10px; }
 #end a { font-size:0.9em; color:white; }
 #end a:hover { text-decoration:underline; }
 img.clsleft { margin-right:10px; margin-bottom:10px; }
 img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
 img.clsright { margin-left:10px; margin-bottom:10px; }
 .datatable th { background:#4e0a1b; color:white; font-weight:normal; border:1px solid white; padding:3px; }
 .datatable td { background-color:#F5f5f5; border:1px solid white; padding:3px; }
 .datatable p { padding:0; margin:0; }
 .notes { font-size:.8em; color:#888; }
 .shout { font-size:1.2em; color:#4e0a1b; font-weight:bold; padding:5px; background:#EFF2F4; display:inline; }
 #course {font-size: 0.9em}
 
 #home {padding: 10px; background:url(images/gradient.gif) repeat-x; #f2eddd color: #000; }
 #home #side {padding: 10px; border-left: 5px solid #F2EDDD;}
 #home h3 {color: #847964; font-weight: normal; font-size:1.6em; border: 0 }
 #side h3 {color: #8e1c1c; font-weight: normal; margin-bottom: 0; padding-bottom: 0; font-size:1.6em; border: 0}
 #side a { font-weight: bold }
 #side { padding: 10px; background:url(images/gradient.gif) repeat-x; #f2eddd color: #000; }
  #menu ul { margin:0; padding:0; list-style:none; width:190px; }
   #menu ul li { position:relative; }
   #menu li ul { position:absolute; left:189px; top:-1px; display:none; border-top:1px solid #ffffff; }
   #menu ul li a { display:block; text-decoration:none; color:#000000; background-color:#CCCCCC; border:1px solid #ffffff; border-top:0; font-weight: normal; }
   #menu ul li a:hover { color:white; background-color:#CC0000; text-decoration:none; }
    
    /* Fix IE. Hide from IE Mac \*/
    * html #menu ul li { float: left; }
    * html #menu ul li a { height: 1%; }
    /* End */
    
   #menu li:hover ul, #menu li.over ul { display: block; }