/*  

light green: #bccfce;
darker green: #215f5e;
Grey: #666666;

NEW
darkest green:  #006837
dark green:  #33855f
light green: #5abc57
blue; #a1caea

*/

/* global and default styles */

* {
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}


/* class for image links */

.noborder {
	text-decoration:none;
	border:none;
	margin:0px;
	padding:0px;
	}

/* centre the site */

#wrapper {
	width: 814px;
	margin:auto;
	background-position: center;
	top:0px;
}

/* text */

strong {
	font-weight:bold;
	color: #33855f;
	font-style: italic;
	}
p.top_contact {
	text-align:right !important;
	padding:0px;
	margin:0px;
	font-size:13px;	
	}
h6.top_strap {
	font-family: "Segoe Script","Comic Sans MS", cursive !important;/*font-family: "Segoe Script","Comic Sans MS", "Brush Script MT", cursive !important;*/
	font-size:18px;
	//font-size:19px;
	font-size-adjust:none;	
	color: #a1caea;
	text-align:right;
	padding:0px;
	margin:10px 0px 0px 0px;
	}
p.footer_left {
	text-align:left!important;
	margin:10px 20px;
	font-size:11px;
	}
p.footer_right {
	text-align:right!important;
	margin:10px 20px;
	font-size:11px;
	}
p.quote {
	font-size: 20px;
}

p.links {
	margin: 0px 0px 20px 10px;
}

p.news {
	margin: 0px 0px 0px 10px;
}

p.seven, p.seven a {
	font-size: 9px;
}
	
h1 {
	font-weight:bold;
	font-size: 28px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:10px;
	}
h2 {
	font-weight:bold;
	font-size: 24px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:10px;
	}
h3 {
	font-weight:bold;
	font-size: 20px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:10px;
	}
h4 {
	font-weight:bold;
	font-size: 16px;
	font-style:italic;
	color: #33855f;
	padding:0px 0px 10px 0px;
	margin:10px;
	border-bottom:2px solid #bccfce;
	text-align:right;
	}

h5 {
	font-weight:bold;
	font-size: 16px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:10px;
	}
	
h5.news {
	margin: 10px 0px 0px 10px}	
	
h5 a, h5 a:active, h5 a:link, h5 a:visited  {
	font-weight:bold;
	font-size: 16px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	text-align: left;
	}
	
h5 a:hover {
	font-weight:bold;
	font-size: 16px;
	font-style:italic;
	color: #000000;
	padding:0px;
	margin:0px;
	text-decoration:underline;
	text-align: left;
	}

h5.links {
	font-weight:bold;
	font-size: 16px;
	font-style:italic;
	color: #33855f;
	padding:0px;
	margin:0px 0px 0px 10px;
	}	

blockquote {
	font-size: 20px;
	padding: 0px;
	margin: 0px 10px;
	font-weight:lighter;
	text-align:center;
	background-color:#f4fefd;
	border:1px #bccfce solid;
} 	
	
p {
	padding:0px;
	margin:10px;
	font-weight:normal;
	font-size:13px;	
	}
p.footer_right a, p.footer_right a:active, p.footer_right a:link, p.footer_right a:visited {
	color:#666666;
	text-decoration:underline;
	font-size:11px;
}

p.footer_right a:hover {
	color:#000000;
	text-decoration:underline;
	font-size:11px;
}

ul {
	font-size: 13px;
	font-weight: normal;
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 0px 25px;
	//padding: 0px 0px 0px 25px;	
}


img#footer_logo{
	padding:12px;
	}

img.board {
	border: 1px solid #eaeaea;
	width:55px;
	height: 55px;
	margin: 0px 5px 5px 0px;
}	
	
/* links */

a, a:active, a:link, a:visited {
	color:#666666;
	text-decoration:underline;
	font-size:13px;	
}

a:hover {
	color:#000000;
	text-decoration:underline;
	font-size:13px;
}

a img {
border: none;
}

dl.board-members {margin:0 0 1em 1em;  margin-bottom:.4em; font-size:13px;}
dl.board-members dt, dl.board-members dd {float:left; margin-bottom:.3em; font-size:13px;}
dl.board-members dt {font-weight:bold; width:18%; clear:left; font-size:13px;}
dl.board-members dd {font-weight:normal; margin-left:1em; width:70%; font-size:13px;}

hr {
	color: #d0dad9;
	}


div#nav_box a, div#nav_box a:active, div#nav_box a:link, div#nav_box a:visited {
	color:#666666;
	text-decoration:none;
}

div#nav_box a:hover {
	color:#000000;
	text-decoration:underline;
}
div#nav_box_right a, div#nav_box_right a:active, div#nav_box_right a:link, div#nav_box_right a:visited {
	color:#666666;
	text-decoration:none;
}

div#nav_box_right a:hover {
	color:#000000;
	text-decoration:underline;
}




/* header */

div#header_wrapper {
	width:814px;
	height:328px;
	position:static;
	top:0px;
	padding:0px;
	margin:0px;
	clear:both;
	}
div#header_top{
	width:814px;
	height: 146px !important;
	padding:0px;
	margin:0px;
	background-image: url(http://www.epip.org.uk/cms/cmsimages/epip_header.jpg);
	background-repeat:no-repeat;
	clear:both;
	top:0px;
	}
div#header_image{
	width:814px;
	height: 182px;
	padding:0px;
	margin:0px;
	clear:both;
	}
div#logo{
	width: 449px;
	height:109px;
	padding:0px;
	margin:20px 0px 0px 20px;
	float:left;
	}
div#top_contact {
	width:auto;
	height:auto;
	padding:0px;
	margin:20px 20px 0px 0px ;
	float:right;
	}
div#top_strap{
	width:auto;
	height:50px;
	position:static;
	padding:50px 20px 0px 20px;
	margin:0px;
	float:left;	
	}
	
/* main nav */	
	
div#nav_wrapper {
	width:814px;
	height: auto;
	position:static;
	padding:0px;
	margin:0px;
	clear:both;
	}
div#nav_box {
	width: auto;
	height:auto;
	padding:0px;
	margin:0px 40px 0px 20px;
	float:left;
	
	}
div#nav_box_right {
	width: auto;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	
	}

/* hr line */

div#hr {
	width:814px;
	height:5px;
	position: relative;
	clear:both;
	margin:0px;
	padding:0px;
	}
	
/* body */	

div#body_wrapper {
	width:814px;
	height: auto;
	position:static;
	padding:0px;
	margin:0px;
	clear:both;
	}
	
 /* body single col */
 
div#body_one_col {
	width:814px;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	}

 /* body two col (narrow left) */
 
div#body_two_col_nl_l {
	width:200px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	}
div#body_two_col_nl_r {
	width:610px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:right;
	}

 /* body two col (narrow right) */
 
div#body_two_col_nr_l {
	width:610px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	}
div#body_two_col_nr_r {
	width:200px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:right;
	}

 /* body three */
 
div#body_three_left {
	width:200px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	}
div#body_three_center {
	width:390px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	}
div#body_three_right {
	width:220px !important;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	float:right;
	}
	
/* footer */
	
div#footer_wrapper {
	width:814px;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;
	}
div#footer_left {
	width: 406px;
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	}
div#footer_right {
	width: 406px;
	float:right;
	height:auto;
	padding:0px;
	margin:0px;
	}
div#logos_wrapper {
	width:814px;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;
	text-align:center;
	}

div#casestudies {
	position: relative;
	float: left;
	background-repeat:no-repeat;
	width: 555px;
	height: 250px;
}	
	
	
/* quick links box */
	
div#q_links_top {
	width:180px;
	height:30px;
	background-image: url(http://epip.org.uk/cms/cmsimages/q_link_top.png);
	margin:20px 0px 0px 10px;
}
p#q_links_top_text {
	color:#FFFFFF;
	font-family:"Segoe UI";
	margin:0px 0px 0px 0px;
	padding: 1px 0px 0px 10px;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	}

div#q_links_bottom {
	width:178px;
	height:auto;
	border:1px solid #c0cece;
	margin: 4px 0px 0px 10px;
	}
	
/* links page box */

div#links_page_box {
	width: auto;
	height:auto;
	border:1px solid #c0cece;
	margin: 10px;
	}
	
div#events {
	width: auto;
	margin: 10px;
}

/* new page links box */

div#news_wrapper {/* links box wrapper */
	border:1px #bccfce solid;
	width:593px;
	position:relative;
	clear:both;
	margin-bottom: 10px;
} 

div#news_date {
	float: left;
	width:20%;
	display:table-cell;
} /*  */

div#news_descrpition {
	float: left;
	width:80%;
	display:table-cell;
} /*  */


/*  */
	
div#seven {
	width:814px;
	height: auto;
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;
	text-align:center;
	}