body {
background-color:#404354;
//background-image:  url("../graphics/fondecran.jpg");
background-position: center center;
background-repeat: repeat-y;
margin: 0px; 
padding: 0px;
text-align: center; /*tricks IE5.x into centering the page*/
font: 101% Verdana, Geneva, Arial, Helvetica, sans-serif;

}
/*wrapper div styles the wrapper around the nav bar*/
#wrapper {
	position: relative;
	margin:auto;
	width:750px;
	text-align: left;
}

/*dropwdown 3 div change the co ordinates for left and top if you need to move the dropdown menu*/

#dropdown3 {
position:absolute; 
left:242px; 
top:170px; 
width:153px; height:96px; 
z-index:5; 
visibility: hidden;}

/*dropwdown 4 div change the co ordinates for left and top if you need to move the dropdown menu*/
#dropdown4 {
	position:absolute;
	left:361px;
	top:170px;
	width:153px;
	height:95px;
	z-index:5;
	visibility: hidden;
}

/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer {left:0px; position:absolute; margin-top:148px;visibility:hidden;width:750px;	z-index:1;}

/*This is the background image for navbar*/
#navbar td{
background-image:  url("../graphics/buttons/buttonback.gif");
background-repeat: repeat-x;
}

/* styles the menu table inside the dropdown div*/
.menu{
border-right: 1px solid #AEAF49;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 120px;
}

.menu a{
background: #CCD5DC;
display: block;/*needed so that the whole cell is highlighted on mouseover*/
text-decoration: none;
width: 100%;
}
/*  NOTE  ----  using the opacity filter - which shows in Firefox, but not IE, 
causes the page not to validate - 
remove the selectors if you are worried about having a fully valid page */
.menu a:link{
background: #DFAD26;
border-bottom: 1px solid #AFA592;
color:#000033;
padding: 2px 2px 2px 2px;  
filter:alpha(opacity=80);        /*IE*/
-moz-opacity:0.9;       /* Moz + FF*/
opacity: 0.9;          /* Anything that supports CSS3*/
}

.menu a:visited,.menu a:active{
background: #DFAD26;
border-bottom: 1px solid #AFA592;
color: #666666;
padding: 2px 2px 2px 2px;
filter:alpha(opacity=80);        /*IE*/
-moz-opacity:0.9;       /* Moz + FF*/
opacity: 0.9;          /* Anything that supports CSS3*/

}

.menu a:hover{
background: #F9FAFB;
border-bottom:1px solid #AFA592;
color: #990000;
padding: 2px 2px 2px 2px;
filter:alpha(opacity=80);      /* IE*/
-moz-opacity:0.9;    /*  Moz + FF*/
opacity: 0.9;         /* Anything that supports CSS3*/
}

/* declares the styles for cells paragraphs and lists */  
 td, p, ul {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666666;
 }
 
/*main content area*/
#contenttable {	
background-color: White;
text-align: left; /*re-aligns the text for IE5+*/
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
/*padding: 10px;*/ /*gives a bit of breathing space between the edge and text*/
}

#contenttable td {
	padding: 12px; /*gives a bit of breathing space between the edge and text*/
color: #666666;
}
/* spaces the paragraph text in the content table */
#contenttable p{
		line-height: 1.5em;
}
/*styles the content area links*/
#contenttable a:link {
	color: #5D5D29;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#contenttable a:visited {
	color: #000066;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable a:hover {
	color: #510037;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable a:active {
	color: #707031;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/*heading styles*/
  h1 {
 	color: #600041;
	font-size: 14px;
	margin-bottom: -1px;
 }
 
 h2{
 	color: #AE5E5E;
	font-size:13px;
 }
 
h3{
 	color: #75809E;
	font-size: 12px;
 }
	/*copyright styles*/ 
#copyright {
color: #333333;
font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color: #DFAD26;
vertical-align: middle;
word-spacing: .5em;
	}
	
/*to keep NS4 happy define the styles for the td*/
#copyright td {
color: #666666;
background-color: #DFAD26;
padding: 0px;
font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;

	}
/*copyright table styles */
#copyright a:link {
	color: #768FA2;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

#copyright a:visited {
	color: #57003B;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#copyright a:hover {
	color: #64829F;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#copyright a:active {
	color: White;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

/*styles the bottom text link bar */
 #linkbar {
 background-color: #DFAD26;	
 color:  #707031;
 padding-top: 2px;
 padding-bottom: 2px;
 border-top: 1px solid #7B95AE;
 }
 /*to keep NS4 happy define styles for the td*/
  #linkbar td{
 background-color: #DFAD26;	
 color: #707031;
 }
 
 #linkbar a:link {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:visited {
	color: #680047;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
#linkbar a:active {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:hover {
	color: #64829F;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

/*styles for the contact form*/
form { 
margin: 0;
padding: 0;
}

label,span.spacer {
width:140px;
}
/*styles the form fields*/
label{
font-weight:bold;
color : #5A5F76;
font-weight : bold;
}
fieldset{
padding:0px;
border : 1px solid #404354;
padding : 10px;
}
/*styles the 'contact form' text at top of contact form*/
legend {
color: #AE5E5E;
font-weight: bold;
font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 20px;  /*gives a bit of padding between the border and the text*/
}

input,textarea {
	background-color: #E9EAEE;
}

/* sets the background color when focus is on the following parts of the form */
textarea:focus, input:focus, select:focus {
	background-color: #F4F4F4;
	color: #000;
}

/*This styles a bulleted list*/
li {
	color: #666666;
	list-style-type: circle;
	line-height: 1.5em;
}

ul {
	color: #660000;
	list-style-type: square;
	line-height: 16px;
}
.pullquote {	
float: left;
width:20%;
padding:4px;
border: 1px solid #83813F;
font-size:1em;
font-weight: bold;
line-height:1.2em;
margin: 5px 5px 10px 5px;
background-color: #D6D7E0;
color: #404354;
}

#slogansection {
height: 146px;
padding:0px;
margin:0px;
}

.imgleft {float: left;
padding: 6px;
}
.imgright {float: right;
padding: 6px;
}
.rightsidebar {
	border-left: 1px dashed #7B95AE;
	width: 150px;
	background-image:  url("../graphics/sidebar_back.gif");	
	padding: 0px;
	margin-top: 0px;
}