/* these are the base styles that all browsers will use.
NS4 will only use this, as it can't read the other imported CSS */
/* ulnav styles 
color ledgend: 
#cc9966 = borders
#F7EEE6 = bgnd
#777 = text
#EEDDCC = hover

#F1E4D8 = sub-section highlightspan,
*/
.img_border {border: 1px solid #003366;}
div.border1 {border: 1px solid #003366;width:auto;padding:5px;}
body,p,ul,td,ol,.p {font: normal 10pt verdana;}
/* main layout styles */
div.border1 {}
#header {height: 120px;background-color: #003366;	padding: 0px; margin: 5px 5px 0px 5px;}
#leftcol {position: absolute;padding: 5px;top: 125px; left: 0px;width: 160px;color: #000;}
#maincol {margin: 0px 0px 0px 160px;}
#footer {clear: both; position: static;}
.txtnav {	margin: 5px; padding: 5px 5px;	border: 1px solid #cc9966;	height: auto;	background-color: #F7EEE6;}
#content {	border: 1px solid #006699;	height: auto; width:auto; margin: 0px 5px 5px 5px; padding: 5px;}
#newscontent0 {background:  url("http://www.sjd.ac.uk/img/main/news_college.gif") no-repeat fixed left bottom;height: 150px;width:auto;margin: 0px 5px 5px;padding: 0px 5px 5px 82px;border-top: 0px;border-right: 1px solid #395734;border-bottom: 1px solid #395734;border-left: 0px;}
#newscontent1 {background:  url("http://www.sjd.ac.uk/img/main/news_adult_education.gif") no-repeat fixed left bottom;height: 150px;width:auto;margin: 0px 5px 5px;padding: 0px 5px 5px 82px;border-top: 0px;border-right: 1px solid #8B467F;border-bottom: 1px solid #8B467F;border-left: 0px;}
#newscontent2 {background:  url("http://www.sjd.ac.uk/img/main/news_leisure_centre.gif") no-repeat fixed left bottom;height: 150px;width:auto;margin: 0px 5px 5px;padding: 0px 5px 5px 82px;border-top: 0px;border-right: 1px solid #FF9900;border-bottom: 1px solid #FF9900;border-left: 0px;}
/* text and misc styles */
.u {text-decoration: underline;}
.foot {font: normal 10px verdana;color: #999999;}
.footblk {font: normal 10px verdana;color: #000000;}
h1,.h1 {	font: bold 13px verdana;	color: #003366;	margin:5px 0px;	padding:0px 0px 3px;	border-bottom:2px dotted #0099CC;	width: auto;}
h2 {	font: bold 12px verdana;	color: #663399;	margin:5px 0px;	padding:0px 0px 3px;	border-bottom:1px dotted #990000;	width: auto;}
h3 {	font: bold 11px verdana;	color: #003366;	margin:5px 0px;	padding:0px 0px 3px;	border-bottom:1px dotted #0099CC;	width: auto;}
h4 {	font: bold 11px verdana;	color: #003366;	margin:5px 0px;	padding:0px 0px 3px;	border-bottom:0px;	width: auto;}
.textbanner {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFFFFF;}
.textbanner a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #CCCCCC;}
.msg_aok {font-weight: bold;color: #006633;}
.msg_ok {font-weight: bold;color: #006699;}
.err_br {font-weight: bold;color: #FF0000;}
.hidden{display:none;}
/* link styles */
a:link 				{text-decoration: none;color: #333366;}
a:visited 			{text-decoration: none;color: #333366;}
a:hover 			{text-decoration: none;color: #99ccff;}
a:active 			{text-decoration: none;color: #333366;}
/* button styles */
	/* print btn */
.printpage ul {	list-style: none;	padding: 0;	margin: 0px 5px auto;	text-align: right;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
.printpage li { display: block; margin: 0 1px; padding: 2px; text-align: right}
.printpage li a { background:  url("http://www.sjd.ac.uk/img/main/print.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.printpage li a:visited {color:#145C9E}
.printpage li a:hover { background:  url("http://www.sjd.ac.uk/img/main/print.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }
	/* back btn */
.back ul {	list-style: none;	padding: 0;	margin: 0px 5px auto;	text-align: right;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
.back li { display: block; margin: 0 1px; padding: 2px; text-align: right}
.back li a { background:  url("http://www.sjd.ac.uk/img/main/back.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.back li a:visited {color:#145C9E}
.back li a:hover { background:  url("http://www.sjd.ac.uk/img/main/back.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }
	/* email updates btn */
.emailpage ul {	list-style: none;	padding: 0;	margin: 0px 5px auto;	text-align: right;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
.emailpage li { display: block; margin: 0 1px; padding: 2px; text-align: right}
.emailpage li a { background:  url("http://www.sjd.ac.uk/img/main/email_page.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.emailpage li a:visited {color:#145C9E}
.emailpage li a:hover { background:  url("http://www.sjd.ac.uk/img/main/email_page.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }
	/* email updates btn */
.ad_job ul {list-style: none;padding: 0px;margin: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
.ad_job li {display: block;margin: 0px;padding: 0px;color: #FFFFFF;}
.ad_job li a {background:  url("http://www.sjd.ac.uk/img/main/btn_vacancies.gif") no-repeat left;height: 40px;line-height: 15px;width: 152px;display: block;color: #145C9E;text-decoration: none;text-align: center;margin: 0px;padding: 8px 0px 0px;font-weight: bold;}
.ad_job li a:visited {color:#145C9E}
.ad_job li a:hover {background:  url("http://www.sjd.ac.uk/img/main/btn_vacancies_on.gif") no-repeat left;height: 40px;line-height: 15px;width: 152px;display: block;color: #CCCCCC;text-decoration: none;text-align: center;margin: 0px;padding: 8px 0px 0px;font-weight: bold;}
/* input and forms */
input.search_box {font: normal 11px verdana; width:100px; border: 1px solid #145C9E;}
input.search_btn {font: normal 11px verdana; width:25px; border: 1px solid #145C9E;}
textarea.search_box {font-size: 12px; font-family:Arial; width:120px; border: 1px solid #145C9E; height:17px;}     
input.search_btn {font-size: 12px; font-family:Arial; font-weight:bold; width:24px; background-color: #EAEAEA; border: 2px solid #145C9E; height:17px;}
input.submit_btn { display: block; margin: 0 0px; padding: 1px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background:  #F2F2F2 repeat-x left bottom; height: 2em; line-height: 2em;  width: 80px; height: 26px; border: 1px solid #7A1C3D; color: #145C9E; text-decoration: none; }
/* main nav */
ul#mainnav {list-style: none;width: 150px;padding: 0px;background-color: #F7EEE6;border-bottom: 1px solid #cc9966;position: relative;margin: 0px;}
ul#mainnav li {	display: block;	border: 1px solid #cc9966;	border-bottom: 0px;	}
ul#mainnav li a {	display: block;	margin: 0px;	padding: 5px;	background-color: #F7EEE6;	color: #777;	text-decoration: none;	width: 140px;}
ul#mainnav li a:hover {	background-color: #EEDDCC;	color: #777;	}
ul#mainnav ul.subnav {	margin: 0px;	list-style: none;	padding: 0px;	border: 0px solid #cc9966;	}
ul#mainnav ul.subnav li {	border-top: 1px solid #cc9966;	border-left: 0px;	border-right: 0px;	padding-left: 5px;}
ul#mainnav ul.subnav li a {	padding: 2px;	margin: 0px;	color: #777;	background-color: transparent;	/*border: 0px solid yellow;*/}
ul#mainnav ul.subnav li a:hover {	color: #777;	/**/background-color: transparent;	text-decoration: none;	}
/* ulnav styles */
.nav1 ul { margin: 0px;padding: 0px;list-style: none;width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #cc9966;	}
.nav1 ul li {	position: relative;	}
.nav1 li ul {	position: absolute;	left: 149px; /* Set 1px less than menu width */
	top: 0px;	display: none;	}
/* Styles for Menu Items */
.nav1 ul li a {	display: block;	text-decoration: none;	color: #777;	background: #F7EEE6; /* IE6 Bug */
	padding: 5px;	border: 1px solid #cc9966;	border-bottom: 0px;	}
/* Fix IE. Hide from IE Mac \*/
* html .nav1 ul li { float: left; height: 1%; }
* html .nav1 ul li a { height: 1%; }
/* End */
.nav1 ul li a:hover { color: #E2144A; background: #EEDDCC; } /* Hover Styles */
.nav1 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
.nav1 li:hover ul, li.over ul { display: block; } /* The magic */