@charset "UTF-8";

.floatholder:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}/* End hide from IE-mac */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}



/* WRAPPER 
============================================================================= */

#wrapper {
  height: auto; 
  min-height: 100%;
  margin-top:0px;  
}

/* CONTAINER 
============================================================================= */

#container {	
  width: 900px;
  padding-bottom: 150px;/* must be same height as the footer */
  background:#FFFFFF;
  margin-left: auto;
  margin-right: auto;
   
}

/* HEADER 
============================================================================= */

#header {  
  width: 900px;	
  height: 151px; 
  background: url(images/header.jpg) no-repeat center top;	 
}


/* LOGO 
============================================================================= */

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}

.h1 {
	margin:0px;
	display:block;
	text-indent:-9999px;
}


logotagline {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}

/* NAVIGATION 
============================================================================= */

#navigation {
  width: 834px;
  height: 54px;
  background: url(images/nav-bg.png) no-repeat center top;  
}

#navigation.padding {
  padding-left: 33px;
  padding-right: 33px;
  
}


/*----------------------------- NAVIGATION ROLLOVERS ------------------------ */

.navigation li {
	padding: 0;
	margin: 0;
	height: 38px;
	list-style: none;
	background-repeat: no-repeat;
}
.navigation li a, .navigation li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 38px;
	background-repeat: no-repeat;
}
.nav1 {background-image: url(images/nav1-on.png); width: 70px;}
.nav1 a {background-image: url(images/nav1-off.png);}
.nav2 {background-image: url(images/nav2-on.png); width: 114px;}
.nav2 a {background-image: url(images/nav2-off.png);}
.nav3 {background-image: url(images/nav3-on.png); width: 90px;}
.nav3 a {background-image: url(images/nav3-off.png);}
.nav4 {background-image: url(images/nav4-on.png); width: 69px;}
.nav4 a {background-image: url(images/nav4-off.png);}
.nav5 {background-image: url(images/nav5-on.png); width: 81px;}
.nav5 a {background-image: url(images/nav5-off.png);}
.nav6 {background-image: url(images/nav6-on.png); width: 119px;}
.nav6 a {background-image: url(images/nav6-off.png);}
.nav7 {background-image: url(images/nav7-on.png); width: 114px;}
.nav7 a {background-image: url(images/nav7-off.png);}
.nav8 {background-image: url(images/nav8-on.png); width: 104px;}
.nav8 a {background-image: url(images/nav8-off.png);}
.nav9 {background-image: url(images/nav9-on.png); width: 73px;}
.nav9 a {background-image: url(images/nav9-off.png);}


ul.navigation li a:hover {
   background: none;
}

.navigation li {
   float: left;
}

.navigation:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/*--------------------------DOWN MENU STYLES ----------------------- */


#dropmenudiv{
position:absolute;
border:0px;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100%;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #c00d00;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
background-color: #D22711;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #c00d00;

}


/* CONTENT 
============================================================================= */

#content {

   margin-bottom:45px;
   display:block;
   margin-left:auto;
   margin-right:auto;
   

}

#content.padding {
   padding-top: 33px;
   padding-right: 33px;
   padding-bottom: 33px;
   padding-left: 33px;
}

#content_column1 {
  width: 400px;
  margin-right:25px;
  height:100%;
  float:left;
  margin-bottom:25px;
  margin-right:27px; 
}

#content_column2 {
   width: 400px;
   height:100%;
   float:left;
   margin-bottom:25px;
  
}

#content_column3 {
   width: 835px;
   height:100%;
   float:left;
   clear:both;
   margin-bottom:25px;
   padding-right:0;
}


#content_titles {
   margin-bottom:15px;
}

/* -------------------------------IMAGES------------------------------------ */


#image-box-right {
float:right;
display: inline;
margin: 0 15px 15px 0;
}


#image-box-left {
float:left;
display: inline;
margin: 0 15px 15px 0;
}


/* FOOTER 
============================================================================= */


#footer {  
   position: relative;
   width:867px;
   height: 150px;
   margin-top: -150px; /* negative value of footer height*/ 
   clear:both;
   background: #ffffff url(images/footer-repeat.png) repeat-x;	
   margin-bottom:10px;
   margin-left: auto;
   margin-right: auto;
} 

#footer.padding {  
   padding-top: 33px;
   padding-left: 33px;
} 

#footercontainer {    
   width: 834px;
}

#footercontainer.padding {
   padding-right: 33px;
   padding-left: 33px;
   
} 	

/*---FOOTER content divs---*/ 

 

#footercopywrite_column {
   float:left;
   width:257px;
   margin-right:250px;
} 


#footersitemap_column1 {
   float:left;
   width:90px;
   margin-right:10px;
} 

#footersitemap_column2 {
   float:left;
   width:80px;
   margin-right:10px;
} 

#footersitemap_column3 {
   float:left;
   width:115px;
} 

/*---Rounded corners---*/ 


#roundedcorner_right_top {
float:right;
position:absolute;
border:1px solid blue;
background:url(bkgrnd.jpg) bottom right no-repeat;
}

#roundedcorner_left_top {
float:left;
position:absolute;
border:1px solid blue;
background:url(bkgrnd.jpg) bottom right no-repeat;
}

#roundedcorner_right_top {
float:left;
border:1px solid blue;
background:url(bkgrnd.jpg) bottom right no-repeat;
}

#roundedcorner_left_bottom {
float:left;
border:1px solid blue;
background:url(bkgrnd.jpg) bottom right no-repeat;
}


/* Sticky footer Hack | IE-Mac */

.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {
    display: inline-block;} /* Hides from IE-mac */
* html .clearfix { 
    height: 1%;}
.clearfix {
    display: block;} /* End hide from IE-mac*/ 




/* BUTTONS 
============================================================================= */





/* TYPOGRAPHY 
============================================================================= */


/* . h1 | see Logo  */




/* Navigation text  */

.h2 {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  
}

.h2:link {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h2:visited {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h2:hover {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: underline;
}

.h2:active {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

/* Subheadings text  */

.h3 {
  font-size: 16px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h3:link {
  font-size: 16px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h3:visited {
  font-size: 16px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h3:hover {
  font-size: 16px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

.h3:active {
  font-size: 16px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
}

/* Body text */

.h4 {
  font-size: 12px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing:0.3px;
}

.h4:link {
  font-size: 12px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing:0.3px;
}

.h4:visited {
  font-size: 12px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing:0.3px;
}

.h4:hover {
  font-size: 12px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing:0.3px;
}


/* Footer text - Sitemap  */

.h5 {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  list-style:none;
  display:block;
  line-height: 1.5em;
  letter-spacing:1px;
}

.h5:link {
  font-size: 10px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  list-style:none;
  display:block;
  line-height: 1.5em;
  letter-spacing:1px;
}

.h5:visited {
  font-size: 10px; 
  color: #999999; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  list-style:none;
  display:block;
  line-height: 1.5em;
  letter-spacing:1px;
}

.h5:hover {
  font-size: 10px; 
  color: #c00d00; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  list-style:none;
  display:block;
  line-height: 1.5em;
  letter-spacing:1px;
}


/* Copywrite text Large */

.h6 {
  font-size: 10px; 
  color: #626366; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  text-decoration: none;
  list-style:none;
  display:block;
  line-height: 1.9em;
  letter-spacing:1px;
}


/* BODY 
============================================================================= */

html, body{
  font-size: 12px; 
  color: #666666; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: none;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  background-color:#dadad6;
  
  height: 100%;
  min-height: 100%;	 
  
}

* {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
  background-color: transparent !mportant;
}

img,#logo   {
  border: 0px;
  behavior: url(scripts/iepngfix.htc);
}

p{
margin: 0 0 0px 0;
}


.hidden {
	display: none;
}

ul li {list-style:bullets; margin: 0 0 0 15px;line-height:1.8em;
}





.header {color:#c00d00;padding-top:5px;}
.col1 {width:52%;}
.col2 {width:20%;}
.col3 {width:28%;}

#getInvolved td {font-size:0.8em;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:10px;}
#getInvolved ul {margin:10px 0;}
#getInvolved a {text-decoration:underline;color:#666;}
#getInvolved a:hover {text-decoration:none;}
#getInvolved img {margin:10px 0;}

/*  
-------INFORMATION------
AUTHOR:
Louis ten Kate
AUTHOR URL: 
http://www.louistenkate.com/

CONTACT: 
T: +44 [0] 7805 332201
E: contact@louistenkate.com
-------------------------
*/