/* Any person or entity is welcome to use and adapt this CSS for their own needs */
/* I adapted the code supplied by Paul O'Brien, Available from: */
/* http://www.pmob.co.uk/temp/3colfixedtest_4.htm (date 23.02.2005) */
/* I am also grateful to http://www.missyourmum.com for some of UCSM.net content */
/* If you are using this code academically, please cite this source */


/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

/* body definitions */
body {
	padding: 0;
	margin: 0;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #ffffff url(../Images/b01.jpg) repeat left top;
}

/* all divs definitions plus various fixes for browser errors and alignment corrections */
#outer{
	min-height: 100%;
	margin-left: 145px;
	margin-right: 145px;
	background: #ffffff;
	border-left: 1px solid #008000;
	border-right: 1px solid #008000;
	margin-bottom: -52px;
	color: #000000;
	padding: 3px;
}

/*for IE as IE treats height as min-height anyway*/
* html #outer{height:100%} 

#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #008000;
	overflow: hidden;
	color: #000000;
	background: #cccccc url(../Images/b01.jpg) repeat-x;
	text-align: center;
}

#left {
	position: relative;
	width: 140px;
	float: left;
	margin-left: -139px;/*must be 1px less than width otherwise footer can float */
	z-index: 100;
	left: -2px;
	
}

/*fix gap in ie next to float and clear footer because we've moved float too far left*/
* html #left {padding-bottom:52px ;margin-right:-3px;}

#right {
	position: relative;
	width: 140px;
	float: right;
	margin-right: -139px;/*must be 1px less than width otherwise footer can float */
	left: 5px
}

#footer {
	width: 100%;
	clear: both;
	height: 50px;
	border-top: 1px solid #008000;
	border-bottom: 2px solid #cccccc;
	background: #cccccc url(../Images/b01.jpg) repeat-x;
	color: #000000;
	text-align: center;
	position: relative;
}
#adleft {
	float: left;
	WIDTH: 100px;
	HEIGHT: 40px;
	padding: 5px 0px 0px 15px;
}

#adright {
	position: relative;
	float: right;
	WIDTH: 100px;
	HEIGHT: 40px;
	padding:5px 15px 0px 0px;
}

#boxleft {
	float: left;
	WIDTH: 200px;
	HEIGHT: 65px;
	padding: 5px 0px 0px 15px;
	border-right: 1px solid #008000;
	text-align: center;
	background: url(../Images/skypic.jpg) no-repeat;
}

#boxright {
	position: relative;
	float: right;
	WIDTH: 200px;
	HEIGHT: 65px;
	padding: 5px 15px 0px 0px;
	border-left: 1px solid #008000;
	background: url(../Images/skypic1.jpg) no-repeat;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

#centrecontent {position:relative;z-index:1}

/* selection of fixes - all described */

#clearheader{height: 72px;}/*needed to make room for header*/
#clearfooter{clear: both;height: 40px;}/*needed to make room for footer*/
* > html #clearfooter {float: left;width: 100%;}/* ie mac styles */
div,p  {margin-top: 0}/*clear top margin for mozilla*/
* html #centrecontent {height: 1%;margin-bottom: 12px}/* combat IE's 3 pixel jog */

/* P tag padding to allow repositioning of content in these divs */
#left p {padding-left: 3px;padding-right: 2px}
#right p {padding-left: 3px;padding-right: 2px}

/*safari wrapper thanks to Tim Connor*/
html > body  #minHeight{float: left;width: 0px;height: 100%;margin-bottom: -52px;} 

/* link and on-hover defined seperately for each div to allow for individual maintanence */
/* although they are currently set the same for convenience during development*/

#left a {color: #0000ff}
#left a:visited { color: #800080}
#left a:hover {
	color: #ff0000;
	background: #ffffff;
	text-decoration: none
}

#right a {color: #0000ff}
#right a:visited { color: #800080}
#right a:hover {
	color: #ff0000;
	background: #ffffff;
	text-decoration: none
}

#boxright a {color: #0000ff; background: #d3d3d3}
#boxright a:visited { color: #800080}
#boxright a:hover {
	color: #ff0000;
	background: #ffffff;
	text-decoration: none
}

#footer a {color: #0000ff}
#footer a:visited { color: #800080}
#footer a:hover {
	color: #ff0000;
	background: #ffffff;
	text-decoration: none
}

#centrecontent a {color: #0000ff}
#centrecontent a:visited { color: #800080}
#centrecontent a:hover {
	color: #ff0000;
	background: #d3d3d3;
	text-decoration: none
}

/* font spans to be defined here */

.redsm {font-size: 0.8em; color:#8B0000}
.redme {font-size: 1em; color:#8B0000}
.redlg {font-size: 1.4em; color:#8B0000}

.footsm {font-size: 0.8em; color:#8B0000} /* footsm defined as a font for comments */
.mainhead {font-size: 1.1em; color: #8B0000; font-weight: bold}
.mainhead2 {font-size: 1.1em; color: #000000; font-weight: bold}
.subhead {font-size: 1em; color: #8B0000; font-weight: bold}
.subhead2 {font-size: 1em; color: #000000; font-weight: bold}


.textright {padding-left: 100px}
.textcenter {text-align: center}

/* bold font defined here */
.boldem {font-weight: bold}