a:link, a:visited {
	font-size: 12px; 
           color: #339679;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
a:hover {
  color: #CCCC00;
  text-decoration: none;
}
a:link.main_menu, a:visited.main_menu{
font-size: 13px; 
           color: #FFFFFF;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font:bold;
}
a:hover.main_menu {
  color: #FFCCCC;
  text-decoration: none;
}
a:link.second_menu, a:visited.second_menu{
font-size: 12px; 
           color: #880000;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-stretch:semi-expanded;
	font:bold;
}
a:hover.second_menu {
  color: #CC3300;
  text-decoration: none;
}
a:link.school, a:visited.school{
font-size: 13px; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-stretch:semi-expanded;
	font:bold;
}
a:hover.school {
    text-decoration: none;
	font-size:13px;
}
a:link.nav, a:visited.nav{
font-size: 13px; 
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-stretch:semi-expanded;
	font:bold;
	color:#880000;
}
a:hover.nav {
    text-decoration: none;
	color: #CC3300;
	font-size:13px;
	border-bottom: 1px dotted grey;
}
a:link.support, a:visited.support{
font-size: 12px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:semi-expanded;
	color: #333333;
}
a:hover.support {
    text-decoration: none;
	text-shadow:#880000;
	color: #666666;
	font-size:12px;
	border-bottom: 1px dotted grey;
}
a:link.top, a:visited.top{
font-size: 11px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:semi-expanded;
	color: #333333;
}
a:hover.top {
    text-decoration: none;
	text-shadow:#880000;
	color: #666666;
	font-size:11px;
	border-bottom: 1px dotted grey;
}
h2 { font-size: 11px; color:#387271; font-family:Georgia, Times New Roman, Times, serif; margin-bottom:-5px}
h3 { font-size: 13px; color: #880000; font-family:Georgia, Times New Roman, Times, serif; padding-left:10px}
h3.line{ border-bottom:4px solid #880000;}
h4 { font-size: 11px; color:#387271; font-family:Georgia, Times New Roman, Times, serif; margin-bottom:-10px}
h4.line { border-bottom:1px solid #FF3300}
h4.line2 { border-bottom:1px solid #B7CBD2}
h4.header{ background-color:#880000; color: #FFFFFF; text-align:center}
h5 { font-size: 13px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif;	font-stretch:semi-expanded;
	font:bold; color: #880000; padding-left:10px; padding-top:5px; padding-bottom:5px; border-bottom:4px solid #880000}

p {
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}
p.dept { font-size:13px; font-stretch:semi-expanded}
p.tidy { text-align:justify}

img.services {border: 1px solid #669999; padding: 2px 2px 2px 2px}

span.time { font-size: 12px; border-bottom-style:dotted; border-bottom-width:thin}
#container { width: 800px; margin: 0 auto; font-family:Tahoma; background-color:white}

#header { width: 798; height: 120px ; margin: 0 auto; position: relative; border: 1px solid #880000; background-image: url(/images/iep.png); }

#logo { position: absolute; left: 0; top:0; width: 250px; height: 70px; }
#slogan { position: absolute; left: 738px; top:5px; width: 250px; font-family: Geogia; font-size: 24pt; }

#menubar { width: 798; height: 25px; background-color: #880000; position: absolute; top: 71px; left: 0}
#menubar ul { margin-left: 5px; padding-left: 0px; display: inline; } 
#menubar ul li { list-style: none; font-size: 13px; display: inline; padding-left: 8px; padding-right:8px; border-right: 1px solid white;}
#menubar ul li.last { border-right:0; }	
#menubar ul li a { text-decoration: none; color: white; font-weight: bold;}

#side_menu { width:400; height: 25px; position: absolute; left: 668px; top:96px;}
#side_menu ul { margin-left: 5px; padding-left: 0px; display: inline; } 
#side_menu ul li { list-style: none; font-size: 13px; display: inline; padding-left: 8px; padding-right:8px; border-right: 1px solid #880000;}
#side_menu ul li.last { border-right:0; }	
#side_menu ul li a { text-decoration: none; color: #880000; font-weight: bold;}

#content { position: relative; }

#left { width: 250px; position: absolute; top: 5px; border-right: 1px dotted grey; }

#event { width: 230px; margin-left: 10px; margin-top: 0px }
#event h3 {color: #880000;border-bottom:4px solid #880000; font-family:Georgia, Times New Roman, Times, serif; font-size: 12px}
#event h4 span.date {color: #880000; margin-left: 10px; font-family:Georgia, Times New Roman, Times, serif}
div.event_list {padding-left: 16px; padding-right: 0px; font-size:11px; font-family:Myriad, Arial; margin-top: -15px}
div.gateway {width: 150px; padding-left: 10px; padding-right: 0px; padding-bottom:0px; padding-top:5px; font-size:14px}
div.news {width: 420px; padding-left: 0px; padding-right: 0px; padding-bottom:0px; font-size:12px; margin-left:-10px; margin-top:-5px}
div.school {width: 300px; padding-left:10px; font-size:14px}
div.support {background-color:#EEEEEE; width:150px; font: 12px; padding-top:10px; padding-left:10px; padding-bottom:10px }
div.dept { margin-left:20px; margin-top:-10px; font-size: 13px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:semi-expanded;
	color: #333333;
	width: 350px}
div.courses { margin-top:-10px; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
div.sidemenu { width: 180px; padding-left: 18px; padding-right: 0px; font:bold 12px Myriad, Arial; margin-top: -10px }
div.current {width: 230px; padding-left: 6px; padding-right: 0px; font:bold 12px Myriad, Arial; margin-top: -10px}
div.faci_menu {border: 1px solid #880000; padding: 3px 3px 3px 3px; font:12px Arial, Helvetica, sans-serif; text-align:center }
div.staff { color:#FFFFFF; background-color:#880000; font:bold 13px Arial, Helvetica, sans-serif; padding:6px}
div.right { text-align:right}

#center { width: 250px; position: absolute; top: 5px; left: 251px; border-right: 1px dotted grey}

#school { width: 150px; margin-left: 10px; margin-top: 10px;}
#school h3 {color: #880000;border-bottom:4px solid #880000; font-family:Georgia, Times New Roman, Times, serif; }
#school ul { margin-left: 5px; padding-left: 0 }
#school ul li { list-style: none; line-height: 1.5em; font-size: 13px; padding-left: 8px; padding-right:8px;}
#school ul li a { text-decoration: none; color: black; font-weight: bold;}
#school ul li a:hover { border-bottom: 1px dotted grey; color: #880000; font-weight: bold;}

#right { position: absolute; left: 510px; top: 5px; width: 450px; }
#banner { padding: 5 5 5 5}

#bottom { position: absolute; margin-left: 5px; left: 251px; top: 240px; width: 706px; border-top: 1px dotted grey}

#news {width: 445px; margin-left: 10px; }
#news h3 {color: #880000; border-bottom:4px solid #880000; font-family:Georgia, Times New Roman, Times, serif}
#news ul { margin-left: 5px; padding-left: 0 }
#news ul li { list-style: none; line-height: 1em; font-size: 13px; padding-left: 8px; padding-right:8px;}
#news ul li a { text-decoration: none; color: black; font-size: 11px}
#news ul li a:hover { border-bottom: 1px dotted grey; color: #880000; font-weight: bold;}

#gateway { width: 180px; margin-left:480px; margin-top: -147px; }
#gateway h3 {color: #880000;border-bottom:4px solid #880000; font-family:Georgia, Times New Roman, Times, serif}
#gateway ul { margin-left: 5px; padding-left: 0px; width: 160px} 
#gateway ul li { list-style: none; line-height: 1.5em; font-size: 13px; padding-left: 8px; padding-right:8px;}
#gateway ul li a { text-decoration: none; color: black; font-weight: bold;}
#gateway ul li a:hover { border-bottom: 1px dotted grey; color: #880000; font-weight: bold;}

#footer { position: relative; margin-top: 400px; width: 988px; height: 25px; background-color:#880000}
#footer span { padding-left: 20px; color: white; font-weight: bold; font-size: 14px;}	

