body { background:#fff; font-family:tahoma, arial, sans-serif; color:9d9d9d; padding:15px;font-size:75%;  }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1.1em; }
a { font-weight: bold; color:#CB29BF; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { font-family: tahoma,"trebuchet ms", arial, verdana, sans-serif; }
h1 {font-weight: normal; font-size:1.5em; color:#c95a9e; border-bottom:1px solid #c95a9e;margin-top:0;letter-spacing:normal; margin-left:62px;margin-bottom:0;border-right:15px solid #c95a9e;margin-right:2px;}
h2 { font-weight: bold; font-size:1.3em; color:#6c6c6c; border-left:8px solid #c95a9e; padding-left:3px;}
h3 { font-weight: bold; font-size:1.2em; color:#E98AE0; border-bottom:1px solid #333; padding-bottom:3px; }
h4 { font-size:1.5em; color:#CB29BF; }
input, textarea { background:white; border:1px solid #f4f4f3; color:#c95a9e; }

img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }

img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #c95b9e; padding:4px;}
img.clsbordermiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; border:1px solid #c95b9e; padding:4px;}
img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #c95b9e; padding:4px;}

.datatable th { background:#8D1C7E; color:white; font-weight:bold;  border:1px solid black; padding:3px; }
.datatable td { background:#323232; border:1px solid black; padding:3px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#fff; font-weight:bold; padding:5px; background:#CB29BF; }
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#8D1C7E; }
.submit { background:#c95a9e; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#8D1C7E; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #CB29BF; padding:4px; color:#fff; font-weight:bold; }
.caption { font-weight:bold; background:#CB29BF; float:right; width:150px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid white; }
.noborder: { border:0; }
.spacer { border-width:0px; border-style:solid; padding:7px; }

#container {margin:0 auto;padding:0;width:749px;height:591px;background:url(container_back.jpg) no-repeat left #fff;color:#9d9d9d;text-align:left;font-size:1.1em;}

#header {background:url(top_pic.jpg) center right no-repeat; margin-left:62px; height:193px;width:662px;padding-right:8px;border-right:15px solid #c95a9e;margin-top:2px;}

#pagebody_border { border:1px solid #DE69D5; }
#sitelogo { background-image:url(../template/top_image.jpg); text-indent:20px; text-align:left; font-size:30px; font-weight:bold; font-family: "trebuchet ms", arial, verdana, sans-serif; letter-spacing: -1px; }
#page_image {  border-left:1px solid #DE69D5; }
#bottom { border-width:0px; background-image:url(../template/bottom_image.jpg); }
#copy { text-indent:20px; }
#pagebody { border-top:5px solid #fff;  margin-left:62px;height:354px;width:678px;padding-right:8px;overflow:scroll; overflow-x:hidden; scrollbar-face-color:#fff; scrollbar-highlight-color:#c95a9e; scrollbar-shadow-color:#c95a9e; scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#c95a9e; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#f3f3f3; padding-top:10px;}

#content img { border:2px solid #CB29BF; }
#pagebody form img { border:0; }
#end, #end a { border:0px; padding: 0; font-size:9px; color:#696969; font-weight:normal; text-align:center; clear:both;}
#menu {width:600px;float:left;}
#nav {  height:18px; text-align:left; margin:0; padding:0;margin-top:20px; }

/** positioning the drop-down menu **/
#nav ul, #nav ul ul {text-align:left; }
#nav li { display:inline; position:relative; top:5px; margin-right:-3px /* fixes inline list bug */; }
#nav li a {border-left:8px solid #e6b3d2; padding:3px 8px; text-decoration:none;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:18px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:13px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:-5px 0 0 160px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:144px /* width of the drop-downs */; left:0; }

/** styling the drop-down menu **/
#nav li #active { border-left:8px solid #c95a9e; color:#c95a9e; cursor:default; }
#nav li a { background:#fff; color:#63656b; font-weight:bold; }
#nav li a:hover { color:#c95a9e; border-left:8px solid #c95a9e;}
#nav ul li a:hover, #nav ul ul li a:hover { color:#c95a9e; border-left:8px solid #c95a9e; }
#nav .nav_parent a { padding-right:18px;}
#nav .nav_parent a:hover {  }
#nav .nav_child a { padding:5px 8px; margin-bottom:1px; }
#nav .nav_child a:hover {  }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover {  }
#nav .nav_child2 a {  }
#nav .nav_child2 a:hover {  }

#pagebody table { font-size:0.9em; }
#pagebody p { font-size:1.2em; line-height:1.4em; }

#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server12.sitewizard.co.uk/sites/byjulian/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server12.sitewizard.co.uk/sites/byjulian/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server12.sitewizard.co.uk/sites/byjulian/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }