/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { font: 62.8% Arial, sans-serif; background: #300e26 url("../gfx/body-background.jpg") top center repeat-y; color: #000; text-align: center; margin: 0; padding: 0; }
img { border: none; }
a { color: #f90; }
a:visited { color: #f60; }
a:focus { color: #fc0; }
a:hover { color: #fc0; }
a:active { color: #ff0; }
p { margin: 10px; font-size: 1.2em; }
q { color: #ffd; }
address { margin: 10px; font-size: 1.2em; font-style: normal; }
h1 { font: normal 3em Century Gothic, Arial, sans-serif; margin: 15px 10px; color: #f90; }
p.pad_right { font: normal 3em Century Gothic, Arial, sans-serif; margin: 15px 10px; visibility: hidden; }
h2 { font: normal 2em Century Gothic, Arial, sans-serif; margin: 10px; color: #f90; }
h3, caption { font: bold 1.4em Century Gothic, Arial, sans-serif; margin: 10px; color: #f90; }
ul, ol { margin: 10px; font-size: 1.2em; padding-left: 2em; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
cite { font-style: normal; font-weight: bold; }
h2 em { color: #fff; font-size: 0.6em; font-style: normal; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.center { text-align: center; }
.error, .errors, .important { color: #f00; }
.valid { color: #090; }
.hide { display: none; }
a.url { text-decoration: none; color: #fff; }
img.main { display: block; }
p.intro { font-size: 1.4em; font-weight: bold; }

/* Container */
div#container { width: 800px; margin: 0 auto; background: #3c1030; color: #fff; }

/* Header Stuff */
div#header { background: #4c0d3c url("../gfx/header-background.gif") top left no-repeat; padding-bottom: 20px; }

ul#awards { margin: 0; padding: 0; height: 90px; float: right; text-align: right; font-size: 1em; }
ul#awards li { padding: 0 3px; display: inline; list-style-type: none; }
ul#awards li img { vertical-align: middle; }

p#skip_navigation { width: 800px; margin: 0 auto; padding: 0; }
p#skip_navigation a { background: #4c0d3c; color: #4c0d3c; text-decoration: none; display: block; padding: 3px 0; }
p#skip_navigation a:hover, p#skip_navigation a:focus { background: #3c1030; color: #fff; }

/* Main menu */
ul#main_menu { clear: both; margin: 0; padding: 3px 0; clear: both; font: normal 1.3em Century Gothic, Arial, sans-serif; text-align: center; background: #3d0c30; border-top: 1px dashed #a4869c; border-bottom: 1px dashed #a4869c; }
ul#main_menu li { display: inline; }
ul#main_menu li a { color: #fff; padding: 0 5px; text-decoration: none; }
ul#main_menu li a:visited { color: #ddd; }
ul#main_menu li a:hover, ul#main_menu li a:focus { color: #f90; }
ul#main_menu li a:active { color: #ff0; }

/* Content */
div#content { text-align: left; background: #3c1030; width: 800px; }

/* Columns */
div.column { width: 400px; background: #3c1030; }
div.column.large { width: 100%; font-size: 200%; }
div.column.full { width: 100%; }

ul.services { padding: 0; }
ul.services li { list-style-position: inside; display: inline; }

ul.menu { padding: 0; font-size: 1em; margin: 0; }
ul.menu li { list-style-type: none; }

blockquote { background: #4c0d3c; margin: 10px; padding: 1px; }

/* Footer */
p#copyright { margin: 0; padding: 5px 0; font-size: 1em; text-align: center; clear: both; background: #4c0d3c url("../gfx/footer-background.jpg") bottom left repeat-x; }

/* Forms */
fieldset { border: 1px solid #000; padding: 1px 12px; margin: 10px 0; }
legend { color: #009bc3; font-size: 1.5em; }
label { float: left; width: 175px; }
label.inline, ul.errors li label { float: none; width: auto; display: inline; }
input.button { color: #000; background: #f90; font-size: 1.1em; font-weight: bold; padding: 2px 3px; margin: 0; border: 1px solid #000; cursor: pointer; }
input.button:hover { background: #f60; }
input.text, textarea.text, select { border: 1px solid #000; margin: 0; }
input.required, textarea.required, select.required { border: 1px solid #f00; margin: 0; }

div.xmas_box { margin: 10px; border: 1px dashed #f90; padding: 1px 5px; background: #4c0d3c url("../gfx/xmas-holly.jpg") top right no-repeat; }
div.xmas_box h2 { font: normal 3em Century Gothic, Arial, sans-serif; margin: 10px; color: #f90; }
div.xmas_box p, div.xmas_box ul { font-size: 1.2em; }
div.xmas_box h3 { font: normal 2em Century Gothic, Arial, sans-serif; margin: 15px 10px; color: #f90; }

/* Gallery */
ul.gallery { padding: 0; margin: 10px 5px; }
ul.gallery li { display: inline; list-style-type: none; }
ul.gallery li img { margin: 1px; }

/* Tables */
table { font-size: 1em; color: #fff; border-collapse: collapse; margin: 10px; }
thead td, thead th { padding: 3px 5px; font-size: 1.3em; }
tbody td, tbody th { padding: 3px 5px; font-size: 1.2em; font-weight: normal; }
thead tr { background: #300e26; }
tr.even { background: #300e26; }
.sigri { color: #f90; }

/* New Events Page */
ul#events { margin: 0; padding: 0; font-size: 1em; }
ul#events li { font-size: 1em; list-style-type: none; width: 398px; height: 118px; float: left; border: 1px solid #270C21; background: #3B1232 url("../gfx/events/small-event-background.jpg") top left repeat-x; }
ul#events li#main_event { width: 798px; height: 218px; background: #3B1232 url("../gfx/events/main-event-background.jpg") top left repeat-x; }
ul#events li img { float: left; border: 1px solid #270C21; margin: 8px; }
ul#events li h2 { font-size: 1.5em; padding: 0; margin: 5px 0; }
ul#events li p { font-size: 1.2em; padding: 0; margin: 5px 0; }
ul#events li p.date { font: bold 1.2em Century Gothic, Arial, sans-serif; }
ul#events li p.book { font: bold 1.3em Century Gothic, Arial, sans-serif; }
ul#events li#main_event h2 { font-size: 2.1em; padding: 0; margin: 8px 0; }
ul#events li#main_event p { font-size: 1.2em; padding: 0; margin: 8px 0; }
ul#events li#main_event p.date { font: bold 1.8em Century Gothic, Arial, sans-serif; }
ul#events li#main_event p.book { font: bold 1.8em Century Gothic, Arial, sans-serif; }

div.further_events { clear: both; border: 1px solid #270C21; padding: 2px 0; background: #3B1232 url("../gfx/events/main-event-background.jpg") top left repeat-x; }
div.further_events ul { margin: 0; padding: 0; font-size: 1em; }
div.further_events ul li { margin: 0; padding: 2px 0; font-size: 1em; width: 399px; float: left; list-style-type: none; }
div.further_events ul li p { margin: 2px 10px; }