/*
This is an Elated PageKit - www.elated.com.
All artwork copyright (c) 1996-2004 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/


/*
	Standard font family for site
*/

/*
	Page body style
*/

body
{
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px;
	padding-top: 3px;
	color: #000000;
	font-weight: normal;
	font-size: 0.7em;
	
	/* Center the page */
	width: 1000px; 
	height: 100%;
	margin: 0px auto;
}

html
{
	height: 100%;
}


/*
	Standard paragraph style
*/

p, ul
{
	margin-top: 0px;
	margin-bottom: 18px;
	margin-right: 15px;
	display: block;
}

/*
	Text that floats left
*/
div.TextFloatingRight
{
	border: solid 1px black;
	
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 0px;
	
	padding: 10px;
	
	width: 300px;
	float: right;
}

/*
	"Pull quote" paragraph style
*/

p.pullquote
{
	font-weight: bold;
	font-style: italic;
	color: #7F8CB1;
	font-size: 0.8em;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: solid 1px #7F8CB1;
	border-bottom: solid 1px #7F8CB1;
	padding-top: 16px;
	padding-bottom: 16px;
}

/*
	Links
*/

a:link, a:active
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #7F8CB1;
	font-size: 1.0em;
}


a:visited
{
	color: #AFBCE1;
	font-size: 1.0em;
}


/*
	Headings
*/

h1
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	color: #000000;
	margin-top: 0px;
}

h1.dot-heading
{
	background-image: url(../images/single_dot.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 26px;
}

h1.page-heading
{
	background-image: url(../images/single_dot.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-left: 36px;
}


.welcome
{
	font-weight: bold;
	font-size: 2.2em;
}

h2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
	margin-top: 26px;
}



/*
	heading text
*/
#heading
{
	z-index: 2;
	float: right;
	height: 45px;
	padding-top: 74px;
	padding-right: 25px;
	font-size: 3.5em;
	color: #FFFFFF;
	font-weight: normal;
}

.logo
{
	position: absolute;
	top: 28px;
	padding-left: 26px;
	z-index: 5;
}


/*
	Top menu
*/

/* Top level of the menu */
.top-menu
{
	/* JH - made position fixed to handle cross browser issues */
	position: absolute;
	top: 132px;
	right: -30px;
	
	padding-top: 8px;
	color: #000000;
	font-weight: bold;
	font-size: 1em;
}

/* Holy Hack to fix IE's box model issue */
* html .top-menu
{
	right: 0px;
}

.top-menu a
{
	color: #000000;
	margin-right: 10px;
	font-size: 1.0em;
	text-decoration: none;
}

.top-menu a:hover
{
	text-decoration: underline;
}

.top-menu a:visited
{
	color: #000000;
}

/* The popout windows for the menu */

.top-menuSubLinks
{
	z-index: 1000;
	margin-top: 3px;
	text-align: left;
	color: #000000;
	font-weight: normal;
	font-size: 1.0em;
	text-align: left;
	border: solid 2px buttonface;
	background-color: Green;
}

.top-menuSubLinks a
{
	color: #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 1.0em;
	text-decoration: none;	
}

.top-menuSubLinks a:hover
{
	text-decoration: underline;
}

.top-menuSubLinks a:visited
{
	color: #000000;
}
/*
	Container for page content
*/

#container
{
	margin: 3px, 0px, 3px, 0px auto;
	width: 100%;
	background-color: #FFEECC;	
}


/*
	Page header area
*/

#page-header
{
	background-image: url(../images/header_mid_colour.jpg);
	width: 100%;
	height: 249px;
}


/*
	Page header right-hand image
*/

#page-header-right
{
	width: 100%;
	height: 249px;
	background-image: url(../images/header_right_colour.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
	
/*
	Page header content container (with left-hand image as background)
*/

#page-header-content
{
	position: relative;
	width: 100%;
	height: 249px;
	background-image: url(../images/header_left_colour.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


/*
	Page footer area
*/

#page-footer
{
	width: 100%;
	height: 105px;
	margin: 0px 0px 0px auto;
}

p.footer
{
	margin-top: 0px;
	margin-left: 36px;
	padding-top: 1px;
	padding-left: 25px;
	height: 24px;
	color: #000000;
	font-size: 0.9em;
	margin-bottom: 0px;
	vertical-align: middle;
	/*
	background-image: url(../images/single_dot.gif);
	background-position: top left;
	background-repeat: no-repeat;
	*/
}

p.footer a
{
	font-size: 1.0em;
}


/*
	Page content area
*/

#page-content
{
	width: 100%;
}


/*
	Left content column (main page)
*/

#left-column-main
{
	padding-left: 36px;
	padding-right: 15px;
	/* JH margin-right: 255px;*/
}


/*
	Right content column (main page)
	The Sidebar
*/

.right-column-main
{
	background-color: White;
	border: 1px solid buttonface;
	float: right;
	margin-top: 35px;
	margin-right: 25px;
	margin-left: 15px;
	padding: 5px;
	width: 200px;
	height: 450px;
}

/* Holy Hack to fix IE's box model issue */
* html .right-column-main
{
	margin-right: 12px;
}


/*
	Left content column (sub page)
*/

#left-column-sub
{
	padding-left: 36px;
	float: left;
	width: 43%;
}


/*
	Right content column (sub page)
*/

#right-column-sub
{
	float: right;
	width: 43%;
	padding-right: 36px;
}


/*
	Standard images
*/

img
{
	border: none;
}


/*
	Photo style
*/

.photo
{
	float: right;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-right: 20px;
}

/*
	Headline style
*/

.headline
{
	font-weight: bold;
}

.boldText
{
	font-weight: bold;
	margin-bottom: 0px;
}

/*
	Table Styles
*/

tr.highlight
{
	background-color: #F3F3F3;
}

td
{
	vertical-align: top;
	padding-right: 10px;
}

td.individualRegister
{
	vertical-align: top;
	border-top: solid 1px buttonface;
	border-bottom: solid 1px buttonface;
	padding-top: 3px;
	padding-bottom: 3px;
}

td.feedback
{
	border-top: solid 1px buttonface;
	border-bottom: solid 1px buttonface;
	padding-top: 15px;
	padding-bottom: 15px;
}

table
{
	padding-right: 15px;
}