body { padding:15px; color:black; font-family:arial, sans-serif; font-size:70%; background:white; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
a { color:#72397E; text-decoration:underline; font-weight:bold; }
a img { border:0; }
a:hover { text-decoration:none;  }
h1, h2, h3, h4 { font-family:arial, sans-serif; }
h1 { color:#72397E; font-size:2em; line-height:25px; padding-bottom:4px; margin-top:10px; }
h2 { color:#72397E; font-size:1.6em; border-bottom: 1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; }
h3 { color:#a267bb; font-size:1.6em; border-bottom:1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; }
h4 { color:#a267bb; font-size:1.3em; }
img.clsleft { margin-right:15px; margin-bottom:10px; }
img.clsmiddle { margin-right:15px; margin-left:15px; margin-bottom:10px; }
img.clsright { margin-left:15px; margin-bottom:10px; }
img.clsborderleft { border:1px solid #C6C6C6; padding:3px; margin-right:15px; margin-bottom:10px; }
img.clsbordermiddle { border:1px solid #C6C6C6; padding:3px; margin-right:15px; margin-left:15px; margin-bottom:10px; }
img.clsborderright { border:1px solid #C6C6C6; padding:3px; margin-left:15px; margin-bottom:10px; }
.datatable { border:1px solid #C6C6C6; }
.datatable th { background:#465EB9; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#efefef; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#72397E;  background:#f9f9f9; padding:10px; border:1px solid #f1f1f1; margin-bottom:20px; }
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#18387E; border:1px solid white; }
.submit { background:#aaa; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:4px; margin:5px; border:0; width:80px; }
.reset { background:#18387E; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C6C6C6; padding:4px; color:#465EB9; font-weight:bold; }
.caption { font-weight:bold; background:#465EB9; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:1px solid #C6C6C6; padding:3px; }
.noborder { border:0; }
#container { width:852px; margin:0 auto; padding:20px; background:#fff; border-top:0; margin-bottom:10px; text-align:left; }
#sitelogo { color:#1B3381; height:145px; line-height:85px; font-size:1.7em; font-weight:bold; float:left; }
#sitelogo img { margin-top:-25px }
#hbc { float:right; padding:30px 15px 0 0; height:60px; text-align:right; }
#hbc a:hover { border:0; }
#hbc .input { border:1px solid #dfdbe0; padding:0; margin:0; color:#9e9797; margin-right:4px;  width:170px; padding:7px; height:17px }
#hbc input { float:left; }
#main_pic { height:207px; line-height:145px; width:852px; text-align:center; margin-top:20px; }
#date { height:25px; line-height:24px; background:#A7B9E7; border-bottom:1px solid white; border-top:1px solid white; text-align:right; color:#344DAB; padding-right:10px; }
#pagebody { padding:10px 0; padding-bottom:20px; }
#pagebody form img { border:0; }

#bottom { height:35px; font-size:1em; color:#222; clear:both; border-top:1px solid #aaa; padding-top:10px;   }
#bottom a { margin-right:10px; color:#625866; text-decoration:none; font-weight:normal; padding-bottom:3px; }
#bottom a:hover { border-bottom:1px solid #999; }

#end a { text-decoration:underline; }
#end, #end a { color:#777; font-size:0.9em; font-weight:normal; }
#end a:hover { color:#222; }
#copyright { color:#444; height:20px; line-height:20px; }
#copyright a { background:#acadad; color:#fff; font-weight:normal; padding:2px 4px; border-bottom:0; }
#copyright a:hover { background:#3d3b3b; }

.clear { clear:both; }

.imageBoxContainer { float:left; width:150px; border:1px solid #e2dee8; padding:3px; margin:2px 3px; }
.imageBoxImage {  height:160px; background:#eee; }
.imageBoxCaption { background:#72397e;  height:30px;  line-height:30px; margin-top:1px; text-indent:10px; color:#fff; font-size:12px; text-align:center;}

.newsletterBox { background:#723980; width:182px; padding-top:20px; height:179px; float:left; margin:2px; text-align:center; }
.newsletterBox input { border:1px solid #ffffff; padding:4px; color:#777; }
.newsletterBox .submit { color:#fdde4f; font-weight:normal; background:#723980; }

.center { margin:0 auto; }
.maxWidth  { width:820px; }
#cfpe_top { font-size:1.2em; color:#72397E; margin:20px 0 5px; }
#cfpe_top a { font-weight:normal; text-decoration:none; }
#cfpe_top a:hover { text-decoration:underline; }
#cfpe { font-size:1.2em; color:#72397E; margin:50px 0 5px; }
#cfpe a { font-weight:normal; text-decoration:none; }
#cfpe a:hover { text-decoration:underline; }
.imageBoxContainer a { color:#fff; }

#end { visibility:hidden }

#menu { border:1px solid #d7d3d9; height:42px; clear:both; }

#menu ul{ margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
#menu ul li{ position: relative; display: inline; float: left; background-color: #fff; /*overall menu background color*/ }

/*Top level menu link items style*/
#menu ul li a{ display: block; color:#77737e; font-weight:bold; border:0; background:url(http://server17.sitewizard.co.uk/sites/thecfpe/template/sep.jpg) no-repeat right center; padding:12px 10px;  text-decoration: none;

}

#menu ul li a:hover{ text-decoration: underline; }
	
/*1st sub level menu*/
#menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#menu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
#menu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
text-decoration: none;
padding: 4px 5px;
color:#fdde4f; background:#723980;

}

/*Background image for top level menu list links */
#menu .mainfoldericon{

background:url(http://server17.sitewizard.co.uk/sites/thecfpe/template/nav_parent_out.gif) #ffffff no-repeat right; padding-right:20px;

}

/*Background image for subsequent level menu list links */

#menu ul ul a, #menu ul ul ul a { color:#fdde4f; background:#723980; border-top:1px solid #fff; border-left:1px solid #fff; height:20px; line-height:19px; }

#menu a.subfoldericon{

background:url(http://server17.sitewizard.co.uk/sites/thecfpe/template/nav_parent2_out.gif) #723980 no-repeat right center;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
* html #menu a { width:65px; }
* html #menu .nav_parent2 { margin:-1px 0 -3px 0; } 
* html #menu ul ul { background:#fff; }
* html #sitelogo { padding-top:20px; }
/* End */

#nav #active, #nav #active:hover { color:#fdde4f; background:#723980; cursor:default; text-decoration:none; }
