body {background: #fff; }

.gallery {border: 2px solid #ccc;}

form fieldset input, textarea { background: #fff; border: 1px solid #990000;} 
form fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#c50000;
	background-color:#f7eeee;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;

}

form fieldset legend{
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#c50000;
	padding:4px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;

	
}



.shout2 {font-size: 0.9em; background: #faf7f7; border: 1px solid #ce3428; padding: 10px;}

  table { font-size:1em; }
  a { color:#ce3428; text-decoration:none; }
  a:hover { color:#6985A2; text-decoration:underline; }
  h1,h2,h3,h4,h5,h6 { font-family:"trebuchet ms", tahoma, arial, sans-serif; clear:both; }
  h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { color:#3D86D1; }
  h1 { color:#ce3428; font-size:2.0em; font-weight:normal; letter-spacing:-1px; }
  h2 { border-right:4px double #ce3428; color:#ce3428; border-top:#F3F5F7 1px solid; border-bottom:#F3F5F7 1px solid; padding:1px; text-indent:4px; font-size:1.3em; }
  h3 { color:#C50000; font-size:1.3em; }
  h1.pageheading { color:#ce3428; margin-top:0; font-size:2.1em; letter-spacing:-1px; font-weight:normal; }
  h1.pageheading span { color:#BBBFC3; letter-spacing:-2px; }
  ul { list-style-image:url(http://server11.sitewizard.co.uk/sites/kalared/template/bullet.gif); }
  ol { list-style-type:decimal-leading-zero; }
  #outer_border { background:#fafafa; padding:8px; width:760px; margin:auto; }
  #container { width:760px; margin:auto; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/container_back.gif) white; overflow:auto; border:0 solid #fafafa; }
  #side_left { float:left; width:25px; border-top:1px solid #ddd; }
  #top_left { height:35px; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/top_left.gif) no-repeat left top; margin-left:1px; }
  #pic_side { height:170px; border-top:1px solid #ddd; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/side_pic.jpg); margin-top:-1px; }
  #date_left { background:#ce3428; line-height:21px; height:22px; margin-left:1px; border-top:2px solid #630700; }
  #left { float:left; width:190px; }
  #top_strip { height:31px; border-top:5px solid #ce3428; }
  #sitelogo { height:170px; text-align:center; font-size:1.5em; font-weight:bold; color:#ce3428; }


#nav, #nav ul {                z-index: 100;	 padding:0; margin:0; list-style:none; width:170px; text-align:left;  }
#nav a { display:block; width:163px; padding-left:7px; background:#fff; color:#ce3428; height:25px; line-height:24px; border-bottom:1px solid #dddddd; font-weight:normal; }
#nav a:hover { background:#c50000; color:#fff; text-decoration:none; }
#nav li { float:left; width:170px; }
#nav li ul { position:absolute; width:170px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 170px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 170px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 { border:1px solid #fff; border-bottom:0; }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) no-repeat #fff right; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat #c50000 right; }
#nav .nav_child a {color: #fff;  background:#990000; }
#nav .nav_child a:hover  { background:#c50000; }
#nav .nav_parent2 a { background:url(../template/nav_parent2_out.gif) no-repeat #990000 right; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent2_over.gif) no-repeat #c50000 right; }
#nav .nav_child2 a { color: #fff; background:#990000; }
#nav .nav_child2 a:hover  { background:#c50000; }
#nav #active { background:#d02114; color:#fff; cursor:default; }



  #contact_details { clear:both; margin:10px; padding:7px; border:1px solid #ddd; background:#fafafa; font-size:0.9em; color:#7C898F; text-align:left; }
  #contact_details h4 { color:#776666; display:block; margin:0; margin-top:5px; font-size:1em; font-weight:normal; }
  #contact_details a { color:#E34D4D; }
  #right { float:right; width:545px; }
  #hbc { height:35px; line-height:33px; text-align:right; border-top:1px solid #ddd; color:#95A1A7; padding-right:10px; font-size:0.9em; }
  #hbc a { color:#776666; font-size:0.9em; }
  #hbc a:hover { color:#ce3428; border-bottom:1px dashed #95A1A7; text-decoration:none; }
  #top_pic { height:169px; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/top_pic.jpg); border-top:1px solid #ddd; }
  #date { background:#ce3428; line-height:21px; height:22px; margin-top:-1px; margin-right:1px; text-align:right; padding-right:5px; color:black; border-top:2px solid #630700; font-weight:bold; letter-spacing:1px;}
  #pagebody_outer { text-align:center; margin:auto; width:505px; padding:20px 0; }
  #pagebody { text-align:left; }
  .border {border: 1px solid #ce3428;}
  #pagebody .noborder img { border:0; }
  #bottom { }
  #bot_left { height:25px; clear:both; float:left; width:26px; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/bot_left.gif) #95A1A7 repeat-y right; }
  #bot_strip { height:20px; float:left; width:189px; border-bottom:5px solid #ce3428; }
  #bot_right { font-size:0.9em;  line-height:23px; height:25px; float:right; width:545px; background:url(http://server11.sitewizard.co.uk/sites/kalared/template/bot_right.gif) #95A1A7 repeat-y left; text-align:right; color:white; }
  #bot_right span { margin-right:5px; }
  #end { text-align:center; font-size:0.9em; color:white; padding:10px; }
  #end a { font-size:0.9em; color:white; }
  #end a:hover { text-decoration:underline; }
  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 { border: 1px solid #ce3428; margin-right:10px; margin-bottom:10px; }
  img.clsbordermiddle { border: 1px solid #ce3428; margin-right:10px; margin-left:10px; margin-bottom:10px; }
  img.clsborderright { border: 1px solid #ce3428; margin-left:10px; margin-bottom:10px; }

  .datatable th { background:#ce3428; color:white; font-weight:normal; border:1px solid white; padding:3px; }
  .datatable td { background-color:#F5f5f5; padding:3px; }
  .datatable p { padding:0; margin:0; }
  
  .notes { font-size:.8em; color:#888; }
  .shout { font-size:1.2em; color:#ce3428; font-weight:bold; padding:5px; background:#EFF2F4; display:inline; }


#gallery { padding:30px; }
 
 #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://server11.sitewizard.co.uk/sites/mjd/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://server11.sitewizard.co.uk/sites/mjd/template/prevlabel.gif) left 15% no-repeat; }
 #nextLink:hover, #nextLink:visited:hover { background: url(http://server11.sitewizard.co.uk/sites/mjd/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 */
 	}