/* CSS styles */

	body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #333333;
	}
	h1 {
	margin: 0;
	padding: 0;
	}
	h2 {
	margin: 0;
	padding: 0;
	}
	h3 {
	margin: 0;
	padding: 0;
	}
	p {
	margin: 0;
	padding: 0;
	}
	ul {
	padding: 0;
	margin: 0;
	}
	
	div{
	padding:0;
	margin:0;
	}
	
	
	

/* -------- WRAPPER -------- */
#wrapper {
width: 1000px;
position: relative;
left: 50%;
margin-left: -500px;
padding: 0;
background: #5b5b5b url('images/bg.jpg') no-repeat top;
}


/* -------- INNER WRAPPER -------- */
#wrapperinner {
padding: 0;
margin: 0 19px 0 19px;
background: #FFFFFF;
}


/* -------- ICONS -------- */
#icons {
height: 30px;
padding: 0;
margin: 0 1px 0 1px;
background: #fff url('images/bg_icons.jpg') repeat-x top;
}
#icons img {
float: right;
padding: 0;
margin: 3px 3px 0 0;
}


/* -------- BRANDING -------- */
#branding {
height: 230px;
padding: 0;
margin: 0;
}


/* -------- MENU -------- */
#menu {
height: 41px;
padding: 0 0 0 3px;
margin: 0 1px 0 1px;
background: url('images/bg_menu.jpg');
}


/* -------- INFO -------- */
#infowrapper {
padding: 0;
margin: 0;
background: #FFFFFF;
}

/* -------- WELCOME -------- */
#welcome {
float: left;
width: 320px;
height: 149px;
padding: 60px 0 0 0;
margin: 0;
background: url('images/bg_welcome.jpg');
border-color: #FFFFFF;
border-width: 1px 0 1px 1px;
border-style: solid;
}
#welcome p {
padding: 7px 20px 0 24px;
margin: 0;
font-size: 11px; 
color: #141414;
line-height: 16px;
}
#welcome a:link, #welcome a:visited {
text-decoration: none;
color: #4d99ca;
}
#welcome a:hover, #welcome a:active {
text-decoration: underline;
}

/* -------- VISIT -------- */
#visit {
float: left;
width: 320px;
padding: 0;
margin: 0;
background-color: #e9e9e9;
}
a.visitbox { 
display: block;
height: 209px; 
width: 320px;  
border: 1px solid #FFFFFF; 
background: url('images/bg_visit_but.jpg') no-repeat left center;
outline: none;
text-decoration: none; 
color: #333333; 
}
a.visitbox p { 
font-size: 11px; 
color: #FFFFFF;
line-height: 16px; 
padding: 67px 20px 0 24px; 
margin: 0; 
}
.linkcolour { 
font-size: 11px; 
color: #3ca8ec;
}
a.visitbox:hover { 
background-position: right center;
}
a.visitbox .visit_wrapper {
padding: 0;
}

/* -------- NEWS -------- */

#news {
float: left;
width: 319px;
padding: 0;
margin: 0;
border-color: #FFFFFF;
border-width: 1px;
border-style: solid;
background-color: #e9e9e9;
}
a.newsbox { 
display: block; 
width: 319px; 
height: 209px; 
outline: none;
}
a.newsbox p { 
position: absolute; 
left:-1000px;
}
a#feature_news { 
background: url('images/bg_news_but.jpg') no-repeat left center; 
float: left;
}
a#feature_news:hover { 
background-position: right center; 
}

/* -------- MAP -------- */
#map {
float: left;
width: 320px;
height: 339px;
padding: 0;
margin: 0;
border-color: #FFFFFF;
border-width: 0 1px 1px 1px;
border-style: solid;
}

/* -------- ALPHA -------- */

#alpha {
float: left;
width: 639px;
padding: 0;
margin: 0;
border-color: #FFFFFF;
border-width: 0 1px 1px 0;
border-style: solid;
background-color: #e9e9e9;
}
a.alphabox { 
display: block; 
width: 639px; 
height: 339px; 
outline: none;
}
a.alphabox p { 
position: absolute; 
left:-1000px;
}
a#feature_alpha { 
background: url('images/bg_alpha_but.jpg') no-repeat left center; 
float: left;
}
a#feature_alpha:hover { 
background-position: right center; 
}

/* -------- CLEAR -------- */
#clear {
clear: both;
}

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

#footerwrapper {
height: 100px;
border-color: #FFFFFF;
border-width: 0 1px 1px 1px;
border-style: solid;
background-color: #bcbcbc;
}
#footerleft {
color:#666666;
float: left;
margin: 20px 0 20px 20px;
font-size: 11px;
}
#footerright {
float: right;
margin: 20px 20px 0 0;
padding:0;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color: #4d99ca;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}









