@charset "UTF-8";
body {margin:0;padding:0;border:0;background:url(images/back.png) repeat;font-family:Tahoma, Geneva, sans-serif;font-size:12px;line-height:18px;color:#343232}
html, body { height: 100%; }
#container { margin: auto;width:850px;}
#main { margin: auto; }
*{outline: none !important;}
input::-moz-focus-inner { border: 0 !important; }
* > body { margin: 0;padding: 0; } /* webkit fix, overrides 8px body margin */

/*******************************************************************************
 * GENERIC LINKS, TEXT ELEMENTS ETC
 ******************************************************************************/
a:link,a:visited { color: #333; font-weight: bold; text-decoration: none; }
a:hover {color: #FF6600;text-decoration: none; }
a:active {color: #333;text-decoration: none;}

/* left links */
#main #left ul li a:link,#main #left ul li a:visited {float:left;width: 288px; height: 41px;text-indent:-9999em;border-bottom:1px solid #fff;}
#main #left ul li #Home {background: url(images/links-home.png);}
#main #left ul li #about-us {background: url(images/links-about.png);}
#main #left ul li #trail-map {background: url(images/links-trail.png);}
#main #left ul li #visitor-information {background: url(images/links-visitor.png);}
#main #left ul li #education {background: url(images/links-education.png);}
#main #left ul li #downloads {background: url(images/links-downloads.png);}
#main #left ul li #spires-and-steeples {background:url(images/links-spires.png);}
#main #left ul li #contact-us {background: url(images/links-contact.png);}
#main #left ul li #credits-and-links{background: url(images/links-credits.png); }
#main #left ul li a:hover,#main #left ul li a.sel { background-position: bottom !important;}

/* right links */
#main #right ul li a:link,#main #right ul li a:visited { float:left; width: 200px; height: 170px;text-indent:-9999em;border-bottom:3px solid #fff;}
#main #right ul li #right-downloads {background: url(images/right-downloads.png);}
#main #right ul li #right-childrens-trail{background: url(images/right-children.png);}

/* footer links & text colour */
#footer a:link,#footer a:visited{color: #666666;text-decoration:none; font-size: 11px;}
#footer a:hover { color: #fff; text-decoration: none; font-size: 11px; }
#footer { color: #666666;text-indent:15px; font-size: 11px; }

/*h1,h2,h3,h4 { margin: 0; padding: 0; }*/
img { padding: 0; margin: 0; border: 0; }


/*******************************************************************************
 * STRUCTURE
 ******************************************************************************/
#container {margin: auto;width: 900px;border: 4px solid #181818; background:#fff;}
#top { height: 108px;float:left; }
.topleft {float:left;width:286px;margin-right:6px; }
.topright {float:left;width:608px; }

#slideshow,#picture {position:relative; width:608px; height: 244px; background:url(images/loader.gif) no-repeat 194px 101px; }
#slideshow img,#picture img { position:absolute;top:0;left:0;z-index:8;opacity:0.0}
#slideshow img.active,#picture img.active {z-index:10;opacity:1}
#slideshow img.last-active {z-index:9;}
#slideshow h1,#picture h1 { position:absolute;bottom:0px;left:0px;margin:0;padding:10px 0 0 10px;z-index:11;height:31px;width:598px;background:#181818;color:#fff;border-top: 1px solid #fff;font-size:16px;font-family: Arial, Helvetica, sans-serif;font-weight: lighter;}
#slideshow h6 { position: absolute;top:74px;left:280px; z-index:9; }

#main {position: relative;}
#main #middle {width:400px;float:left;margin-left:290px;padding-right:5px; padding-left:5px; display:inline;margin-bottom:20px;}
#main #middle.big { width: 700px; margin-left:100px;}
#main #left {float:left;margin-left:-700px;width:278px;margin-top:-41px;}
#main #left ul { list-style: none; margin:0;padding:0; }
#main #left ul li { float:left;width:288px;margin:0;padding:0;}

#main #right { float:left; width: 200px;margin-top:3px;}
#main #right ul { list-style: none; margin:0;padding:0; }
#main #right ul li { float:left;width:200px;margin:0;padding:0;}

#footer { float:left; width: 898px;height:41px; border: 2px solid #111923; background:#181818; }
#footer p { margin:0;padding:12px 0 0 0; }

#main h1 {font-size:18px;font-family: Arial, Helvetica, sans-serif;font-weight: lighter; color: #FF6600;}

#main h3 {font-size:11px;font-family: Arial, Helvetica, sans-serif; color: #2C4F5B; text-transform: uppercase;}



/*******************************************************************************
 * FORMS
 ******************************************************************************/
form.nice {margin:0;padding:0;line-height:14px;}
form.nice fieldset{margin: 8px 0 16px;}
form.nice fieldset.noborder{border:0;padding:0 7px 0 6px;}
form.nice fieldset legend {font-weight:normal; border-color:#756e61;padding: 5px;}
form.nice fieldset ol { margin:0;padding:0;list-style: none; }
form.nice fieldset ol li{padding:5px 0; vertical-align: middle;clear:both;}
form.nice fieldset ol li:hover label { font-weight:normal;}
form.nice fieldset ol li label {float:left;width:120px;color:#666;font-size:14px;padding:5px 0;vertical-align: middle;margin:1px 0;font-family:"Trebuchet MS", arial, helvetica;}
form.nice fieldset div.i3 {float:left;border:1px solid #e1e1e1;}
form.nice fieldset div.i2 {border:1px solid #e1e1e1;}
form.nice fieldset div.i1 {border:1px solid #e1e1e1;}
form.nice fieldset div.i3:hover{ border: 1px solid #e1e1e1; }
form.nice fieldset div.i3:hover div.i2 { border: 1px solid #e1e1e1; }
form.nice fieldset div.i3:hover div.i2 div.i1 { border:1px solid #e1e1e1; }
form.nice fieldset ol li div.i3 div.i2 div.i1 input:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 textarea:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 select:focus {border:1px solid #343638;}
form.nice fieldset ol li input,form.nice fieldset ol li textarea,form.nice fieldset ol li select { margin:0;border:1px solid white;color:#333333;vertical-align:middle;font-family:"Trebuchet MS", arial, helvetica;font-size:14px;}
form.nice fieldset ol li select {min-width:200px;}
form.nice fieldset ol li textarea{width:400px; height:80px;}

form.nice fieldset ol li input.bg,form.nice fieldset ol li textarea.bg { background-color: #f3ede9; ;padding:3px;border-top:1px solid #9f9f9f;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid white;}
form.nice fieldset ol li input.bg:focus,form.nice fieldset ol li textarea.bg:focus { color: #316ac5 }

form.nice fieldset ol li input[type=text],form.nice fieldset ol li input[type=password] {width:400px;}
form.nice fieldset ol li input[type=checkbox] { padding:0;margin:0;}
form.nice fieldset ol li input.blur,form.nice fieldset ol li textarea.blur { color:#8D848F; }
form.nice fieldset ol li input.small,form.nice fieldset ol li textarea.small,form.nice fieldset ol li select.small {width:200px;margin:0;}
form.nice fieldset ol li input.kindasmall,form.nice fieldset ol li textarea.kindasmall,form.nice fieldset ol li select.kindasmall {width:300px;margin:0;}
form.nice fieldset ol li input.medium,form.nice fieldset ol li textarea.medium,form.nice fieldset ol li select.medium {width:400px;margin:0;}
form.nice fieldset ol li input.big,form.nice fieldset ol li textarea.big,form.nice fieldset ol li select.big {width:600px;margin:0;}

form.nice fieldset.submit {border:0;margin:0;padding:0;padding-left:5px;}
form.nice fieldset.submit input{float:left;margin:9px 6px 3px 4px;background: #e4e0d8; border:1px solid #b8b7b4; color:#4c4d4f;padding:4px;text-decoration:none;text-align: center;cursor:pointer;}
form.nice fieldset.submit input.submit { font-weight:normal;}
form.nice fieldset.submit input:hover { text-decoration: none; background-color: #333; color:#fff;border: 1px solid #8D848F}
form.nice fieldset.submit input:active {text-decoration: none; color:#161416;border: 1px solid #161416}

/*******************************************************************************
 * ADMIN CONTROLS
 ******************************************************************************/
#admin { width:403px;height:38px;margin-top:3px;margin-bottom:5px;float:right; background-color: #FF6600;padding:0px 0;line-height:14px;font-size:11px;}
#admin ul {margin:0;padding:10px;list-style: none;}
#admin ul li { float:left; }
#admin ul li a:link,#admin ul li a:visited {font-weight: bold;color:#fff;text-transform:uppercase;text-decoration: none;padding-left:12px; }
#admin ul li a:hover {color:#333;text-decoration:none;}

/* meta changer */

#metalink { position: absolute;right: 5px; background: #fff; color: #000;text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; font-size: 9px; padding: 4px;  }
#metalink:hover { background: #000; color: #fff; }
#metachanger,#metalog { margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000;background: #fff;}
#metalog { display: none; }
#metalog{padding: 8px 0 8px 8px;margin: 0px 0px 0px 0px;border:0; }
#metalog h2{ background:  #fff; padding: 6px; color: #000;font-size:16px;font-family: Arial, Helvetica, sans-serif; }
#loading { clear:both; background: #fff url(/images/loader.gif) center top no-repeat;color: #000;text-align:center;padding:56px 0px 0px 0px; font-size:11px;font-family:Arial, Helvetica, sans-serif;display:none; }