/* @override http://clients.soda-art.co.uk/archers/stylesheets/mainlayout.css */

/* @override http://clients.soda-art.co.uk/archers/stylesheets/mainlayout.css */

/* CSS Document */
/* ? 2007 Soda Art Ltd */
/* Main style sheet for Archers website */

/* Styling */

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	color: #000;
	background: #541D40 url(../images/img_bg_gradient_02.png) repeat-x fixed center top;
}

a {	
	color: #541D40;
	}
	
a:hover{
	color: #CCCC00;
	}

strong {
	font-weight: bold;
	color: #541D40;
	white-space: nowrap;
}

h1 {
	margin: 0px;
	line-height: 1.8em;
	font-size: 180%;
	font-style: normal;
	color: #541D40;
	border-bottom: 1px solid #CCCC00;
	margin-bottom: 1em;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 1.2em;
	font-size: 120%;
	color: #541D40;
	
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	font-size: 100%;
	color: #000;
	margin-bottom: 1em;
}

ul {
	margin: 0px;
	padding: 0px;
}


/*Hide accessibility*/
.accessibility {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/* Layout */

#wrapper {
	width: 640px;
	margin: 0px auto;
	padding: 0px 40px;
	background: #fff;	
	border-left: 2px solid #CCCC00;
	border-right: 2px solid #CCCC00;
}

#wrapper { 
  width:720px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:640px;
} 

html>body #wrapper {
  width:640px;
} 

#header {
	height: 120px;
	background-image:url(../images/header_archers_logo.gif);
	background-repeat:no-repeat;
}

#headertext {
	text-align: right;
	color: #541D40;
	float: right;
}

#headertext p{
	font-size: 180%;
	font-style: normal;
	line-height: 0.5em;
	margin-top: 2em;
	margin-bottom: none;	
}

#headertext h1{
	font-size:240%;
	font-style:bold;
	line-height: 0.5em;
	border-bottom: none;
}

#navbar {
	clear: both;
}

/*Content*/

#maincontent {
	margin-left:  20px;
}

#maincontent, #maincontent_container {
	clear: both;
	background-color: #fff;
	width: 620px;
}

#maincontent li {
	display: inline;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 10px 0px;
}

#leftcontent {
	padding-top:  20px;
}

#leftcontent, #maincontent_left{
	float: left;
	background-color: #fff;
	width: 300px;
} 


#leftcontent p{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#leftcontent ul {
	margin: 0px 0px 45px 0px;
}


#maincontent_left ul{
	margin-bottom: 10px;
}

#maincontent_left li{
	color: #541D40;
	font-size:100%;
	font-style: bold;
	display: list-item;
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../images/bulletpoint.gif);
}


#leftcontent_large {
	float: left;
	background-color: #fff;
	width: 460px;
	padding: 20px 0px 0px 0px;
	}

#leftcontent_large h1, h3, h4 {
	margin: 0px;
	line-height: 1.8em;
	font-size: 180%;
	font-style: normal;
	color: #541D40;
	border-bottom: 1px solid #CCCC00;
	margin-bottom: .8em;
}

#leftcontent_large h3 {
	border-bottom: none;
	margin-bottom: 0px;
}

#leftcontent_large h4 {
	font-size: 140%;
	line-height: 1.2em;
	padding-bottom: 5px;
}


#leftcontent_large h2{
	margin:  20px 0px 10px 0px;	
}

#rightcontent_container {
	float: right;
	width: 240px;
	padding-top:60px;
}


#rightcontent {
	background: #D0DBE9 url(../images/news_bg_corner_left.gif) no-repeat top left;
}

#rightcontent_inner {
	padding: 10px 30px 0px 20px;
	margin: 0px;
}

#rightcontent img{
	padding-bottom: 10px;
}
	
#rightcontent h1{
	font-size: 130%;
	margin: 0px;
	border-bottom: 1px solid #000050;
	margin-bottom: 0.5em;
	padding-top: 0px;
}

#rightcontent h2{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

#rightcontent p{
	margin: 0px;
	font-size: 95%;
	font-style: normal;
}

.news_item {
	padding-bottom: 20px;
}

.rightcontent_services {
	margin: 0px 0px 30px 375px;
	width: 240px;
	background: #fff;
}

#rightcontent_container_technical {
	padding-top:60px;
}

.rightcontent_container { 
  	clear: both;
  	width:650px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:250px;
	border:solid 1px #00FF00;
} 

html>body .rightcontent_container {
	clear: none;
  	width: 240px;
} 

.rightcontent_services img {
	border: 1px solid #CCCC00;
}

.rightcontent_services h2{
	font-size: 110%;
	margin: 5px 0px 0px 0px;
}

.rightcontent_services p{
	margin: 0px 0px 0px 0px;
	font-size: 95%;
	font-style: normal;
}

#mapblock {
   margin-left: 360px;
   padding-bottom: 30px;
}

.maincontent_left_aboutus {
	margin: 0px;
	padding-bottom: 20px;
	float: left;
	background-color: #fff;
	width: 300px;
}

.maincontent_left_aboutus img{
	margin: 0px 10px 0px 0px;
	float: left;
	position: static;
	border: 1px solid #CCCC00;
}

.maincontent_left_aboutus h2 {
	margin: 0px;
	padding: 0px;
	line-height: 2em;
	font-size: 110%;
	color: #541D40;
}

.maincontent_left_aboutus p{
	margin: 0px 0px 0px 115px;
	padding: 0px;
	font-size: 100%;
	font-style: normal;
}

.contentlink {	
}

.contentlink a {
	color: #541D40;
	font-size: 100%;
}

.contentlink a:hover {
	color: #CCCC00 ;
}

/* Sitemap styling */

#sitemap {
	padding-bottom: 20px;
}

#sitemap ul{
	margin: 0px;	
}

#sitemap li{
  	display: list-item;
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../images/bulletpoint.gif)
}

#sitemap ul ul li{
  	display: list-item;
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../images/bulletpoint.gif)
}

/* Footer */

#footer_images {
	clear: both;
	margin: 20px 0px;
	border-top: 2px solid #CCCC00;
	border-bottom: 1px solid #CCCC00;
}

#footer {
    clear: both;
	color: #fff;
	background: #541D40 url(../images/footer_bg_corner_bottom.png) no-repeat bottom left;
	font-size: 95%;
	height: 20px;
	width: 640px;
	border-top: 2px solid #CCCC00;
	border-bottom: 5px solid #fff;
}

#footer ul {
	padding: 0px 0px 0px 20px;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding: 0px 30px 0px 0px;
}

.footerlink {
	
}

.footerlink a {
	color: #fff ;
}

.footerlink a:hover {
	color: #CCCC00 ;
}

.soda {
	padding-left: 5px;
}

.soda a {
	color: #fbd2f1;
}

.soda a:hover {
	color: #C20080;
}

.footerlinksoda {
	padding-left: 30px;
	font-size: 100%;
}

/* Google Map */

.GMapEZ {
	width: 260px;
	height: 380px;
	border: 1px solid #CCCC00;
}