/* Standard Flex-Page CSS File

	Developed by Worthing Borough Council
	
	Copyright ©2007 Worthing Borough Council
*/

body{
background:#fff;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:4em;
}

h1{font-size:2.2em; line-height:1em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.1em;}
h6{font-size:1em;}

h1, h2, h3, h4, h5, h6{
letter-spacing:-0.04em;
font-weight:normal;
margin-top:0.5em;
color:#3F6617;
}

a{
text-decoration:none;
font-weight:bold;
color:#3F6617;
}
a:hover{
text-decoration:underline;
}

li{margin-bottom:0.5em;}

abbr, acronym
{
cursor: help;
}


#footerValidIcons h2, #footerCopyright h2, #headerLinkElement h2, #navigationElement h2 {
display:none;
}

#skipNavigationImage{
position:absolute;
left:0;
top:0;
border:0;
}

#wrapperMain{
margin-left: auto; margin-right: auto; width:56em; background-color:#fff;
}

#headerElement{
width:101%;
height:16em;

clear:both;  

overflow:hidden; 

border-bottom:1px solid #fefefe;

margin:0;
padding-top:0;
}

#headerElementLogo{
padding:0; 

float:left; 

width:17.5em;
}

#headerLinkElement{
text-align:right;
width:38.5em;
padding-left:0em;
margin:0;
}

#headerLinkElement li{
margin-right:1.5em;
margin-top:2em;
}

#headerBrace{
float:left;
}

#headerWBCElement{
width:9.5em; 
margin-top:1em;
border:0;
}

#headerImage{
display: block; 
width:38.5em;
}

/* Generic Horizontal unordered list style */

.horizontalUl ul{
margin:0;
padding:0;
list-style-type:none;
}

.horizontalUl li{
text-align:center;
margin: 0;
padding: 0;
float: left;
}

/* Navigation Header */

#navigationElement{
width:101%;
height:6.25em;
overflow:hidden;
}

.navigationCell {
float:left;

width: 7em;
height: 6em;

display: table;
}

#navCell1{
background-color:#90C07B;
}

#navCell2{
background-color:#85C06A;
}

#navCell3{
background-color:#78B96B;
}

#navCell4{
background-color:#64A777;
}

#navCell5{
background-color:#579384;
}

#navCell6{
background-color:#497F90;
}

#navCell7{
background-color:#437490;
}

#navCell8{
background-color:#346093
}

.navigationCell a,navigationCell a:hover
{
color:#fefefe;
}

.navigationContent{
  	font-weight:bold;
	color:#fefefe;
	text-align:center;
		
	display: table-cell;
	vertical-align: middle;
}

#contentBracer{
width: 100%; padding-bottom:1em; clear:both;
}

#sideElementContainer
{
font-size:100%;
width: 10em; 
float:left;
background-color:#f8f8f8;
padding:1em 1em 0em 1em;
}

#contentElement{
font-size:0.9em;
padding-left:14em;
line-height:1.4em;
text-align:justify;
}

#footerElement{
border-top: 1px dotted #131E2D;
margin-top:2em;
padding-top:0.5em;
clear:both;

font-family:Tahoma, Arial, sans-serif;
}

/* The div style */
#footerValidIcons{
margin:0;
padding:0.5em 0 0 0;
width:13em;
float:left;
}

/* The image style */
.footerIcon{
height:2em; width:5.5em; border:0; display:block;
}

#footerCopyright{
font-size:0.7em;
width:60em;
float:left;
}

#footerCopyrightStatement{
padding-top:0.75em;
clear:both;
font-weight:bold;
}

#footerLinks{
font-size:0.7em;
font-weight:normal;
width:22em;
float:right;
}

.boxElementContainer{
background-color:#fefefe;
border: 1px solid #8FA60E;
padding: 2px;
margin-bottom:1em;
}

.boxElementContent{
border:0;
padding:3px;
background-color:#FEFEFE;
font-family:Tahoma, Arial, sans-serif;
font-size:0.7em;
}

.elHead{
border:0;
padding:3px;
color:#fefefe;
background-color:#8FA60E;
font-family:Tahoma, Arial, sans-serif;
font-weight:bold;
font-size:0.7em;
}

.elHead h2
{
font-size:small;
font-weight:bold;

letter-spacing:0;

color:#fcfcfc;
margin:0;
padding:0;
}

#navigationLink h4{
padding:1em 0em 1em 0.5em;
margin:0;
font-weight:bold;
font-family:Tahoma, Arial, sans-serif;
letter-spacing:0;
color:#131E2D;
font-size:1em;
border-bottom:1px solid #eee;
}

#navigationLink ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#navigationLink li {
		display: block;
		border-bottom: 1px solid #eee;
		margin: 0;
		padding: 0.5em 0.5em 0.5em 1em;
		font-weight:bold;
		}
#navigationLink li a:before{content: "+ ";}

#navigationLink li a {
		
		font-weight:normal;
		text-decoration: none;
		
		}

	/* html>body #navigationLink li a {
		width: auto;
		} */

	#navigationLink li a:hover {

		text-decoration:underline;
		}

#breadcrumbTrail{
font-size:0.8em;
font-weight:bold;
border-bottom: 1px solid #3F6617;
}

#helpImageMap{
width: 600px;
height: 371px;
background-image: url(/styles/highdown/rsrc/navigation_aspects.jpg);
}

/* Mobile Device Related */

#mobileHeader{
display:none;
}