BODY  { background-color: #ffffff;
		margin:0px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:0.8em;
}

p { 	color: #464236; }

td { 	color: #464236; }
		 
#content	{ 	padding-left: 10px;
}

.background1 { background-color: #B6B6B6}
.background2 { background-color: #ffffff}
.background3 { background-color: #E2E3E1}
.background4 { background-color: #fd7c17}

UL  {   color: #464236;
		list-style-type:square;
		padding:0;
		margin:10px 0 0 0;
}

ul li {	margin-left:20px; }


.clear {	clear:both;}
.clear * { 	display:none;}
.center { text-align:center }

a img
{ 
border:0
}


h1 {	font-size:1.3em;
		color:#686868;
		margin-top:10px;
}

h2 {	font-size:1.1em;
		color:#686868;
}

h3 {	font-size:1.0em;
		color:#686868;
}

b, strong {	color:#686868; }

#homeList {	float:left;
			width:388px;
			margin:10px;
}

#homeList ul {	margin:15px;
}

#homeList li {	margin:1px;
}

#news	{	width:190px;
			padding:5px;
			background-color:#CCCCCC;
			border:#fe3e1d solid 1px;
			margin-bottom:10px;
}

#news h2	{	background-color:#999999;
				color:#FFFFFF;
				font-size:1em;
				font-weight:bold;
				margin:-5px;
				padding:3px;
				margin-bottom:3px;
}

#news a	{	text-decoration:none;
}

#news p	{ 	color:#000000;
}

.status  { 	 	color: #000000;
				font-style:italic;
}

.statusText { 	 color: #000000;
}

#colContainer { width:100%;
				margin-top:10px;
				max-width:100%;
}		

#boxContainer { width:620px;
				max-width:620px;
}		
		 
.col1 { width:380px;
		float:left;
		margin-right:10px;
}

.col1_split { width:380px;
		float:left;

}

.col2 { width:202px;
		float:right;
}


.box {	padding:5px;
		background-color:#fff;
		/*border-left:#ffa966 solid 1px;*/
		max-width:100%;
		margin-bottom:10px;
}

.box h2 { 	background-color:#ffa966;
			color:#686868;
			font-size:1em;
			font-weight:bold;
			margin:-5px;
			padding:3px;
}

.box_links	{	color:#fd7c17;
				padding:10px;
}

.box_links a	{ 	text-decoration:none;
}

.box_links a:hover	{	background-color:#FFCC99;
}

#system-status-box {
	padding:5px;
		background-color:#fff;
		/*border-left:#ffa966 solid 1px;*/
		max-width:100%;
		margin-bottom:10px;
}

#quick_links	{	
	padding:5px;
	background-color:#d3c6f7;
	border:#9b7fe4 solid 1px;
	width:190px;
	max-width:190px;
	min-height:110px;
}

#quick_links h2	{	
	background-color:#9b7fe4;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin:-5px;
	padding:3px;
}

#quick_links a	{ 	
	text-decoration:none;
}

ul.boxList {	list-style-type:none;
				padding:0;
				margin:10px 0 0 0;
}

ul.boxList li {	margin:1px;
				padding:1px;
}

ul.boxList li:hover	{	background-repeat:no-repeat;
						background-position:8px 50%;
						text-decoration:none;
						background-color:#E2E3E1;
}

ul.boxList li li {	

	list-style-type:none;
	margin:1px;
	padding:1px;
}

ul.boxList li li:hover
{	
	background-repeat:no-repeat;
	background-position:8px 50%;
	text-decoration:none;
	background-color:#ccc;
}


.box2 h3	{	background-color:#C4ADFB;
				margin:5px 0 0 0;
				padding:1px;
				font-size:0.9em;
				font-weight:normal;
}

ul.newsList {	list-style-type:none;
				margin-top:10px;
				padding:0;
				margin:10px 0 0 0;
}

ul.newsList li {	margin:1px;
					padding:1px;
}

ul.newsList li:hover {	background-repeat:no-repeat;
						background-position:8px 50%;
						text-decoration:none;
						background-color:#E2E3E1;
}	

.helpbox {	background-image:url(/it/images/help-bg.gif);
			background-position:right;
			background-repeat:no-repeat;
			padding:5px;
			background-color:#fed7b9;
			border:#fd7c17 solid 1px;
			width:215px;
			max-width:100%;
			min-width:215px;
			min-height:78px;
			margin-right:5px;
			float:left;
}

.helpbox h2 { 	background-color:#fd7c17;
				color:#FFFFFF;
				font-size:1em;
				font-weight:bold;
				margin:-5px;
				padding:3px;
}

/*#Helpbox	{	background-image:url(/it/images/help-bg.gif);
				background-position:right;
				background-repeat:no-repeat;
				padding:5px;
				background-color:#fed7b9;
				border:#fd7c17 solid 1px;
				max-width:215px;
				min-width:215px;
				min-height:120px;
				margin-right:5px;
				float:left;
}
*/
ul#HelpList	{	list-style-type:none;
				/*margin-top:35px;
				margin-bottom:20px;*/

}

ul#HelpList li	{	width:135px;	
					
					margin-top:5px;
					margin-left:5px;
					font-weight:bold;
					color:#6b6050;
					
}

ul#HelpList li a	{	text-decoration:none;
						color:#6b6050;
}

ul#HelpList li:hover	{	
							font-weight:bold;
							color:#6b6050;
							background-color:#ffa966;
							
}	

hr {	color: #738EC6 solid 1px
}

a:link, a:visited, a:active  {  color: #464236 }
a:hover  {  color: #000000 }

body#a-z a:link, body#a-z a:visited, body#a-z a:active  {  
	color: #464236;
	text-decoration:none;
}

body#a-z a:hover  {  
	color: #000000;
	text-decoration:underline;
}

.navHead {  color: #000000;
			text-decoration: none
}

a.navHead:link, a.navHead:visited  { 	color: #464236;
										text-decoration: none
}

a.navHead:active, a.navHead:hover {	color: #000000;
									text-decoration: underline
}

.nav { font-size:0.9em;
}

a.nav:link, a.nav:visited {  	color: #464236;
								text-decoration: none
}

a.nav:active, a.nav:hover {	 	color: #000000;
								text-decoration: underline
}


a.textonly:link, a.textonly:visited {  	
	font-size:0.8em;
	color: #FFFFFF;
	text-decoration: none
}

a.textonly:active, a.textonly:hover {  	
	font-size:0.8em;
	color: #FFFFFF;
	text-decoration: underline
}

a.copyright:link, a.copyright:visited, a.copyright:active { font-family: Verdana, Arial, Helvetica, Sans-serif;
															color: #676767;
															text-decoration: underline }
															
a.copyright:hover { font-family: Verdana, Arial, Helvetica, Sans-serif;
					color: #000000;
					text-decoration: underline
}

#footer { 	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:0.8em;
			color: #676767;
			padding:10px 10px 0px 10px;
}

#footer a { 	color: #676767;
}

.copyright { 	font-family : Verdana, Sans-serif;
				color: #464236 }
				
span.bad { font-weight: bold; color: #FF0000;}
span.good { font-weight: bold; color: #009933;}

dt {	font-weight:bold;
		margin-bottom:10px;
		 }

dd {	margin-left:20px;
		margin-bottom:10px;
		}
		
.reg	{	margin-left:60px;
			text-indent:-40px
			}

.floatRight { float:right; }

#contactDetails {
		padding:5px;
		margin-left:10px;
		background-color:#fbaf5d;
		border:1px solid #999999;
		color:#333333;
		}

#openingTimes {
		padding:5px;
		margin-left:10px;
		margin-top:10px;
		background-color:#E2E3E1;
		border:1px solid #999999;
		}

#helpdesk {
		padding:5px;
		margin:5px;
		background-color:#ccc;
		border:1px solid #aaa;
		font-size:0.9em;
		line-height:1.5;
		color:#333333;
		}

#courseDes {
		padding:10px;
		color:#333333;
		}		

		
.greyCells {	border: 1px solid #B6B6B6;
				
			}
			
#rightNav {
width:190px;
		padding:5px;
		
		margin-bottom:10px;
		float:right;
		background-color:#E2E3E1;
		color:#333333;
		}			

#rightNav ul {	
				margin-top:5px;
				margin-bottom:5px;
		}

#rightNav hr {	
	width:150px;
	
		}
		

#rightNav2 {
width:190px;
		padding:5px;
		
		margin-bottom:10px;
		float:right;
		background-color:#cccccc;
		color:#333333;
		}			

#rightNav2 ul {	
				margin-top:5px;
				margin-bottom:5px;
		}

#rightNav2 hr {	
	width:150px;
	
		}
		
.backtotop {	text-align:right;
}

#warning {		float:right;
				color:#FF0000;
				padding:5px;
				margin:10px;
				}

ul#sectionList {	margin:15px;
}

ul#sectionList li {
margin-bottom:10px;
}

ul li ul {
margin-top:0px;
margin-bottom:5px;
}

.highlight-box {
		padding:10px;
		background-color:#ccc;
		border:1px solid #aaa;
		font-size:0.9em;
		line-height:1.5;
		color:#333333;
		}

/*************************************************************************
*
*	Room Booking Styles
*
*************************************************************************/

.timetable {
	color:#000000;
	background-color:#ffffff;
	font-family:Helvetica;
}
pre {
	color:#000000;
	font-family:Courier,Courier New;
}

th {	color:#464236;
		background-color:#e8e8e8;
}
.border {
        background-color:#000000;
}

.booked {
        background-color:#fd7c17;
}


.contactEmail {
        color:#ffffff;
}

.sysAlert { color:#CC0000; }

/* ~~~~~ Search ~~~~~~ */

#site_search
{
	margin:20px 0 20px 5px;
	
}

#site_search #search_field
{
	padding:0;
	font-size:0.9em;
	color:#999999;
	
}

#site_search #search_btn
{
	
	padding: 0;
	margin-left: 3px;
	border: 0;
	font-size:0.9em;
	color:#888888;
	background-color:#CCCCCC;
	border:1px solid #aaaaaa;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}

/*************************************************************************
*
*	Media Services
*
*************************************************************************/

#vc_form #text_field
{
	padding:0;
	color:#333;
	width:250px;
}

#vc_form #text_field_sm
{
	padding:0;
	color:#333;
	width:100px;
}

#fb_form #text_field
{
	padding:0;
	color:#333;
	width:250px;
}

#fb_form #text_field_med
{
	padding:0;
	color:#333;
	width:100px;
}

#fb_form #text_field_sm
{
	padding:0;
	color:#333;
	width:30px;
}

/*************************************************************************
*
*	Web Services
*
*************************************************************************/



body#web-services #box {	padding:5px;
		background-color:#fed7b9;
		border:#fd7c17 solid 1px;
		max-width:190px;
		min-height:120px;
		text-align:left;
}

body#web-services #box h2 { 	background-color:#fd7c17;
			color:#FFFFFF;
			font-size:1em;
			font-weight:bold;
			margin:-5px;
			padding:3px;
			text-align:left;
}

body#web-services #box a	{ 	text-decoration:none;
}

body#web-services #box2 a	{ 	text-decoration:underline;
}

body#web-services #box2	{	padding:5px;
			background-color:#d3c6f7;
			border:#9b7fe4 solid 1px;
			max-width:190px;
			min-height:100px;
			margin-top:10px;
			text-align:left;
}

body#web-services #box2 h2	{	background-color:#9b7fe4;
				color:#FFFFFF;
				font-size:1em;
				font-weight:bold;
				margin:-5px;
				padding:3px;
				text-align:left;
}

.orangeBox	{	padding:3px;
		background-color:#fed7b9;
		border:#fd7c17 solid 1px;
			
}


/*************************************************************************
*
*	External Links page
*
*************************************************************************/


.logo_img  {
	position: reltive;
	padding: 0;
	width: 75px;
	min-height: 75px;
	border: 1px solid #FD7C17;
	margin-bottom: 5px;  }
	
	
/*************************************************************************
*
*	MEC - hire.php
*
*************************************************************************/
	
	
.mechireTable	{
		background-color:#ffffff;
			
}

.mechireRow	{
		background-color:#E8E8E8;
			
}