html {
	height:100.1%;
	}

/* Text and Image Tags */

 
p, input, textarea, li, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
a:link, a:visited {
	color: #333333;
	}
	
a:hover {
	color: #FF0000;
	}
	
#pagebody p, lu {
	padding-left:5px;
	}
	
#pagebody h2 {
	padding-left : 3px;
	}
	
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #253C68;
	padding-left: 5px;
	line-height: 22px;
	color : white;
	font-weight:lighter;
	margin : 0;
	}
	
h2 {
	font-size: 12px;
	color: #253C68;
	font-weight: bolder;
	}

/* Centred Layout Tags*/

body {
	text-align: center; /* Reequired for IE WIn 5.x */
	margin	: 0px;
	background-color: #F1F4F8;
	background-image: url(images/bodybackground.gif);
	background-repeat: repeat-y;
	background-position: center;
  }

#pagebody {
	margin		: 0 auto;
	width		: 800px;
	text-align	: left; /*required to get background color working. % does not work */
  }

#pagecontent {
	margin-left	 		: 200px;
	margin-right 		: 0px;
	margin-top	 		: 160px;
	width				: 590px;
	position			: absolute;
	background-color	: #E0E7F1;
	}
	
#sitemenu {
	margin-left	 		: 10px;
	margin-right 		: 0px;
	margin-top	 		: 160px;
	width				: 180px;
	position			: absolute;

	}
	
#pagetop {
	margin-left	 		: 0px;
	margin-right 		: 0px;
	margin-top	 		: 0px;
	height		 		: 150px;
	width				: 800px;
	position			: absolute;
	background-color 	: #253C68;
	}
	
/* graphic styling */

.paddedgraphic {
	padding : 5px;
	}
	
.bordered {
	border: solid 1px #253c68;
	}
	
/* text block styling */

.highlighted {
	padding: 5px;
	border: solid 1px #253c68;
	}
/*two column layout for home page */

.twocolumncontainer {
	width : 100%;
}

.floatimageleft {
	width : 160px;
	float : left;
	margin-right : 5px;
}

.floattextright {
	width : 430px;
	float : right;
}

.indentedgroup {
	width : 520px;
	float: right;
	}
	
.emphasised {
	color: #253C68;
	font-weight: bolder;
	}

/*site menu styles */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
background-color:#253C68;
list-style-type: none;
width: 180px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
background-color:#253C68;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 175px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
/*background: #fff;
*/padding: 3px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: white;
}

.suckerdiv ul li a:hover{
background-color:#CCCCCC;
color:black;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
.referencetable {
	background-color: #CCCCCC;
	margin-left: 20px;
	border: 1px solid #333399;
}
.smallertext {
	font-size: .6em;
}

.twocolwrapper {
	width: 100%;
	}
	
.leftcol {
	width : 50%;
	float:left;
	}
	
.rightcol {
	width : 50%;
	float:right;
	}