/* ***************************

Access East Sussex Style Sheet

**************************** */

/* ----------- General Defaults -------- */

body {
	font-family: Verdana;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image: url(../images/bg_sliver2.gif);
	background-repeat: repeat-y;
	background-position: center top;	
}

a img {
	border:0;
}

.textOnly {
	display:none;
}

a {
	color: #009A39;
}


/* ----------- Page Layout ------------- */

#header {
	width: 740px; background-image: url(../images/autumn_background.jpg); background-repeat: no-repeat; background-position: right top; border-bottom:1px solid #CCCCCC;
}

.pageContainer {
	width: 740px; margin-left:auto; margin-right:auto;
}

.leftColumn {
	width: 155px; float:left; height:100%; clear: both; padding-left:10px; padding-top:20px;
}

.middleColumn {
	width:400px; float:left; height:100%; padding:5px 5px 5px 10px; padding-top:20px;
}


.rightColumn {
	width: 155px; float:right; margin-top:10px;
}

.footerstrip {
	width:740px; clear: both; padding-top:1em; border-top:1px dotted #CCCCCC; margin-top:1em; font-size:75%;
}



/* --------- Navigation ------------- */

#topBar {
	text-align:right;
	font-size:0.75em;
	display:inline;
	width:590px;
	padding-left:0px;
}

#topBar a {
	text-decoration:none;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
}

#topBar a.selected {
	text-decoration:none;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
}

#navigationBar {
	font-size:70%;
}

#navigationBar ul {
	list-style: none; margin: 0; padding: 0; border: none;
}

#navigationBar li {
	border-top: 1px solid #FFFFFF;
	width: 145px;
}


#navigationBar ul li a {
	display: block;
	padding: 5px 5px 5px 10px;
	background-color:#99CC99; 
	color: #003300;
	text-decoration: none;
	width:130px;	/* fix for IE - so that hover works on whole element */
}

#navigationBar ul li a.selected {
	background-color:#76AF76;
	color:#FFFFFF;

}
	
#navigationBar li a:hover {
	background-color:#76AF76;
	color:#FFFFFF;
}
		
#navigationBar ul li span.subheading {
	display: block;
	padding: 5px 5px 5px 10px;
	color: #003300;
	background-color:#B2B997;
	font-weight:bold;
	color:#FFFFFF;
}
	
html>body #navigationBar li a {
	width: auto;
}

.breadcrumb {
	font-size:70%;
}


/* --------- Fonts ------------------ */

h1 {
	font-size:140%;
	font-weight:normal;
	color:#009A39;
}

h2 {
	font-weight : normal;
	font-size : 120%;
	color : #009A39;
	border-bottom : 1px solid #009A39;
}

h3 {
	font-weight : normal;
	font-size : 80%;
	color : #009A39;
}

.middleColumn p {
	color:#666666;
	font-size:80%;
}




.alphabetList {
		list-style: none;
		clear:both;
		margin:0;
		padding:10px;
		text-align:center;
}




/* ----------- A-Z selector --------- */


.alphabetList li {
		display:inline;
		padding: 0;
}


.alphabetList li a {
	text-decoration:none;
	border:1px solid #BBBBAA;
	background-color:#FFFFFF;
	padding:3px 6px 3px 6px;
	font-size:80%;
	color:#000;
}

.alphabetList li a:hover {
	background-color:#CCCCBB;
	color:#FFF;
}

.alphabetList li a.selected {
	background-color:#CCCCBB;
	color:#FFF;
}



.boxout {
	background-color:#EEEEDB;
	background-image: url(../images/br_curve.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:0.5em;
}


.boxout h2 {
	font-size:82%;
	font-weight:bold;
	background-color:#BBBBAA;
	color:#FFFFFF;
	padding:2px;
	padding-left:1.5em;
	background-image: url(../images/h4curve.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:0;
	border:0;
}


/* ----------- atozlisting is a ul ----------- */

.atozlisting {
	font-size:80%;
	list-style: none;
	margin: 0;
	padding:0;
}

.atozlisting li {
	margin:2px;
	padding-bottom:1.5em;
}

.atozlisting li .heading
{
	background-color:#EEEEDB; /* #B8E1B8; */
	font:100% Verdana;
	color: #333333;			
	padding:5px;
	margin-bottom:5px;
}


.atozlisting li .heading a
{
	font-weight:bold;
}

.atozlisting li .telephone
{
	font:90% Verdana;

	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	background-image: url(../images/telephone_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.atozlisting li .email
{
	font:90% Verdana;

	padding-left:25px;
	background-image: url(../images/email_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.atozlisting li .description
{
	/*font:90% Verdana;*/
	font:90% Verdana;
	line-height: 1.5em;
	margin-top:5px;
}

.atozlisting li .faq
{
	font:90% Verdana;

	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	background-image: url(../images/q3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ---------- LGCL_Categories Styles ---------- */


#lgcl_categories ul {
	margin-left:0;
	list-style:none;
}

#lgcl_categories ul ul {
	margin-left:20px;
	list-style:none;
}


#lgcl_categories ul li {
	font-weight:bold;
	padding-bottom:0.5em;

}

#lgcl_categories ul li ul li {
	font-weight:normal;
	font-size: 85%;
	padding:0;

}

#lgcl_categories a {
	font-size:80%;
	color: #336699;
	color: #555511;
}

#lgcl_categories a:hover {
	background-color: #EEEEDB;
}


/* ----------- boxes ----------------- */

.rightBox {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color: #009A39;
	padding:0;
	padding-bottom:0px;
	margin-top:20px;
}



.rightBox h2 {
	font-size:110%;
	font-weight:bold;
	color:#009A39;
	padding:2px;
	margin-bottom:0;
}

.rightBox p {
	padding-left:8px;
	padding-right:8px;
}

.rightBox img {
	border:1px solid #FFF;
}



.rightBox2 {

	background-color:#EEEEDB;
	background-image: url(../images/br_curve.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:0;
	padding-bottom:0.5em;
	margin-top:20px;

}

.rightBox2 h2 {
	font-size:82%;
	font-weight:bold;
	background-color:#BBBBAA;
	color:#FFFFFF;
	padding:2px;
	padding-left:1.5em;
	background-image: url(../images/h4curve.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:0;
	border:0;
}

.rightBox2 p {
	font-size:0.7em;
	padding-left:8px;
	padding-right:8px;
}

.rightBox2 img {
	border:1px solid #CCCCBB;
}

.rightBox2 .center {

	text-align:center;

}


.faq h1 {
	font-size:100%;
	font-weight:bold;
	border-bottom:1px solid #009900;
}

.faq h2 {
	background-color:#EEEEDB;
	padding-top:10px;
	font-size:90%;
	font-weight:bold;
	border:0;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	background-image: url(../images/q4.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	
}

.faq h3 {
	font-size:80%;
	font-weight:bold;
}

.faq td {
	font:75% verdana;
	color:#666;
	padding:5px;
	vertical-align:top;
	border:1px solid #ccc;
}