/* BODY STYLING
----------------------------------------------- */

body {margin:0px; padding:0px; background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:link { text-decoration: none;color: #fff; }

a:visited { text-decoration: none; color: #fff; }

a:hover { text-decoration: underline; color: #fff; }

a:active { text-decoration: none; color: #fff; }

img{border-style: none;}

/* TEXT AND FLAT COLOURS
----------------------------------------------- */
.white {
	color: #ffffff;
}
.grey333 {
	color: #333333;
}
.grey666 {
	color: #666666;
}
.greyCCC {
	color: #CCCCCC;
}
.altcolour {
	background-color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.imagecolour {
	background-color: #d5dcdf;
	color: #333333;
}

#twist-local{
	background-image: url(media/twist-local-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-indent: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* HEADERS
----------------------------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	text-indent: 25px;
	margin: 0px;
	padding-top: 14px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}
p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 17px;
}

/* MAIN CENTRE CONTAINER
----------------------------------------------- */
/* Need to set body margin and padding to get consistency between browsers
--------------------------------------------------------------------------- */

#content {
	position:absolute;
	width:769px;
	margin-left:-384.5px;
	background-color:#FFFFFF;
	height: 1100px;
	left: 50%;
	top: 0px;
	}

.border {
	position:absolute;
	border-top: 1px solid #9EAEC6;
	border-right: 1px solid #9EAEC6;
	border-left: 1px solid #9EAEC6;
	}
	
.lshadow {
	background-image: url(media/left_shadow.jpg);
	background-repeat: no-repeat;
	height: 301px;
	width: 12px;
	position: absolute;
	left: -12px;
}

.rshadow {
	background-image: url(media/right_shadow.jpg);
	background-repeat: no-repeat;
	height: 301px;
	width: 12px;
	position: absolute;
	right: 0px;
	left: 769px;
}

/* LOGO HEADER AREA
----------------------------------------------- */
#topbgd {
	background-image: url(media/top_bgd.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 123px;
	width: 526px;
	top: 6px;
	left: 237px;
}



/* NAVIGATION AREA
----------------------------------------------- */


#nav-menu ul
 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;

 }

 #nav-menu li
 {
	float: left;
	margin: 0;
	text-align: center;
 }

 #nav-menu li a
 {
	background: url(media/butt_bgd.gif) #fff bottom left repeat-x;
	line-height: 23px;
	float: left;
	width: 126px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
 }

 /* Commented backslash hack hides rule from IE5-Mac \*/
 #nav-menu li a
 {
 float: none;
 text-align: center;
 }
 /* End IE5-Mac hack */

 #nav-menu
 {
 width:757px
 }


/* TEXT AREA
----------------------------------------------- */

#textbox {
	width: 436px;
	position: absolute;
	top: 269px;
	left: 27px;
}
.textbox {color: #006699; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

#textbox a:link { text-decoration: underline;color: #006699; }

#textbox a:visited { text-decoration: underline; color: #006699; }

#textbox a:hover { text-decoration: underline; color: #006699; }

#textbox a:active { text-decoration: underline; color: #006699; }

/* DOWN LIST FORMATTING
----------------------------------------------- */

dt, dd, dl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* FOOTER AREA
----------------------------------------------- */

#footer {
	position:absolute;
	background-color: #637E83;
	margin: 0px;
	border: 1px solid #637E83;
	left: 5px;
	top: 993px;
	text-indent: 25px;
	width: 757px;
	padding-top: 28px;
	padding-bottom: 10px;
	color: #CCCCCC;
}
.titlebox {
	background-color: #f7f6f6;
	background-image: url(media/title_arrow.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 757px;
	position: absolute;
}
.titleshadow {
	background-image: url(media/title_shadow.jpg);
	background-repeat: no-repeat;
}
.alttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
}
.orange {
	color: #FF6C00;
}
.lightblue {
	color: #006699;
}