/* CSS Document */
 body { background:url(images/background.jpg) top center repeat-x #ffffff; padding:15px; font-family:tahoma, arial, sans-serif; font-size:70%; color:#000; text-align:center; }
 table { font-size:12px; }
 a { color:#4e0a1b; text-decoration:none;}
 a:hover { color:#6985A2; text-decoration:underline; }
 h1,h2,h3,h4,h5,h6 { font-family:"verdana", tahoma, arial, sans-serif; clear:both; }
#datacontainer h4 { color:#4e0a1b; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }

 h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { color:#3D86D1; }
 h1 { color:#000033; font-size:2.0em; font-weight:normal; letter-spacing:-1px; }
 h2 { border-right:4px double #ffffff; background:#8e1c1c; color:white; padding:1px; text-indent:4px; font-size:1.1em; }
 h3 { border-bottom:1px solid #8E1C1C; color:#8E1C1C; font-size:1.3em; }
 h4 { color:#000000; font-size:15px; font-weight:normal;}
 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 {
  list-style-image: url(images/bullet.gif);
}
 ol { list-style-type:decimal-leading-zero; }
 #outer_border { background:#FFFFFF; padding:8px; width:960px; margin:auto; }
 #container { width:960px; margin:auto; background:#FFFFFF; overflow:auto;}
 #side_left { float:left; width:25px;}
 #top_left { height:86px; background:#ffffff; margin-left:1px; }
 #top_right { height:86px; background:#ffffff; margin-left:1px; text-align:right;}
 
 #pic_side { height:180px; border-top:1px solid #FFFFFF; background:url(images/side_pic1.jpg); margin-top:-1px; }
 #pic_side_2 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic2.jpg); margin-top:-1px; }
 #pic_side_3 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic3.jpg); margin-top:-1px; }
 #pic_side_4 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic4.jpg); margin-top:-1px; }
 #pic_side_5 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic5.jpg); margin-top:-1px; }
 #pic_side_6 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic6.jpg); margin-top:-1px; }
 #pic_side_7 { height:180px; border-top:1px solid #ffffff; background:url(images/side_pic7.jpg); margin-top:-1px; }
 
 #date_left { background:#003366; line-height:21px; height:22px; margin-left:1px; border-top:1px solid #ffffff; }
 #left { float:left; width:190px;}
 #top_strip {
	height:28px;
	border-top:8px;
	background: #013535;
}

#picturegraphic { 
   height:180px; 
   border-top:1px solid #FFFFFF; 
   margin-top:-1px; 
   background:#FFFFFF;
   }
   
 #sitelogo { height:86px; background:#ffffff;}
 #menu { margin-top:0px; border-top:1px solid #FFFFFF; }
 #menu a { text-align:left; display:block; width:174px; height:22px; line-height:22px; border:1px solid #FFFFFF; border-top:0; padding:0 7px; color:#000000; }
 #menu a:hover { color:white; cursor:pointer; background:#8e1c1c; text-decoration:none; }
 #menu a span { float:left; color:#C7CACD; font-weight:bold; }
 #menu a:hover span { color:white; }
 #contact_details {
	clear:both;
	margin:88px 0 0 0;
	padding:4px;
	
	font-size:1em;
	color:#000033;
	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:745px; }
 #hbc { height:24px; text-align:right; border-top:1px solid #CCC2AD; background:#013535; 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:180px; background:url(images/top_pic1.jpg); border-top:1px solid #ffffff; }
 #top_pic_2 { height:180px; background:url(images/top_pic2.jpg); border-top:1px solid #ffffff; }
 #top_pic_3 { height:180px; background:url(images/top_pic3.jpg); border-top:1px solid #ffffff; }
 #top_pic_4 { height:180px; background:url(images/top_pic4.jpg); border-top:1px solid #ffffff; }
 #top_pic_5 { height:180px; background:url(images/top_pic5.jpg); border-top:1px solid #ffffff; }
 #top_pic_6 { height:180px; background:url(images/top_pic6.jpg); border-top:1px solid #ffffff; }
 #top_pic_7 { height:180px; background:url(images/top_pic7.jpg); border-top:1px solid #ffffff; }
 #date { background:#003366; line-height:21px; height:22px; margin-top:-1px; margin-right:1px; text-align:right; padding-right:5px; color:white; border-top:1px solid #ffffff; }
 
 #pagebody_homeouter {
	text-align:center;
	width:725px;
	padding:2px 0 10px 20px;
	background:url(images/homepagebackground.jpg) no-repeat top right;
}
 
 
 
 #pagebody_outer {
	text-align:center;
	margin:auto;
	width:705px;
	padding:2px 0 0 0;
	background:#ffffff;
}
 #pagebody { text-align:left;}
 #pagebody .blueborder img { border:4px solid #000033; }
 #pagebody img { border:4px solid #ffffff; }
 #pagebody .noborder img { border:0; }
 #left_bottom { float:left; width:215px; }
 #bottom { }
 #bot_left { height:20px; clear:both; float:left; width:25px; background:#ffffff repeat-y right; }
 #bot_strip { height:20px; float:left; width:190px; background-color:#ffffff;}
 #bot_right { font-size:0.9em;  line-height:20px; height:20px; float:right; width:745px; background:#ffffff repeat-y left; text-align:right; color:#ccccc; }
 #bot_right span { margin-right:5px; }
 #end { text-align:center; font-size:0.9em; color:#cccccc; padding:10px; }
 #end a { font-size:0.9em; color:#cccccc; }
 #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}
 
 #scroller { clear:both; margin:3px; padding:3px; border:1px solid #CCC2AD; background:#F7F3E7; font-size:1em; color:#867553; text-align:left; }
 #scroller h4 { color:#4e0a1b; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
 #scroller a { color:#8e1c1c; }
 
 #home {padding: 10px; color: #000; }
 #home #side {padding: 10px; border-left: 5px solid #F2EDDD;}
 #home h3 {color: #666666; 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; 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:#FFFFFF; background-color:#003366; border:1px solid #FFFFFF; border-top:0; font-weight: normal; }
   #menu ul li a:hover { color:#000033; background-color:#FFFFFF; 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; }