body 				{margin: 0; background: #333366 url(http://www.sjd.ac.uk/images/layout/n_bgnd.gif) no-repeat center top;}
body,p,ul,td,ol,.p 	{font: normal 13px Arial, Helvetica, sans-serif;}
.img_border 		{border: 1px solid #003366;}
img					{border: 0}
h1 					{font: bold 16px Arial, Helvetica, sans-serif; color: #006699;}
.headline			{font: bold 12px verdana;	color: #663399;	margin:5px 0px;	padding:0px 0px 3px;	border-bottom:1px dotted #990000;	width: auto;}
.news h2 			{font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 5px 5px 5px 5px;}
.news h3 			{font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0 5px 3px 0;}

.u 					{text-decoration: underline;}
.foot 				{font: normal 12px/20px Arial, Helvetica, sans-serif;color: #E2E2E2;}

/* 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;}

#styleselect .style_s1 {font: 12px Arial, Helvetica, sans-serif;}
#styleselect .style_s2 {font: 14px Arial, Helvetica, sans-serif;}
#styleselect .style_s3 {font: 16px Arial, Helvetica, sans-serif;}

.txtnav a 				{color: #333366;text-decoration: none}
.txtnav a:hover 		{color: #FFFFFF;text-decoration: none;}
.txtnav a:active 		{color: #333366;}

.trans_box1 a, .trans_box2 a, #styleselect a 			{color: #99ccff;text-decoration: none}
.trans_box1 a:hover, .trans_box2 a:hover, #styleselect a:hover 	{color: #FFFFFF;text-decoration: none;}
/*.trans_box2 a:active, #styleselect a:active 	{color: #99ccff;}*/

#footer a 				{color: #99ccff;text-decoration: none}
#footer a:hover 		{color: #FFFFFF;text-decoration: none;}
#footer a:active 		{color: #99ccff;}




#wrapper				{margin: 0 auto; width: 980px; height:auto; padding: 0;};
#mainnav, #mainnav ul 	{z-index:15500; width: 730px; padding: 0; margin: 0; list-style: none;}
#mainnav li 			{list-style-type: none;margin: 0 10px 0 0;padding: 0;	font: bold 13px/14px Arial, Helvetica, sans-serif;color: #C13001;float: left;position: relative;}
.mainitems{}
.mainitems a			{padding: 3px 0 3px 0;display:run-in; text-align:left;	width: 8.2em; height: 28px;line-height: 25px;color: #FFFFFF; border: 0px solid #333366; text-decoration: none;}
.mainitems a:hover		{padding: 3px 0 3px 0;display:run-in; text-align:left;width: 8.2em; height: 28px;line-height: 25px;color: #99ccff; border: 0px solid #99ccff; background: url(http://www.sjd.ac.uk/images/nav_on.gif) no-repeat left;text-decoration: none;}
.mainitems_ovr a		{padding: 3px 0 3px 0;display:run-in; text-align:left;width: 8.2em; height: 28px;line-height: 25px;color: #99ccff; border: 0px solid #333366; background: url(http://www.sjd.ac.uk/images/nav_on.gif) no-repeat left;text-decoration: none;}
.subnav					{display: none;height: 22px;width: 140px;position: absolute;top: 25px;left: 0px;text-decoration: none;}
.subnav li				{float: left;border: 0px solid #ef5a53; border-top: 0; padding: 0 0 0 5px;width: 160px;height: 18px;background: #99ccff;}/*background: #aebc72 url(http://www.sjd.ac.uk/images/nav/navs_bgnd.jpg);*/
.subnav li a			{border: 0px; width: 140px;font: bold 12px/18px Arial, Helvetica, sans-serif;color: #333366;float: left;position: relative; text-align:left; padding: 0 0 0 5px; text-decoration: none;height: 18px;background: #99ccff;}
.subnav li a:hover		{border: 0px; width: 140px;font: bold 12px/18px Arial, Helvetica, sans-serif;color: #FFFFFF;float: left;position: relative; text-align:left; padding: 0 0 0 5px; text-decoration: none;height: 18px;background: #99ccff;}
.subnav li.smh			{display: block; float: left;border: 0px; padding: 0 0 0 0px; width: 160px; height: 8px; background: url(http://www.sjd.ac.uk/images/nav/subnav_header.gif) no-repeat top left;}
.subnav li.smf			{display: block; float: left;border: 0px; padding: 0 0 0 0px; width: 160px; height: 8px; background: url(http://www.sjd.ac.uk/images/nav/subnav_footer.gif) no-repeat top left;}

li .subnav_bdrb a 		{border: 0px;}

#mainnav li>ul 			{top: 25px;left: 0px;}
#mainnav li:hover ul, li.over ul {display: block;}

#maincol 				{margin: 0;}






#ajaxticker1			{line-height: 26px; margin: 5px 0 5px 0; padding: 0 5px 0 5px;	border: 1px solid #E2E2E2;	height: 26px;	background: #E2E2E2 url(http://www.sjd.ac.uk/images/nav/bread_nav_bgnd.jpg) repeat-x;}
#ajaxticker1 div		{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
						background: #E2E2E2 url(http://www.sjd.ac.uk/images/nav/bread_nav_bgnd.jpg) repeat-x;}
.ajaxtickertxt			{font-weight: bold;}
.ajaxtickertxt a:hover	{color: #FFFFFF;}

#leftcol 				{z-index: 1; float: left; height: auto; width: 160px;}
#content_r 				{z-index: 1; background: #FFFFFF url(http://www.sjd.ac.uk/images/layout/full_logo_bgnd.jpg) no-repeat center top; border: 1px solid #E2E2E2;	height: auto; width:auto; margin: 0px 0 5px 163px; padding: 5px;}

#content 				{z-index: 1; background: #FFFFFF url(http://www.sjd.ac.uk/images/layout/full_logo_bgnd.jpg) no-repeat center; border: 1px solid #E2E2E2;	height: auto; width:auto; margin: 0px 0 5px 0; padding: 5px;}
/*.trans_box1 			{height:308px; color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.sjd.ac.uk/images/layout/bluetrans.png');}*/
.trans_box1 			{height:308px; color: #FFFFFF; background-image:url(http://www.sjd.ac.uk/images/layout/bluetrans.png);}
/*.trans_box2 			{height:146px; color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.sjd.ac.uk/images/layout/bluetrans.png');}*/
.trans_box2 			{height:146px; color: #FFFFFF; background-image:url(http://www.sjd.ac.uk/images/layout/bluetrans.png);}

.img_news_t				{border: 2px solid #333366;}

#footer 				{clear: both; position: static;}
.cnrtl					{background: url(http://www.sjd.ac.uk/images/layout/logo_cornerstl.gif) no-repeat top left}
.cnrtr					{background: url(http://www.sjd.ac.uk/images/layout/logo_cornerstr.gif) no-repeat top right}
#footlogos 				{background: #FFFFFF;}

.subnav_cnt					{float:left;}
.subnav_cnt ul 				{list-style: none; padding: 0; margin: 0 0 0 0; font: bold 12px Arial, Helvetica, sans-serif;}
.subnav_cnt li 				{display: block; margin: 0 0 2px 0;}/*http://www.sjd.ac.uk/images/main/nav_btn_up.jpghttp://www.sjd.ac.uk/images/main/nav_btn_ovr.jpg url(http://www.sjd.ac.uk/images/layout/bluetrans.png) repeat-x*/

.subnav_cnt li a 			{color: #FFFFFF; background: url(http://www.sjd.ac.uk/images/layout/bluetrans.png) repeat-x; display: block; line-height: 15px; width: 150px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none;}
.subnav_cnt li.subsel1 a 	{color: #99ccff; background: url(http://www.sjd.ac.uk/images/layout/bluetrans2.png) repeat-x; display: block; line-height: 15px; width: 150px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none; }
.subnav_cnt li a:hover 		{color: #99ccff; background: url(http://www.sjd.ac.uk/images/layout/bluetrans2.png) repeat-x; display: block; line-height: 15px; width: 150px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none; }

.subnav_cnt ul li ul 		{list-style: none; padding: 0; margin: 2px 0 0 0; font: bold 12px Arial, Helvetica, sans-serif;}
.subnav_cnt ul li ul li		{display: block; margin: 0 0 2px 10px;}
.subnav_cnt ul li ul li a 	{color: #FFFFFF; background: url(http://www.sjd.ac.uk/images/layout/bluetrans.png) repeat-x; display: block; line-height: 13px; width: 140px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none;}
.subnav_cnt ul li ul li.subsel2 a {color: #99ccff; background: url(http://www.sjd.ac.uk/images/layout/bluetrans2.png) repeat-x; display: block; line-height: 13px; width: 140px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none;}
.subnav_cnt ul li ul li a:hover {color: #99ccff; background: url(http://www.sjd.ac.uk/images/layout/bluetrans2.png) repeat-x; display: block; line-height: 13px; width: 140px; border: 1px solid #FFFFFF; padding: 3px; margin: 0; text-decoration: none; }

.profile_pan				{float:left; clear:both; padding: 2px; margin: 5px 0 5px 0; width: 148px; height: auto; border: 1px solid #FFFFFF; background: #E2E2E2;font: normal 11px Arial, Helvetica, sans-serif;}
.profile_pan img			{border: 1px solid #000000; text-align: center;}
.profile_pan .ptxt			{font: bold 13px Arial, Helvetica, sans-serif; text-align: center;}

.cont_src					{position: relative; float: left; padding: 0 0 0 5px;}
.srctxt						{font: normal 13px Arial, Helvetica, sans-serif; color: #FFFFFF}
input.search_box 			{margin-right: 3px; font: 12px Arial, Helvetica, sans-serif; width:120px; height: 16px; border: 1px solid #99ccff; background-color: #FFFFFF;}
input.search_btn 			{margin-right: 3px; font: bold 12px Arial; width:24px; background-color: #E2E2E2; border: 1px solid #99ccff; height:20px; color: #003366}



/* Image Gallery */
.gal_img_bdr				{border: 1px solid #003366;}
.gal_img_title				{font: bold 13px Arial, Helvetica, sans-serif; color: #006699;}

.system_message_panel		{padding: 5px; border: 1px solid #99ccff; background: #FFF; margin-bottom: 5px;}