@charset "utf-8";
/* CSS Document */

/* Global Classes */
*			{padding: 0px; margin: 0px;}
#container :focus       {background-color: transparent;}
#container input:focus  {background-color: #FFC;}
.clear			{clear: both; height: 0px; line-height: 0px; font-size: 0px;}
.float-left		{float: left; margin-right: 10px; margin-bottom: 10px;}
.float-right		{float: right; margin-bottom: 10px; margin-left: 10px;}
.inner_left_content     {float: left; display: block; width: 200px; margin-right: 10px;}
.inner_right_content    {float: left; display: block; width: 200px;}
.text-left		{text-align: left;}
.text-right		{text-align: right;}
.text-center		{text-align: center;}
.text-justify		{text-align: justify;}
.bold			{font-weight: bold;}
.italic			{font-style: italic;}
.underline		{border-bottom: 1px solid;}
.highlight		{background: #ffc;}
.img-left		{float: left; margin-right: 10px; margin-bottom: 10px;}
.img-right		{float: right; margin-bottom: 10px; margin-left: 10px;}
.nobullet		{list-style: none;}
.error, .red		{background: #FFEBE8 none repeat scroll 0%; border: 1px solid #DD3C10; margin: 0px 10px 10px; padding: 10px; display: block;}
.correct, .green	{background: #E6FCE6 none repeat scroll 0%; border: 1px solid #84DB12; margin: 0px 10px 10px; padding: 10px; display: block;}
.info			{background: #FBFCE6 none repeat scroll 0%; border: 1px solid #D9B411; margin: 0px 10px 10px; padding: 10px; display: block;}
.required_fields	{color: red;}
/* End Global Classes */

body.editor {background: #FFF;}

body {background: url(../images/sce/body-bg.jpg) #4f92c6 repeat-x left top; font: 62.5% Arial;}

#container {width: 1300px; margin: 0px auto; background: url("../images/sce/container-bg.png") repeat-y top left;}

#container2 {width: 980px; min-height: 560px; padding: 0px 160px; background: url("../images/sce/container2-bg.jpg") no-repeat top left;}

.bottom_clear {clear: both; width: 1300px; height: 20px; margin: 0px auto; background: url("../images/sce/bottom-clear.png") no-repeat left bottom;}

/* Menu Styles */
#menu {clear: both; display: block; height: 57px; width: 730px; font-size: 1.6em; margin-left: 250px; padding-top: 202px;}

#menu ul {list-style: none;}

#menu ul li {float: left;}

#menu li {position: relative;}

#menu a {display: block; height: 39px; color: #FFF; text-decoration: none; padding: 0px 19px 18px 19px;}

#menu a span {display: none;}

#menu #menu_link0 {background: url("../images/sce/menu0-bg.jpg") no-repeat center top; width: 64px;}

#menu #menu_link1 {background: url("../images/sce/menu1-bg.jpg") no-repeat center top; width: 68px;}

#menu #menu_link2 {background: url("../images/sce/menu2-bg.jpg") no-repeat center top; width: 119px;}

#menu #menu_link3 {background: url("../images/sce/menu3-bg.jpg") no-repeat center top; width: 174px;}

#menu #menu_link4 {background: url("../images/sce/menu4-bg.jpg") no-repeat center top; width: 107px;}

#menu #menu_link0:hover, #menu #menu_link0.current {background: url("../images/sce/menu0-ro-bg.jpg") no-repeat center top;}

#menu #menu_link1:hover, #menu #menu_link1.current {background: url("../images/sce/menu1-ro-bg.jpg") no-repeat center top;}

#menu #menu_link2:hover, #menu #menu_link2.current {background: url("../images/sce/menu2-ro-bg.jpg") no-repeat center top;}

#menu #menu_link3:hover, #menu #menu_link3.current {background: url("../images/sce/menu3-ro-bg.jpg") no-repeat center top;}

#menu #menu_link4:hover, #menu #menu_link4.current {background: url("../images/sce/menu4-ro-bg.jpg") no-repeat center top;}

/* Left Nav Styles */
#menu_left {display: block; width: 185px; font-size: 1.8em; margin-bottom: 20px;}

#menu_left ul {list-style: none;}

#menu_left li a {display: block; width: 175px; color: #FFF; text-decoration: none; text-align: left; padding: 5px 0px;}

#menu_left .current a, #menu_left a:hover {color: #136098;}
/* End Left Nav Styles */
/* End Menu Styles */

/* Footer Styles */
#footer {clear: both; width: 950px; height: 120px; color: #FFF; margin: 0px auto; padding: 40px 0px 0px 30px; background: url("../images/sce/footer-bg.jpg") no-repeat top left;}

#footer ul {list-style: none; float: left; display: block; width: auto; margin-left: 40px; margin-right: 40px; font-size: 1.2em;}

#footer li {padding-bottom: 2px;}

#footer a {color: #FFF;}

#footer a:hover {color: #000;}

#footer p {font-size: 1.2em; color: #FFF; font-weight: bold; display: block; width: 300px; float: left;}

.copyright {font-size: 1em; color: #FFF; display: block; width: 980px; margin: 0px auto 10px auto; text-align: center}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {width: 430px; font-size: 1.4em; margin-top: 10px; margin-bottom: 20px;}

#contactform table {margin-top: 5px; margin-bottom: 0px; font-size: 1em; border: none;}

#contactform .indent {margin: 10px 0px 10px 140px;}

#contactform .form_element {padding: 5px 10px 0px 0px; text-align:right; float: left; color: #000; width: 150px;}

#contactform .form_data {text-align:left; float: left;}

#contactform .separator {clear: left; font-size: 0.1em; height: 6px;}

#contactform input, #contactform textarea {width: 250px; padding: 5px;}

#contactform select {width: 192px; padding: 5px 2px;}

#contactform .image {background-color: #FF5300; border: none; color: #FFF; width: auto; font-weight: bold; padding: 5px 7px;margin-left:20px;}

#contactform .image:hover {background-color: #4D8CC1; cursor: pointer;}

#contactform #ctl00_MainContent_ctl02_field5 input, #contactform #ctl00_MainContent_ctl04_field7 input, #ctl00_MainContent_ctl02_field4 input {width: 18px;}

#contactform table {margin: 5px 0px 0px 0px;}

#contactform table input {width: 18px; margin-right: 2px;}

#contactform table label {color: #000;}

.contact_right {float: right; margin: 0px;}

.contact-form-wrapper {
background: url("../images/sce/contact-form-bg.jpg") no-repeat left top;
padding:20px;
height:425px;
width:715px;
}

.contact-form-wrapper2 {
background: url("../images/sce/contact-form-bg2.jpg") no-repeat left top;
padding:20px;
height:530px;
width:715px;
}

.contact-form-wrapper2 h2 {color: #136098; background-color: transparent; padding: 0px;}

/* End Contact Form Styles */

#content {float: left; padding: 25px 10px 10px 25px; width: 755px;}

#content ul, #content ol {margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}

p, #content li {font-size: 1.4em; line-height: 1.4em; color: #000; margin-bottom: 10px;}

table {margin-top: 10px; margin-bottom: 10px; font-size: 1.4em;}

a {color: #FF5300;}

a:hover {color: #000;}

h1 {font-size: 2.8em; font-weight: normal; color: #FF5300; margin: 0px 0px 10px 0px;}

h2 {font-size: 2.0em; font-weight: normal; color: #FFF; background-color: #136098; margin: 5px 0px; padding: 5px;}

h3 {font-size: 2.0em; font-weight: normal; color: #FF5300; margin: 5px 0px;}

h4, h5, h6 {font-size: 2em; font-weight: normal; color: #FF5300; margin: 5px 0px;}

/* Site Search Results */
.SiteSearch {font-size: 1.4em;}

.SiteSearch_result_item {margin-bottom: 10px;}

.SiteSearch_titlelink {text-decoration: none; font-weight: bold;}
/* End Site Search Results */

/* Site Map Styles */
#site_map ul, #site_map ul ul {margin-top: 0px; margin-bottom: 10px; list-style: none;}

#site_map ul li, #site_map ul ul li {margin-top: 5px; margin-bottom: 0px;}

#site_map ul li a {color: #FF5300; font-size: 1.4em;}

#site_map a:hover {color: #000;}
/* End Site Map Styles */

/* Guest Book Styles */
#guestbook_manager {font-size: 1.4em; color: #000;}

#guestbook_manager a {text-decoration: none; text-align: center; padding: 2px 5px; background-color: #FF5300; border: 2px solid #FF5300; font-weight: bold; color: #FFF;}

#guestbook_manager a:hover {background-color: #000;}

#guestbook_manager select {padding: 2px;}

#guestbook_manager .posted {margin: 20px 0px; padding-bottom: 20px; border-bottom: 1px solid #000;}

#guestbook_manager .posted .subcat {font-weight: bold; color: #FF5300;}

#guestbookform {margin-bottom: 40px;}

#guestbookform .indent {margin: 10px 0px 10px 135px;}

#guestbookform .form_element {padding: 5px 10px 0px 0px; text-align:right; float: left; color: #000; width: 125px;}

#guestbookform .form_data {text-align:left; float: left;}

#guestbookform .separator {clear: both; font-size: 0.1em; height: 1px;}

#guestbookform input, #guestbookform textarea {width: 190px; padding: 5px;}

#guestbookform #ctl01_MainContent_post_SignButton {width: 120px; padding: 0px;}

#guestbookform #ctl01_MainContent_post_PostButton, #guestbookform #ctl01_MainContent_post_ReviseButton {width: 80px; padding: 0px;}

#guestbookform .form_data span {float: left; padding-top: 5px;}
/* End Guest Book Styles */

/* Left Content Styles */
#left_content {float: left; display: block; width: 175px; margin-left: 15px;}

#left_content form {display: block; width: 175px; height: 34px; margin-top: 40px; margin-bottom: 30px;}

#left_content input {float: left; border: 2px solid #9f9f9f; width: 119px; height: 17px; margin-top: 4px; padding: 2px;}

#left_content button {float: left; background-color: #4f3170; border: none; background: none; height: 35px; width: 46px; cursor: pointer;}

#left_content .social {position: relative; bottom: 0px;}
/* End Left Content Styles */

/* Opening Times Table Styles */
table.opening_times, table.legend {font-size: 1.4em; color: #FFF;}

table.opening_times td, table.legend td {text-align: center; padding: 2px; border: 1px solid #FFF;}
/* End Opening Times Table Styles */

/* Job Application Form Styles */
#contactform .job_application {width: 710px; font-size: 0.7em; margin: 10px 0px;}

#contactform .job_application input, #contactform .job_application textarea {width: 200px;}

#contactform .job_application fieldset {margin: 10px 0px; padding: 20px 10px;}

#contactform .job_application legend {font-size: 1.6em; color: #FF5300; padding: 0px 5px;}

#contactform .job_application label {float: left; display: block; width: 260px; padding-top: 5px; font-size: 1.4em;}

#contactform .job_application .dates {float: left; display: block; width: 130px;}

#contactform .job_application .dates div {float: left; display: block; width: 60px; font-size: 1.4em;}

#contactform .job_application .dates label {float: left; width: 130px;}

#contactform .job_application .dates input {width: 40px;}

#contactform .job_application .dates select {width: 50px;}

#contactform .job_application .school_details {float: left; display: block; width: 190px;}

#contactform .job_application .school_details div {float: left; display: block; width: 190px; font-size: 1.4em;}

#contactform .job_application .school_details label {float: left; width: 190px;}

#contactform .job_application .school_details textarea {width: 170px;}

#contactform .job_application .school_subjects {float: left; display: block; width: 230px; margin-top: 16px;}

#contactform .job_application .school_subjects label {width: 230px;}

#contactform .job_application .school_subjects textarea {width: 220px;}

#contactform .job_application .wide textarea {width: 410px;}

#contactform .job_application .position {float: left; display: block; width: 130px;}

#contactform .job_application .position label {float: left; width: 130px; margin-top: 16px;}

#contactform .job_application .position input {width: 410px;}

#contactform .job_application .employer {float: left; display: block; width: 260px;}

#contactform .job_application .employer label {float: left; display: block; width: 260px;}

#contactform .job_application .employer textarea {width: 230px;}

#contactform .job_application .job {float: left; display: block; width: 215px;}

#contactform .job_application .job label {float: left; width: 215px;}

#contactform .job_application .job textarea {width: 190px;}

#contactform .job_application .leaving {float: left; display: block; width: 210px;}

#contactform .job_application .leaving label {float: left; width: 210px;}

#contactform .job_application .leaving textarea {width: 195px;}

#contactform .job_application .references div {float: left; display: block; width: 294px;}

#contactform .job_application .references label {width: 80px;}

#contactform .job_application .references .right {margin-left: 90px;}

#contactform .job_application table {float: left; font-size: 1em; color: #000;}

#contactform .job_application table td {text-align: left; padding: 0px; border: none;}

#contactform .job_application table input {float: left; display: block; width: 20px; padding: 0px;}

#contactform .job_application table label {float: left; display: block; width: 20px; padding-top: 0px;}

#contactform .job_application input.image {margin: 10px 0px 0px 0px; width: 65px;}
/* End Job Application Form Styles */

/* News Manager Styles */
.news_category_detail {font-size: 1.4em;}

.news_category_detail .news_title {font-size: 1.4em; color: #FF5300; text-decoration: none;}

.VolNewsDetail {min-height: 300px;}

.VolNewsDetail .news_title {font-size: 2.4em; color: #FF5300; text-decoration: none;}

.VolNewsDetail .news_date {font-size: 1.4em;}

.new_footer {margin-top: 40px; font-size: 1.4em;}

.new_footer a {background-color: #FF5300; border: 2px solid #FF5300; color: #FFF; font-weight: bold; padding: 2px 5px; text-decoration: none;}

.new_footer a:hover {background-color: #000;}

.VolNewsSearch ul {list-style: none;}

#content .VolNewsSearch li {margin-bottom: 10px;}

.VolNewsSearch .search-label {display: block; width: 80px; float: left;}

#ctl01_MainContent_news_search_key_button, #ctl01_MainContent_news_search_spsearch_button {background-color: #FF5300; border: 2px solid #FF5300; color: #FFF; font-weight: bold; padding: 0px 2px; text-decoration: none}

#ctl01_MainContent_news_search_key_button:hover, #ctl01_MainContent_news_search_spsearch_button:hover {background-color: #000; cursor: pointer;}

#ctl01_MainContent_news_search_archive_list label {margin-right: 10px; margin-left: 2px;}

.VolNewsHeadline .news_date {font-size:14px; display:block;}

.VolNewsHeadline .news_headline {font-size:14px;}

.VolNewsHeadline .newsImage {float:left; margin-right:20px; border:2px solid #FF5500!important;}

.VolNewsHeadline .news_title {font-size:18px; margin-bottom:5px;}

.VolNewsHeadline .clear {padding: 5px;}
/* End News Manager Styles */

.rides {border: 1px solid #4F92C6;}

.rides td {border: 1px solid #4F92C6; padding: 2px;}

.rides th {text-align: left; background-color: #4F92C6; color: #FFF; font-weight: bold; padding: 2px;}

/* Homepage Styles */
.home_rides a, .home_guestbook a, .home_register a {float: left; display: block; width: 225px; height: 50px; padding-top: 200px; color: #FFF; text-decoration: none; text-align: center; font-weight: bold;}

.home_rides a {background: url("../images/sce/view-our-rides-bg.jpg") no-repeat left top;}

.home_guestbook a {background: url("../images/sce/guestbook-home-bg.jpg") no-repeat left top; margin: 0px 23px;}

.home_register a {background: url("../images/sce/register-news-bg.jpg") no-repeat left top;}
/* End Homepage Styles */

/* Gallery Styles */
.postcard_picture .panel {float: left; display: block; margin-bottom: 30px;}

.postcard_picture .panel .thumbnail img {border: 2px solid #FF5300;}

.postcard_picture .panel .thumbnail img:hover {border: 2px solid #000;}
/* End Gallery Styles */

/* Opening Times Table */
table.openingtable {width: 750px; color: #FFF; margin: 1px;}

table.openingtable th {font-size: 1.2em; font-weight: bold; background: #999999; text-align: left; color: #fff; padding: 3px; margin: 2px;}

.days {font-size: 1em; text-align: center; background: #aaaaaa;}

table.openingtable tbody {background: #aaaaaa;}

table.openingtable td {font-size: 1em; text-align: center; color: #fff; padding: 3px;}

.mustard {background-color: #F4B100;}

.brightorange {background-color: #FF5A00;}

.purple {background-color: #660099;}

.darkblue {background-color: #000368;}

.pinkyred {background-color: #FC216F;}
/* End Opening Times Table */

.rides-kids {
background: url("../images/sce/ride-bg.gif") no-repeat left top;
padding:10px 20px;
height:280px;
width:715px;
}

.home_open a {
background: url(../images/sce/open-home-blank.jpg) no-repeat left top;
display: block;
width: 270px;
height: 85px;
margin-bottom: 10px;
color: #FFF;
font-size: 20px;
line-height: 24px;
text-decoration: none;
text-align: center;
padding: 165px 0px 0px 450px;
}