* {
    border: 0;
    margin: 0;
    padding: 0;
}

body 
{
	background-image: url(background.jpeg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-attachment: fixed;
	text-align: left;
	font-family:  Arial,'Trebuchet MS', 'Lucida Grande',  sans-serif;
	font-size: 12px;

}

h1
{
	font-family:  arial,  sans-serif;
	font-size: 16px;
	font-weight: bold;
}
	
h2
{
	font-family:  arial,  sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h3
{
	font-family:  arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
}
input, textarea
{
	border: 1px #474646 solid;
}


input.except
{
	border: 0px;
}

#header-wrapper
{
	position:relative;
  	width: 100%;
	left: 0px; 
	top: 0px;
	z-index: 10;
}


/*header-wrapper set to relative, if this fails, then will simply display at top of screen (wont be fixed)*/
#fixedHeader 
{ 
	position: fixed;
	left: 0px;
	width: 100%;
	z-index: 10;
	background: #fff;
}

#fixedHeader, #header-wrapper
{ 
  	height: 40px;
}

#menu-wrapper, #footer-wrapper
{
	position:relative;
  	width: 100%;
	z-index: 5;
}
 
#fixedMenu , #fixedFooter 
{ 
	position: fixed;
	left: 0px;
	width: 100%;
	z-index: 5;
}

#fixedMenu
{
    background-image: url(menu-gvw.gif); 
	background-repeat: repeat-x;
}

#fixedFooter 
{ 
	bottom: 0px;
	background-color: #ddd;
}

#menu-wrapper, #fixedMenu
{
	height: 35px;
}

#footer-wrapper, #fixedFooter
{
	height: 22px;
}

#content-wrapper
{
	position:relative;
	height: 100%;
	width: 100%;
	padding-bottom: 20px;
	z-index: 1;
}

#header, #menu, #content, #footer
{
	position:relative;
	width: 970px;
    height: 100%;
    margin: 0% auto;
}

#content
{
	padding-bottom: 30px;
}

#header
{
	z-index: 20;
}

.logo
{
	position: absolute;
	top: 0px;
	left: -5px;
	background-color: #fff;
	padding-right: 12px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	background-image: url(submenulogoBack.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	
}

#contactBox, #contactBoxJavaScript
{
	position: absolute;
	right: 30px;
	top: 5px;
	font-family:  arial,  sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
}
	
#contactBox .phone a, #contactBoxJavaScript .phone a
{
	background-image: url(phoneIcon.gif);
	background-repeat: no-repeat;
}

#contactBox .email a, #contactBoxJavaScript .email a
{	
	background-image: url(emailIcon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#contactBox .phone a,  #contactBox .email a, #contactBoxJavaScript .phone a,  #contactBoxJavaScript .email a
{
	text-decoration: none;
	color: #000;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#contactBoxJavaScript
{
	display: none;
}

#navBar
{
	position: absolute;
	left: 180px;
}

/*Search Button styling */
#searchform_wrapper 
{
	position: absolute;
	right: 0px;
}
	
#searchFormJavaScript
{
	display: block;
}

#searchFormJavaScript
{
	display: none;
}

#searchForm form 
{
	margin: 0; /* for IE */
	padding-left: 15px;
	padding-right: 30px;
}

#searchForm  label, #searchFormJavaScript label
{
	position: absolute;
	top: 9px;
	right: 140px;
	color: #fff;
	font-family:  arial,  sans-serif;
	font-size: 11px;
	font-weight:bold;
}

#searchForm  #search , #searchForm  #submitSearch, #searchFormJavaScript #search
{
	border: 1px #000 solid;
	position: absolute;
	top: 6px;
}

#searchForm  #search , #searchFormJavaScript #search
{
	width: 126px;
	padding: 2px;
	background-color: #fff;
	color: #488ed0;
	right: 0px;
}
	
#searchForm #search:focus, #searchFormJavaScript #search:focus { /* not working in IE6 */
	color: grey;
}

#searchForm  #submitSearch
{
	border: 1px #000 solid;
	position: absolute;
	top: 6px;
	right: 30px;
	height: 22px; 
}

#content
{
	position: relative;
	margin: 10px auto;
	min-height: 300px;

}

#subMenu
{
	position: absolute;
	left: -5px;
	width: 155px;
	height: 100%;
	padding: 15px;
	margin-top: 10px;
}

/*Extend the Sub menu upwards (to join with the logo column)*/
#subMenu
{
	margin-top: -10px;
	padding-top: 30px;
}

/* can set the subMenu to fixed with this*/
#subMenuFixed
{
	position: fixed;
	padding: 15px;
	margin-left: -15px;
	margin-top: -20px;
	height: 100%;
	background-image: url(submenulogoBack.gif);
	background-repeat: no-repeat;
	background-position: 0 -80px;
	background-color: #fff;
}

#subMenuFixed .floatBottom
{
	position: absolute;
	bottom: 150px;
}

#subMenuFixed .floatBottom img
{
	display: block;
	margin-left: 20px;
	margin-top: 10px;
}

#mainContent, #mainContentHome
{
	margin: 0 170px 0 170px; /*Margins for content column. "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0 10px;
}

#mainContent .Body .heading, .infoBox .heading, #news .heading, #floating .heading, #EventBox .heading
{
	background-color: #488ed0;
	color: #fff;
	font-family:  Arial, tahoma,  arial, sans-serif;
	width: 95%;
	font-size: 11px;
	padding: 5px;
}
#content .Body .heading
{
	margin-left: 10px;
}

#floating .heading
{
	font-weight: bold;
	padding: 5px;
	margin: 10px;
}

#mainContent .Body .bodyContent
{
	margin: 0px 10px;
	background-color: #fff;
	padding: 20px;
}

/*Style links*/
#mainContent .Body a
{
	color: #084ea0;
	text-decoration: none;
}


 #infoNews a,  #infoNewsHome a
{
	color: #084ea0;
	text-decoration: none;
}
/*List fix, lists seem to move past left border - due to the mbeing added with lotus */
#mainContent .Body li
{
	margin-left: 25px;

}

#mainContent .Body li h2
{
	display: inline;

}

/*Padding around images.*/
#mainContent .Body img
{
	padding: 5px;
}

/*SiteMap list styling*/
#sitemap
{
	font-family:  trebuchet MS, tahoma,  arial, sans-serif;
	font-size: 11px;
}

.sitemapTitle
{
	color: #084ea0;
	font-weight: bold;
	padding: 10px 15px;
}

#sitemap ul
{
	list-style: none;
	border: none;
	margin-left: 50px;
}

#sitemap li a
{
	text-decoration: none;
	color: #000;
	padding: 5px;
	display: block;
	width: 50%;
}

#sitemap li a:hover
{
	color: #fff;
	background-color: #084ea0;
}

.searchResult
{
	width: 75%;
	position: relative;
	text-decoration: none;
	border: 1px #488ed0 solid;
	color: #585858;
	
}

.searchResult .searchHeading
{
	font-weight: bold;
	padding: 5px;
	font-family:  Arial,trebuchet MS, tahoma,  arial, sans-serif;
}

.searchResult .searchRelevance
{
	float: right;
	padding: 5px;
}
.searchResult .searchBody
{
	text-decoration: none;
	padding: 10px;
	margin-top: 25px;

}

#infoNews
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 180px;
	height: 100%;


}

#infoNewsHome
{
	position: absolute;
	/*top: 140px;*/
	top : 0px;
	right: 0px;
	width: 180px;
}

#eventReg
{
	margin: 10px;
	font-weight: bold;
}

.infoBox
{
	margin-bottom: 2px;
}

.infoBox .heading, #news .heading
{
	font-size: 13px;
	
}

.infoNewsContent, .EventBoxContent
{
	font-size: 13px;
	padding-bottom: 10px;
	background-color: #fff;
	padding: 10px;
			border: 1px solid #488ed0;
	
}

.EventBoxContent ul 
{
	list-style: none;
	border: none;
	width: 155px;
	margin: auto auto;
}

.EventBoxContent  li a{
	display: block;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	color: #084ea0;
	text-decoration: none;
	width: 100%;


}

.EventBoxContent  li a:hover{

	border: 1px solid #488ed0;

}

#EventBox
{
	margin-bottom: 20px;
	border: 0;
	padding-bottom: 5px;	
}
	
#footer
{
	height: 100%;
}

#footer p
{
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	font-family:  trebuchet MS, tahoma,  arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color:#000;
}

#bookmark
{
	position: absolute;
	right: 15px;
	width: 140px;
	bottom: -2px;
}

#bookmark #bookcontent
{
	width: 100%;
}

#bookmark #bookcontent img
{
	padding: 0px;
}

.searchResult
{
	margin: 10px;
}

#callBack, #callUs, #emailUs
{
	display: none;
}

#floating
{
	display: none;
	z-index: 50;
	position: fixed;
	left: 50%;
	top: 77px;
	padding: 5px;
	width: 600px;
	margin-left: -300px;
	color: #000;
	background-color: #488ed0;
	border:1px solid #0b4d97;
}

#floating .heading
{
	color: #fff;
	font-family:  arial, trebuchet MS, tahoma,  arial, sans-serif;
	font-weight: bold;
}

#floating .heading a
{
	position: relative;
	float: left;
	color: #fff;
	font-family:  Arial, trebuchet MS, tahoma,  arial, sans-serif;
	font-weight: bold;
	padding: 2px 5px;
	margin: 0px 10px;
	border:1px solid #fff;
	text-decoration: none;
	color: #fff;
}

#phoneLink, #emailLink, #enquiryLink
{
	width: 150px;
}

#floating .heading a
{
	text-decoration: none;
	color: #fff;
}

#floating .content
{
	margin: 20px;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 20px;
}

#floating .content label, #floating .content input, #floating .content textarea, #EnquiryForm input, #EnquiryForm label, #EnquiryForm textarea,
#RegistrationForm input, #RegistrationForm label, #RegistrationForm textarea{
/*	display: block;*/
	width: 100px;
	float: left;
	margin-bottom: 5px;
}

#RegistrationForm select
{
	margin-bottom: 5px;
}

#floating .content textarea, #EnquiryForm textarea, #RegistrationForm textarea
{
	width: 400px;
}

#floating .content label, #EnquiryForm label , #RegistrationForm label {
	text-align: right;
	width: 72px;
	padding-right: 5px;
}

#floating .content br, #EnquiryForm br , #RegistrationForm br{
	clear: left;
}

#floating .content #openForm
{
	display: none;
}

#floating .content a
{
	color: #fff;
}
#floating #enquiryCloseBox
{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#floating #enquiryCloseBox a
{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
}

#floating #enquiryCloseBox a:hover
{
	color: #488ed0;
	background-color: #fff;
}


/*SubMenu, might be changed*/

#subMenu{
font-family:  Arial, Trebuchet MS, Lucida Grande, Arial, sans-serif;
font-size: 11px;

}


#subMenu ul, #fixedSectionHome{
list-style: none;
border: none;
width: 155px;
}

#subMenu li a{
display: block;
padding: 5px 5px 5px 8px;
color: #084ea0;
text-decoration: none;
width: 100%;

}

html>body #subMenu li a{ /*Non IE6 width*/
width: auto;
}

#subMenu li a:hover{
background-color: #488ed0;
color: #fff;
}

#subMenu li ul
{
	margin-left: 20px;
	width: 135px;
}
#subMenu li ul a
{
	display: block;
	padding: 2px 2px 2px 8px;
	font-size: x-small;
}

hr.Registration
{
    height: 1px; 
    color: #CCCCEE; 
    background-color: #CCCCEE; 
    border-style: none; 
    width: 100%;
}