/*html formatting*/
body {
	font-size: 0.7em;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	background-color: #a8b2b9;
}
img {
	border: 0;
}
h1 {
	font-size: 120%;
	color: #069;
	padding: 0px;
	margin: 0px 0px 3px 0px;
}
h2 {
	padding: 0px;
	font-size: 120%;
	margin: 3px 0px 3px 0px;
	color: #069;
}
h3 {
	padding: 0;
	font-size: 120%; 
	margin: 3px 0px 3px 0px;
	color: #FF6600;
}
h4 {
	padding: 0;
	font-size: 180%; 
	margin: 3px 0px 3px 0px;
	color: #fff; 
}
h5 {
	padding: 0;
	font-size: 180%;
	margin: 3px 0px 3px 0px;
}
h6 {
	padding: 0;
	font-size: 160%;
	margin: 3px 0px 3px 0px;
}
h7 {
	padding: 0;
	font-size: 140%;
	margin: 3px 0px 3px 0px;
}
p {
	padding: 1px 5px 5px 5px;
	margin: 0px;
}
.clear {
	float: none;
	clear: both;
	overflow: hidden;
	height: 0px;
}
/*form styles */
form {
	padding: 0px;
	margin: 0px;
}
.yesform legend {
	font-size: 120%;
	color: #069;
	font-weight: bold;
}
.yesform fieldset {
	border: 0;
	margin: 0;
}
.yesform label {
	width: 130px;
	float: left;
	color: #069;
	font-weight: bold;
}
.checkbox_holder {
	float: left;
}
.radio_holder {
	float: left;
}
.yesform input, .yesform select, .yesform textarea {
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	background-color: #e2eef6;
	border: solid #069 1px;
	margin-bottom: 3px;
}
/* end form styles */

/*white text for dark backgrounds*/
.whitetext {
	color: #fff;
	padding: 5px;
}
.whitetext a:link{    
	color: #fff;   
	text-decoration: none;
 }
.whitetext a:visited{    
	color: #fff;   
	text-decoration: none;
 }
.whitetext a:hover{    
	color: #6cf;    
	text-decoration: underline;
 } 
.whitetext a:active{    
	color: #fff;
	text-decoration: none; 
 }

/* page centreing and layout */
#centre_column {
	width: 760px;
	height: 100%;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	border-left: 1px solid #069;
	border-right: 1px solid #069;
}
#page_content {
	float: left;
	width: 760px;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* Header */
#header {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 760px;
	height: 136px;
	background-image: url(../images/header/header.jpg);
	background-repeat:no-repeat;
}
#header_contents {
	width: 760px;
	height: 120px;
	text-align: right;
	color: #006699;
}
.header_title {
float: right;
	width: 745px;
	height: 17px;
	text-align:left;
	font-style:italic;
	font-size: 130%;
	color: #069;
}
#header_contents a:link {
	color: #069;
	text-decoration: none;
}
#header_contents a:visited {
	color: #069;
	text-decoration: none;
}
#header_contents a:hover {
	color: #000;
	text-decoration: underline;
}
#header_contents a:active {
	color: #069;
	text-decoration: none;
}

/*START NAVIGATION*/
.navigation {
border-top:1px solid #006699;
font-size: 120%;
	margin: 0;
	display: block;
	background-image:url(../images/columns/smallcolslice.gif);
}
.navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navigation li {
	display: block;
	font-weight: bold;
	margin: 0;
	width: 100%;
	text-indent: 5px;
	text-align: left;
	height: 23px;
	padding: 0;
}
.navigation a:link {
	display: block; 
	font-weight: bold; 
	color: #069; 
	text-decoration: none;
	padding: 4px 0px 3px 0px;
	margin: 0;
}
.navigation a:visited {
	display: block; 
	font-weight: bold; 
	color: #069; 
	text-decoration: none;
	padding: 4px 0px 3px 0px;
	margin: 0;
}
.navigation a:hover {
	display: block;
	font-weight: bold;
	background: #069;
	color: #fff;
	text-decoration: none;
	padding: 4px 0px 3px 0px;
	margin: 0;
}
.navigation a:active {
	display: block;
	font-weight: bold;
	color: #069;
	text-decoration: none;
	padding: 4px 0px 3px 0px;
	margin: 0;
}

/*start subnavigation*/
.subnav {
	font-size: 100%;
	margin: 0;
	display: block;
	background-image:url(../images/columns/smallcolslice.gif);
}
.subnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	clear: both;
}
.subnav li {
	display: block;
	font-weight: bold;
	margin: 0;
	width: 100%;
	text-indent: 5px;
	text-align: left;
	height: 23px;
	position: relative;
	padding: 0;
}
.subnav a:link {
	display: block; 
	font-weight: bold; 
	color: #09c; 
	text-decoration: none;
	padding: 4px 0px 3px 8px;
	margin: 0;
}
.subnav a:visited {
	display: block; 
	font-weight: bold; 
	color: #09c; 
	text-decoration: none;
	padding: 4px 0px 3px 8px;
	margin: 0;
}
.subnav a:hover {
	display: block;
	background-color:#09c;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 4px 0px 3px 8px;
	margin: 0;
}
.subnav a:active {
	display: block;
	font-weight: bold;
	color: #09c;
	text-decoration: none;
	padding: 4px 0px 3px 8px;
	margin: 0;
}
/* end sub navigation */
/* END NAV */

/* Spacer for 5 pixel width column */
.spacer {
width: 5px;
float:left;
}

/* 160 pixel wide column left */
.leftcol {
	float: left;
	width: 160px;
	position: relative;
	text-align: left;
	margin: 0;
}

/* 160 pixel wide column right */
.rightcol {
	width: 160px;
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 12px;
	float: left;
	display: inline;
}

/* 160 pixel wide column top and bottom details */
.coltop {
	color:#FFFFFF;
	text-align: right;
	font-size:110%;
	font-weight:bold;
	width: 160px;
	background-image: url(../images/columns/col_top_small.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 19px;
	margin: 0px;
	padding: 0px;
}
.coltopcollapse {
	color:#FFFFFF;
	text-align: right;
	font-size:120%;
	font-weight:bold;
	width: 160px;
	position: relative;
	padding: 0px;
	background-image: url(../images/columns/coltop_small_buttons.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 19px;
}
.coltopbuttons {
	color: #FFFFFF;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}
.coltoptext {
	float: right;
	text-align: right;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}
.colbot {
	width: 160px;
	margin: 0 0 5px 0;
	background-image: url(../images/columns/col_bot_small.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 0px;
	height: 3px;
}

/*column DETAIL */
.col_detail {
	padding: 3px 5px 3px 5px;
	margin: 0px;
	background-image:url(../images/columns/smallcolslice.gif);
	background-repeat:repeat-y;
	background-position: top;
	overflow: hidden;
}

.col_detail ul {
	padding: 0;
	margin: 0px 0px 0px 17px;
}

.col_detail li {
	color: #069;
	list-style-image:url(../images/icons/bullet.gif);
}
.col_detail li a:link{    
 color: #069;   
 text-decoration: none;
 }
.col_detail li a:visited{    
 color: #069;   
 text-decoration: none;
 }
.col_detail li a:hover{    
 color: #000;    
 text-decoration: underline;
 } 
.col_detail li a:active{    
 color: #069;
 text-decoration: none; 
 }

.col_detail p {
	margin: 5px;
}

.col_bluetextlarge {
	display:block;
	text-align:left;
	font-size: 120%;
	color: #069;
	margin: 3px 0px 3px 0px;
}
.col_detail a:link{    
 color: #069;   
 text-decoration: none;
 }
.col_detail a:visited{    
 color: #069;   
 text-decoration: none;
 }
.col_detail a:hover{    
 color: #000;    
 text-decoration: underline;
 } 
.col_detail a:active{    
 color: #069;
 text-decoration: none; 
 }
/*END column DETAIL*/
/*END LEFT COLUMN */


/*large right column for 2 column page */
.colwide {
	float: left;
	padding-bottom: 0;
	width: 578px;
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 12px;
}
.colwide a:link{
color: #069;
text-decoration: none;
}
.colwide a:visited{
color: #069;
text-decoration: none;
}
.colwide a:hover{   
color: #000;   
text-decoration: underline;
} 
.colwide a:active{    
color: #069; 
text-decoration: none;
}
.colwidetop {
	position: relative;
	padding: 0;
	background-image:url(../images/columns/mid_col_top_large.jpg);
	height: 19px;
	text-align:left;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;
	background-repeat: no-repeat;
}
.colwidetop2 {
	position: relative;
	background-image:url(../images/columns/mid_col_top2_large.gif);
	padding: 0;
	margin: 0;
	height: 3px;
}
.colwidedetail {
	padding: 3px 5px 3px 5px; 
	margin: 0;
	display: block; 
	background-image: url(../images/columns/mid_col_large_slice.gif);
	overflow: hidden;
}
.colwide_bot {
	position: relative;
	padding: 0;
	margin-bottom: 5px;
	background-image: url(../images/columns/mid_col_bot_large.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 3px;
}
.colwidewhite {
	color: #fff; 
	float: left;
	position: relative;
	padding-bottom: 0;
	width: 578px;
	margin: 0px 0px 5px 12px;
}
.colwidewhite a:link{    
 color: #fff;   
 text-decoration: none;
 }
.colwidewhite a:visited{    
 color: #fff;   
 text-decoration: none;
 } 
.colwidewhite a:hover{    
 color: #6cf;    
 text-decoration: underline;
 } 
.colwidewhite a:active{    
 color: #fff;
 text-decoration: none; 
 }
/*end large right column for 2 column page */

/*middle COLUMN 406 pixels wide*/
.midcol {
	float: left;
	position: relative;
	padding-bottom: 0;
	width: 406px;
	margin: 0px 0px 5px 12px;
	display: inline;
}
.midcol a:link{    
color: #069;    
text-decoration: none;
 }
.midcol a:visited{    
color: #069;    
text-decoration: none;
 } 
.midcol a:hover{    
color: #000;
text-decoration: underline;
}
.midcol a:active{    
 color: #069;
 text-decoration: none;
}

.midcol ul{
list-style-image:url(../images/icons/bullet2.gif);
	list-style-position: inside;
} 
.midcolholder {
	width: 406px;
	position: relative;
	margin: 0;
	padding: 0;
}
.midcol_top {
	color:#FFFFFF;
	text-align: right;
	font-size:120%;
	font-weight:bold;
	position: relative;
	padding: 0;
	background-image: url(../images/columns/mid_col_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 19px;
}
.midcol_top2 {
	position: relative;
	padding: 0;
	margin: 0;
	background-position: top left;
	background-repeat: no-repeat;
	height: 3px;
}
.midcol_detail {
	padding: 3px 5px 3px 5px;
	margin: 0;
	display: block;
	background-image: url(../images/columns/mid_col_slice.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
.midcol_detail a:link{    
color: #069;    
text-decoration: none;
 }
 .midcol_detail a:visited{    
color: #069;    
text-decoration: none;
 } 
.midcol_detail a:hover{    
color: #000;
text-decoration: underline;
}
.midcol_detail a:active{    
 color: #069;
 text-decoration: none;
}

.midcol_bot {
	position: relative;
	padding: 0;
	margin-bottom: 5px;
	background-image: url(../images/columns/mid_col_bot.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 3px;
}
/*middle COLUMN 406 pixels wide with white text*/
.midcolwhite {
  color: #fff; 
	float: left;
	padding-bottom: 0;
	width: 406px;
	margin: 0px 0px 5px 12px;
	overflow: hidden;
}
.midcolwhite a:link{    
 color: #fff;   
 text-decoration: none;
 }
.midcolwhite a:visited{    
 color: #fff;   
 text-decoration: none;
 } 
.midcolwhite a:hover{    
 color: #66CCFF;    
 text-decoration: underline;
 } 
.midcolwhite a:active{    
 color: #fff;
 text-decoration: none; 
 }

/*middle COLUMN split into 2*/
.midsplitcol_left {
	float: left;
	width: 197px;
	text-align: left;
	margin: 0;
}
.midsplitcol_right {
	width: 197px;
	position: relative;
	margin: 0px 0px 0px 12px;
	float: left;
}
.midsplitcol_top {
	width: 197px;
	height: 3px;
	margin: 0;
	background-repeat:no-repeat;
}
.midsplitcol_detail {
	padding: 3px 5px 3px 5px; 
	margin: 0;
	display: block; 
	background-image: url(../images/columns/mid_col_slice_split.gif);
	overflow: hidden;
}
.midsplitcol_bot {
	width: 197px;
	height: 3px;
	margin: 0px 0px 5px 0px;
	background-image: url(../images/columns/mid_col_bot_split.gif);
	background-repeat:no-repeat;
}

/*column that spans whole page eg for splash*/
.fullpagecol {
	float: left;
	position: relative;
	width: 750px;
	margin-bottom: 5px;
}

/*start footer*/
#footer {
	font-size: 90%;
	padding: 0;
	margin: 0px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #069;
	background-image: url(../images/backgrounds/bigfooterslice.gif);
	background-repeat:no-repeat;
}

#footer a:link {
	color: #fff; 
	text-decoration: none;
}
#footer a:visited {
	color: #fff; 
	text-decoration: none;
}
#footer a:hover {
	color: #cff; 
	text-decoration: underline;
}
#footer a:active {
	color: #fff; 
	text-decoration: none;
}
#footer ul {
	padding: 0; 
	margin: 0; 
	width: 80%; 
	color: #fff; 
	text-indent: 5px; 
	list-style-type: none;
}
#footer li {
	display: inline;
}
/*end footer*/

/*images to set left and right */
.image_left {
display: block;
	margin-right: 3px;
	float:left;
	position:relative;
}
.image_right {
	float:right;
	margin-left: 3px;
	display:block;
	position:relative;
}
.pic_left {
	text-align:right;
	margin: 3px 3px 3px 3px;
}


/* buttons */
.toolkit_button {
	width: 160px;
	height: 19px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.button_right {
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	height: 14px;
	display: block;
}
.button {
	background-image: url(../images/buttons/buttonslice.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;
	height: 14px;
	float: right;
	font-size: 90%;
}
.button a:link {
	color: #fff;
text-decoration: none;

}
.button a:visited {
	color: #fff;
	text-decoration: none;
}
.button a:hover {
	color: #fff;
	text-decoration: underline;
} 
.button a:active {
	color: #fff;
	text-decoration: none;
}
/*icon holder for toolbox icons*/ 
.iconholder 
{
	display:block;
	float:left;
	height:100px;
	width:98px;
	text-align:center;
	margin-bottom: 10px;
}

/* coloured strips for colums ie yellow and blue*/

  .colouredstrip {
	background-color:#ff9;
	padding: 5px;
	background-image: url(../images/columns/yelslice.gif);
	background-position: bottom;
	background-repeat: repeat-x;
 }
  .bluestrip {
	background-color: #e2eef6;
	padding: 5px;
	background-repeat: repeat-x;
	position:relative;
 }
 
 /*DEPARTMENTAL STAFF SECTION*/

 div#DepartmentInfo p 
 {
	margin-bottom:10px;
 }