html, body {
	margin:0;
	padding:0;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
}

body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited {
	color: #336600;
	text-decoration: underline;
}

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

h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h1, h2, h3, .heading, h4, h5, h6, .subheading {font-weight: bold;}

h1 { font-size: 2em; color: #000;}
h2 { font-size: 1.5em; color:#000;}
h3, .heading { font-size: 1.3em; color:#336699;}
h4 { font-size: 1.2em; color: #336600;}
h5, .subheading { font-size: 1.1em; color: #404;}
h6, .normal {	font-size: 1em; color: #000;}

hr{
	border: 0;
	height: 1px;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
}

img { border: 0;}

ul {}
.content li {list-style-image:url(/multimedia/layout/bullet_yellow.gif);}

* html #overall {height: 1%;}
* html #middle .content {height: 1%;}
* html #left .content {height: 1%;}

#background {width: 100%; margin: 0; padding: 0; background: url("/multimedia/layout/background.jpg") repeat-x left top; }

#overall {
	width: 880px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
}

#left {
	float: left;
	width: 250px;
	margin: 0;
	margin-right: 5px;
	padding: 0;
}

#logo {
	width: auto;
	height: 80px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
}

* html #logo { margin-bottom: 9px;}
#logo h1 { margin: 0; padding:0;}

#navigation {
	width: 250px;
	height: 170px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	background: url("/multimedia/layout/menu_back.gif") no-repeat left top;
}

#navigation .content { padding-top: 10px; padding-left: 37px;}

#greybox, #lgreybox, #whitebox {width: 200px; margin: 0 0 15px 27px;}
#greybox .content, #lgreybox .content, #whitebox .content { padding: 11px;}
#greybox .heading, #lgreybox .heading, #whitebox .heading { padding-left: 28px; font: normal normal 1.4em arial, sans-serif;}
#greybox .heading a, #lgreybox .heading a, #whitebox .heading a {text-decoration:none;}
#greybox .heading a:hover, #lgreybox .heading a:hover, #whitebox .heading a:hover { text-decoration:underline;}

#greybox {background: url("/multimedia/layout/grey_box_top.gif") no-repeat left top;}
#greybox .content { background: url("/multimedia/layout/grey_box_bottom.gif") no-repeat left bottom;}
#greybox .heading { color:#FFF; background: url("/multimedia/icons/emp_opp.gif") no-repeat scroll 0px 0px;}
#greybox .heading a { color:#FFF;}

#lgreybox {background: url("/multimedia/layout/grey_l_box_top.gif") no-repeat left top;}
#lgreybox .content { background: url("/multimedia/layout/grey_l_box_bottom.gif") no-repeat left bottom;}
#lgreybox .heading { color:#666; background: url("/multimedia/icons/signup.gif") no-repeat scroll 0px 0px;}
#lgreybox .heading a { color:#666;}

#whitebox .heading { color:#555; background: url("/multimedia/icons/email.gif") no-repeat scroll 0px 0px;}
#whitebox .heading a { color:#555;}

#whitebox .referral, #greybox .referral, #lgreybox .referral { background: url("/multimedia/icons/referral.gif") no-repeat scroll 0px 0px;}
#whitebox .email, #greybox .email, #lgreybox .email { background: url("/multimedia/icons/email2.gif") no-repeat scroll 0px 0px;}
#whitebox .website, #greybox .website, #lgreybox .website { background: url("/multimedia/icons/website2.gif") no-repeat scroll 0px 0px;}

#middle { margin-left: 255px; padding: 0;}

#middle .content { padding: 10px 10px 10px 20px; background: url(/multimedia/layout/inv.gif) 0 0 no-repeat;}
#middle .content li { padding-bottom: 5px;}

#header {
	width: auto;
	height: 172px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#header .strapline { float: left; width: 250px; text-align:center;}
#header .photo { float: left; width: 200px; text-align:right;}
#header .address { float: left; color:#FFFFFF; font-size: 1.2em; width: 160px; padding: 10px 0 0 10px;}
#header .address a { color:#FFFFFF;}

#footer {
	padding: 0;
	margin-top: 10px;
	background: #EAEFE5;
	border-top: 3px solid #360;
}

#footer .content {
	width: 100%;
	padding: 6px 10px 7px 15px;
	font-size: 0.9em;
	color: #666;
}

div.float {
  float: left;
  padding: 10px;
}

.clr { clear: both; }

.small, .error { font-size: 0.9em;}
.error { color: red;}
.quote {
	padding: 5px 10px 5px 40px;
	font: italic 12px Georgia, Times, serif;
	background: #EFF2D3 url(/multimedia/icons/quote.gif) 10px 0.75em no-repeat;
	margin: 0 10px 15px 5px;
}

.docs p {
	background: url(/multimedia/icons/doc_small.gif) no-repeat scroll 0px 4px;
	padding: 3px 0 4px 14px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
}

.docs p a {	font-weight:bold;}

.infobox {
	padding: 10px 15px 5px 40px;
	font: italic 1em Georgia, Times, serif;
	background: #E1EAF2 url(/multimedia/icons/info.gif) 9px 0.55em no-repeat;
	margin-bottom: 15px;
}

.infobox a { color: #336699; font: italic 1.1em Georgia, Times, serif;}

.contactbox {
	padding: 10px 15px 5px 40px;
	font: italic 1.1em Georgia, Times, serif;
	background: #EFEFEF url(/multimedia/icons/contact.gif) 9px 0.55em no-repeat;
	margin-bottom: 15px;
}

.infobox p, .contactbox p { padding: 0;}

/* MENU FEATURES */

div.inigomenu {}

div.inigomenu li { height: 22px;}

/* setup style on top level anchor tags */
div.inigomenu li a, div.inigomenu li a:visited {
	display: block;

	color:#000;
	padding: 3px 0 3px 10px;
}

div.inigomenu li a.menuhover, div.inigomenu li a:visited.menuhover, div.inigomenu li a:hover {
	color:#FFF;
	font-weight: bold;
	background: transparent url(/multimedia/layout/menu_hover.gif) no-repeat scroll left center;
}

div.inigomenu ul ul, div.inigomenu ul ul li {
	border: 0;
	padding: 0;
	display: none;
}

/* Form CSS */

.contactInput, .registerInput, .proInput, .loginInput {
	font-size: 0.9em;
	background: #FFF;
	border: 1px solid #999;
}

.contactInput, .registerInput {width: 90%;}
.proInput {width: 270px;}
.proInput:hover { background:#EEFFFF}

.contactButton, .registerButton, .greyButton, .loginButton {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	background: #336699;
	border: 1px solid #003366;
}

.greyButton {
	background: #888;
	border: 1px solid #666;
}

/* END Form CSS */
.logintable { margin:0; padding:5px; border:0;}
.logintable label { display:block; text-align:left;}
.logintable .loginInput { vertical-align: middle; width: 200px;}

/* Message Centre */
.messagemenu {margin-bottom:10px;}
.messagesend {float: left; width:190px;}
.messagesend .padding {padding: 0px 10px 0px 0px;}
.messagedetail {float: left; width:400px;}
.messagedetail input, .messagedetail textarea {border:1px solid grey;}