/* CSS Document */

/* GLOBAL
--------------------------------------------------------------------------------------------*/

body
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
}	

h1{
color:			#900;
font-size:		1.8em;
margin-top:		25px;
}

#innerWrapper p, #innerWrapper{
font-size:		13px;
}

#innerWrapper{
margin:			-15px 0px 0px 10px; 
}

img{
border:			none;
}

a{
color:			#000;
}

a:hover{
color:			#900;
text-decoration:none;
}

/* TOP BACKGROUND
--------------------------------------------------------------------------------------------*/

#mainMenu{
height:			92px;
width:			100%;
background:		url(../images/menuTopBG.gif) repeat-x;
position:		absolute;
top:			0px;
left:			0px;
}




/* LOGO AND MENU
--------------------------------------------------------------------------------------------*/

#logo{
height:			92px;
width:			284px;
background:		url(../images/logo.gif);
text-indent:    -5000px;
position:		relative;
top:			-16px;
left:			0px;
}

#mainMenuList{
list-style:		none;
font-size:		0.65em;
height:			36px;
float:			left;
position:		relative;
top:			-62px;
left:			376px;
}

#mainBody #mainMenuList li{
float:			left;
background:		url(../images/tabOFF.gif) no-repeat top right;
text-align:		center;
width:			84px;
height:			36px;
margin-left:	10px;
}

#mainBody #mainMenuList li a{
width:			84px;
height:			36px;
display:		block;
line-height:	2.5em;
text-decoration:none;
color:			#FFF;
float:			left;

}

#mainBody #mainMenuList a:hover, #mainBody #mainMenuList a.selected{
background:		url(../images/tabOVER.gif) no-repeat top right;
color:			#000;
}
#sitemap, #sitemap ul
{
	list-style:none;
}

/* SUB MENU and FOOTER
--------------------------------------------------------------------------------------------*/

#mainBody #subMenu, #footerMenu{
list-style:		none;
font-size:		0.85em;
float:			left;
background-color:#FFF;
width:			741px;
height:			20px;
margin:			-2px 0px 5px -20px;
}

#footerMenu{
font-size:		0.85em;
}

body #footerMenu{
width:			739px;
font-size:		0.85em;
}
#mainBody p.footerText{
width:			739px;
font-size:		0.85em;
}


#subMenu li, #footerMenu li{
float:			left;
padding-right:  30px;
padding-top:    1px;
margin-left:	-20px;
}

#subMenu li a
{
text-decoration:underline;
color:			#900;
}

#footerMenu li a{
color:			#000;
text-decoration:none;
}

#subMenu li a:hover
{
text-decoration:none;
}

#footerMenu li a:hover{
text-decoration:underline;
color:			#900;
}

/* MAIN BODY
--------------------------------------------------------------------------------------------*/

#mainBody{
width:			800px;
margin-left:	auto;
margin-right:	auto;
}

.Banner{
height:			222px;
width:			800px;
margin-top:		-10px;
}

#bannerImage{
background:		url(../images/Banner_road.jpg) no-repeat top right;
}

#bannerImageAbout{
background:		url(../images/Banner_tomorrow.jpg) no-repeat top right;
}
#bannerCntImage{
background:		url(../images/contact-us.jpg) no-repeat top right;
}

#bannerMap{
background:		url(../images/Banner_Map2.jpg) no-repeat top right;
}


.leftParagraph{
width:			505px;
text-align:		justify;
}


/* RIGHT CONTENT
--------------------------------------------------------------------------------------------*/

#rightContent{
float:			right;
margin-right:	5px;
width:			257px;

}



/* FOOTER
--------------------------------------------------------------------------------------------*/
#FooterImg
{
	margin-top: 20px;
	margin-bottom:2px;
}
#footerMenu{
width:			760px;
height:			20px;
list-style:		none;
float:			left;
margin-top:		0px;
margin-left:	1px;
}

#footerMenu li{
float:			left;
padding-left:   20px;
}

#footerMenu li a{
text-decoration:underline;
}

/* HOME PAGE
--------------------------------------------------------------------------------------------*/

#newsTab, #fundsTab{
width:			257px;
height:			40px;
text-indent:    -3000px;

margin-bottom:	0px;
margin-top:		-1px;
background-repeat:no-repeat;
}

#newsTab{
background:		url(../images/usefulDownloads.gif);
}

#fundsTab{
background:		url(../images/FundTop.gif);
}

#newsMiddle{
width:			247px;
background:		url(../images/newsMiddle.gif);
margin-top:		0px;
margin-bottom:	0px;
padding-left:   10px;
}

#newsMiddle p{
margin:			0px;
margin-right:	10px;
}

a.NewsItems{
color:			#000;
text-decoration:none;
display:block;
font-size:0.8em;
margin-bottom:10px;
}

a.NewsItems:hover{
text-decoration:underline;
}

a.INNewsItems{
color:			#000;
text-decoration:none;
display:block;
}

a.INNewsItems:hover{
text-decoration:underline;
}
a.Downloads
{
	display:block;
}

#newsTabFooter{
width:			257px;
height:			47px;
background:		url(../images/newsBottom.gif);
margin-top: -10px;
* margin-top: 0px;
}

#newsTabFooter p{
float:			right;
margin-top:		20px;
margin-right:	20px;
}

#newsTabFooter a{
color:			#000;
text-decoration:none;
}

#newsTabFooter a:hover{
text-decoration:underline;
}

/* Meet the Team
--------------------------------------------------------------------------------------------*/

.StaffPhoto{
margin:			42px 20px 0px 0px;
}

/* Services
--------------------------------------------------------------------------------------------*/

.funds{
margin-left:	30px;
margin-top:	10px;
}

/* Downloads
--------------------------------------------------------------------------------------------*/

.downloads, .downloads a{
color:			#900;
list-style:		none;

}

.downloads a:hover{
text-decoration:none;
}

fieldset
{
	border:none;
}
div.section
{
	float:left;
	display:inline;
}
div.element
{
	clear:right;
	display:block;
	width:600px;
}
div.element label.lftlbl
{
	width:75px;
	display:block;
	text-align:right;
	float:left;
	margin-right:7px;
}
div.element textarea
{
	width:200px;
	height:100px;
}
div.element textarea.Enquiry
{
	width:400px;
	height:100px;
}
span.sm
{
	font-size:0.8em;
}
/* CSS Document */


/*    

* IE 6 and 7 recognise a star here{
* this is an IE7 declaration;
_this is an IE6 declaration;
}



/* IE7
--------------------------------------------------------------------------------------------*/

* #mainBody #mainMenuList{
* top:			-52px;
}

* body #logo{
* margin-top:		1px;
}

* body .Banner{
* margin-top:		-40px;
* padding-top:      0px;
}

* body #innerWrapper{
* margin-top:			1px;
}

* body h1{
* margin-top:			0px;
}

* body #mainBody #subMenu{
* padding-left:		40px;
* padding-top:      10px;
}

* body #footerMenu{
width:				100%;
}


/* IE6
--------------------------------------------------------------------------------------------*/

* html #mainMenu{
_padding-right:     20px;
}

* html body #mainBody #subMenu{
_margin-left:		0px;
}

/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/