/* Global setting */
body {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; line-height: 100%; background-color: #FFFFFF;}
* {margin:0 auto; padding:0px;}

/* Header */
#header_container {width: 100%; float:left; background-color: #799754; height: 75px; padding: 20px 0px 10px 0px;}
#header_holder {width: 900px; background: url(../images/site/tycapel.jpg) 0 0 no-repeat; height: 75px;}
.strapline {font-size: 18px;}

/* Slideshow */
#slideshow_container {width: 100%; float:left; background-color: #ABC178;}
#slideshow_holder {width: 900px;}
#slideshow {width: 100px; float: left;}

/* Menu */
#menu {background-color: #799754; height: 40px; width: 100%; line-height: 40px; float:left;}
#menu ul {color: #799754; text-align:left; width: 900px;}
#menu li {display: inline; float:left; font-size: 16px;}
#menu li a {text-decoration: none; color: #FFFFFF; padding: 11px 20px 11px 20px;}
#menu li a:hover {color: #799754; text-decoration: none; background-color: #D3DFB5;}
#menu li.active a {color: #799754; background-color: #FFFFFF;}
#menu li.active a:hover {color: #799754;}

/* Submenu 1 */
#submenu1_container {background-color: #D3DFB5; width: 100%; float:left;}
#submenu1_holder {width: 900px;}
#submenu1 {width: 100%; float: left;}
#submenu1 ul {width: 800px; float: left; color: #FFFFFF; text-align:left; background-color:#ABC178; margin: 15px 45px 0px 45px; padding: 0px;}
#submenu1 li {display: inline; float:left; font-size: 14px; line-height: 30px;}
#submenu1 li a {text-decoration: none; color: #FFFFFF; padding: 7px 20px 11px 20px;}
#submenu1 li a:hover {color: #799754; text-decoration: none; background-color: #D3DFB5;}
#submenu1 li.active a {color: #799754; background-color: #FFFFFF;}
#submenu1 li.active a:hover {color: #799754;}

/* Submenu 2 */
#submenu2_container {width: 100%; float:left; background-color: rgb(187,77,26); text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
#submenu2 {width: 900px; padding-top: 8px; padding-bottom: 10px; font-size: 14px; text-align: left;}
#submenu2 li {display: inline; margin: 0px 20px 0px 20px; color:#FFFFFF; text-align: left;}
#submenu2 li a {text-decoration: none; color: #000000;}
#submenu2 li a:hover {color: #FFFFFF;}
#submenu2 li.active a {color: #0000FF;}

/* Content */
#content_container {width: 100%; float:left; background-color: #D3DFB5;}
#content_holder {width: 900px; background-color: #FFFFFF;}
#content {width: 840px; float: left; background-color: #FFFFFF; padding: 25px 30px 15px 30px;}

/* Text */
p {text-align:left; line-height: 165%; padding-top: 5px; padding-bottom: 5px;}
h1 {text-align:left; font-size: 28px; font-weight: normal; padding-top: 20px; padding-bottom: 20px; color: #799754;}
h2 {text-align:left; font-size: 17px; text-align:left; font-weight: normal; padding-top: 15px; padding-bottom: 15px; color:#799754;}
h3 {text-align:left; font-size: 14px; text-align:left; font-weight: bold; padding-top: 10px; padding-bottom: 10px; color:#799754;}
.center {text-align:center;}

/* Book */
#book_container {float:left; width: 100%; background-color: #D3DFB5;}
#book_holder {width: 840px; background-color: #FFFFFF; padding: 0px 30px 20px 30px;}
#book_small_holder {width: 220px; height: 260px; float: right; margin: 60px 0px 10px 20px;}
#book_small {width: 220px; height: 239px; float: left; overflow: hidden;}
#book_small_text {width: 220px; float: left; color: #FFFFFF; line-height: 100%; background-color: #799754; padding: 5px 0px 6px 0px;}
#book_small_link {width: 220px; height: 225px; float: left; position: absolute; margin: 39px 0px 0px 0px;}

/* Map */
#map_container {float:left; width: 100%; background-color: #D3DFB5;}
#map_holder {width: 900px; background-color: #FFFFFF;}
#map_text {width: 100%; float:left; text-align:center; background-color: #4E629D; color:#FFFFFF; padding: 10px 0px 10px 0px;}
#mapfooter a {color:#FFFFFF;}
#mapfooter a:hover {color: FFFFFF;}
.directions_form {width: 80%; float:left; padding: 10px 0px 10px 0px; margin: 0 10% 0% 10%;}
.directions_label {width: 30%; margin: 0px 10px 0px 50px; color: #FFFFFF; line-height: 125%;}
.directions_input {width: 30%; margin: 2px 0px 2px 0px;}
.directions_button {width: 15%; border-color: #FFFFFF; background-color: #FFFFFF; padding: 3px; margin: 3px 0px 0px 10px;}

/* Documents */
#documents_container {float: left; width: 100%; background-color: #D3DFB5;}
#documents_holder {width: 900px; background-color: #FFFFFF;}
#documents {width: 100%; float: left; background-color: #FFFFFF;}
#document {float: left; padding: 10px;}
#document img {float:left; padding: 0px 10px 0px 20px;}

/* Gallery */
#gallery_container {float: left; width: 100%; background-color: #D3DFB5;}
#gallery_holder {width: 900px; background-color: #FFFFFF;}
#gallery {width: 100%; float: left; background-color: #FFFFFF;}
#gallery_img {width: 860px; float:left; background-color: #ABC178; padding: 0px 20px 0px 20px; margin: 10px 0px 0px 0px;}
#gallery_img img {float:left; border: 1px solid #FFFFFF; margin: 10px;}

/* Features */
#features_container {width: 100%; float:left; background-color: #D3DFB5;}
#features_holder {width: 900px; background-color: #FFFFFF;}
#features {width: 870px; background-color: #FFFFFF; float: left; padding: 0px 30px 0px 0px;}
/* Feature */
#feature_container {width: 255px; float: left; margin: 20px 0px 30px 32px;}
#feature_holder {width: 255px; float:left; text-align:left;}
/* Feature Text */
#feature_text_holder {width: 255px; padding: 10px 10px 0px 10px; float: left; height: 50px;}
#feature_text {width: 235px; height: 40px; float: left; overflow:hidden;}
#feature_text h1 {font-family:Arial, Helvetica, sans-serif; font-size:17px; padding: 0px 0px 5px 0px;}
#feature_text h1 a {text-decoration: none;}
#feature_text p {padding: 0px;}
#feature_text p a {text-decoration: none;}
/* Feature Image */
#feature_img {width: 255px; float: left; height: 100px;}

/* Forms */
form {width: 500px; float: left;}
label {width: 25%; float: left; margin: 8px 5px 0px 0px; text-align: right; color: #799754; line-height: 125%;}
.label_small {font-size: 11px; color:#666666; width: 50%; float: left; text-align:left; line-height: 120%; margin: 1px 0px 7px 28%;}
input {width: 40%; float:left; text-align:left; margin: 0px 0px 5px 5px; padding: 5px;}
textarea {width: 60%; float: left; height: 150px; text-align:left; margin: 0px 0px 5px 5px; padding: 5px;}
select {width: 40%; float:left; text-align:left; margin: 5px 0px 5px 5px;}
option {width: 100%; float:left; text-align:left;}
.form_line {width: 100%; float: left;}
.small {width: 25%;}
.enews {margin: 8px 0px 5px 5px; text-align: left; width: 60%;}
.checkbox {width: 5%; margin: 10px 0px 5px 26%;}
.cancel {margin: 10px 5px 0px 0px;}
.button {width: 30%; background-color: #799754; color: #FFFFFF; margin: 5px 0px 5px 5px; text-align:center; padding: 3px;}
.form_error {width: 500px; float: left; background-color: #FFCECE; text-align: center; padding: 10px; margin: 5px 0px 10px 0px; border: 1px solid #FF0000; line-height: 125%;}
.field_error {color: #FF0000; font-weight: bold;}
.spam_check {display: none;}

/* Links */
a{text-decoration: underline; color:#799754;}
a:hover {text-decoration: none; color: #799754;}
a.white {text-decoration: underline; color: #FFFFFF;}
a.white:hover {text-decoration: none; color: #FFFFFF;}
a.processing {text-decoration: none;}

/* Images */
img {border: none;} 
a img {border: none;}
.img_right {float: right; margin: 5px 0px 5px 10px;}

/* Footer 1 */
#footer1 {width: 100%; float:left; background-color: #799754;}
#footer1_container {width: 900px;}
/* Footer 1 Menu */
#footer1_sitemap {width: 100%;}
#footer1_sitemap_holder {float:left; margin: 10px 10px 0px 20px; line-height: 125%;}
.footer1_sitemap_level0 {font-size: 14px; padding: 0px 0px 5px 0px;}
.footer1_sitemap_level1 {font-size: 11px; padding: 0px 0px 5px 0px;}
.footer1_sitemap_level2 {font-size: 10px; padding: 0px 0px 5px 0px;}
#footer1_sitemap a {text-decoration: none; color: #FFFFFF;}
#footer1_sitemap a:hover {color: #D3DFB5;}

/* Footer 2 */
#footer2_container {width: 100%; float:left; background-color: #ABC178;}
#footer2 {width: 900px; text-align:right; padding-top: 20px; padding-bottom: 30px; color: #333333;}
#footer2 li {display: inline; padding-left: 20px;}
#footer2 li a {color: #333333;}