body { font: 0.75em Georgia, serif; background: #98012e }
a { color: #98012e }

#top-links { font-size: 0.9em; width: 680px; padding-right: 32px; margin: 10px auto; color: #e48a1a; text-align: right }
#top-links a { color: #fff; text-decoration: none }
#top-links a:visited { color: #ffebdd }
#top-links a:hover { color: #e48a1a; text-decoration: underline }

#footer { font-size: 0.9em; width: 680px; padding-right: 32px; margin: 10px auto; color: #e48a1a; text-align: right }
#footer a { color: #fff; text-decoration: none }
#footer a:visited { color: #ffebdd }
#footer a:hover { color: #e48a1a; text-decoration: underline }

#content-top { width: 712px; height: 20px; margin: 0px auto; background: url('../img/content-top.gif') #98012e }
#content-bottom { width: 712px; height: 27px; margin: 0px auto; background: url('../img/content-bottom.gif') #98012e }
#content { width: 712px; margin: 0px auto; background: url('../img/content-background.gif') #fff repeat-y }

/* Left content */
#content #left { width: 199px; padding: 0px 25px; float: left; background: #fff8e7 }
#header { margin: 0px 0px 20px 10px }


#left h2 a { color: #3c3c3c; text-decoration: none }
#left h2 a:hover{ color: #98012e; text-decoration: underline }
#left a {color: #000; text-decoration: none }
#left a:hover {color: #000; text-decoration: underline }

#left a.alt { color: #98012e; text-decoration: underline }
#left a.alt:hover { text-decoration: none }

#left a.view-all { float: right; color: #98012e; font: bold 0.9em Arial, sans-serif; text-decoration: none; padding-top: 2px }
#left a.view-all:hover { color: #000; text-decoration: underline }
.event-image { float: left; padding: 0px 5px 0px 0px }
.event-text { float: left; width: 130px }
.copy .event-image { float: left; padding: 2px 10px 0px 0px }	/* On the main 'Events' page */

a.learn-more { color: #000; font-style: italic; float: right }
a.learn-more:hover { color: #98012e; text-decoration: none }
.copy a.learn-more { font-weight: bold }	/* On the main 'Events' page */

#email-updates-form { margin: 10px 0px 40px 0px }
#email-updates-form input { width: 125px; height: 15px; border: 1px solid #666; background: url('../img/input-background.gif') top left repeat-x }
#email-updates-form button { height: 19px; background: #fdb813; color: #58595b; font-weight: bold; border: 0px; cursor: pointer; margin-left: 2px }

/* Secondary (left) navigation */
#secondary-nav { list-style-type: none; padding: 0px; margin: 0px 0px 50px 0px }
#secondary-nav li { margin: 4px 0px }
#secondary-nav a { color: #3c3c3c; text-decoration: none }
#secondary-nav a:hover, #secondary-nav a.highlighted { color: #98012e; font-weight: bold }
#secondary-nav li.none {color: #aba69b}

/* Right content */
#content #right { width: 454px; float: left; background: #ffebbd }
#right .copy { padding: 30px 15px 0px 15px }
#right .copy li {padding-top: 3px; padding-bottom: 3px}

#image { border-top: 4px solid #98012f; background: #000 }
#image-alt { border-top: 4px solid #98012f; background: #ffebbd }

#image a.text { display: block; float: right; padding: 5px 20px; font: 0.9em Arial, sans-serif; color: #fff; text-decoration: none }
#image a.text:hover { text-decoration: underline }


/* Primary (right) navigation */
#nav { display: block; float: left; list-style-type: none; margin: 35px 0px 0px 0px; padding: 0px; font: bold 1em Arial, sans-serif }
#nav li { float: left; margin-right: 3px }
#nav li a { float: left; display: block; padding: 4px 15px; background: #fdb813; text-decoration: none }
#nav li a:hover, #nav li a.highlighted { color: #fff; background: #98012f }

/* Misc styles */
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
a img { border: 0px }

.accessibility { position: absolute; left: -9999px }

h1 { font-size: 1.33em; color: #98012f; margin: 0px; padding: 0px }
h2 { font: bold 1.1em Arial, sans-serif; color: #3c3c3c; margin: 0px; padding: 0px }
hr { height: 0px; border: 0px; border-top: 1px dotted #3c3c3c; margin: 10px 0px }
.alt { color: #98012e }

ul { margin-top: 3px }
.border { border: 3px solid #98012f }
.img-left { float: left }
.img-right { float: right }

/* Styles for contact form */

#contact .error { border: 2px solid #dc5855 }

#contact fieldset { border: 0px; border-top: 1px solid #17598b; margin: 3px 0px }
#contact label { width: 75px; float: left; margin-top: 5px; font-weight: bold }
#contact input, #contact select, #contact textarea { width: 200px; float: left; margin-top: 3px; border: 1px solid #666; background: url('img/input-background.gif') repeat-x #fff }

#contact .input { width: 200px; float: left; margin-top: 5px }
#contact .label { width: 75px; float: left; margin-top: 5px }

.required { color: #dc5855; font-weight: bold }
#contact .clear-both { clear: both }
#contact .clear-left { clear: left }

#contact .button { width: auto; padding: 4px 20px; background: #ccc; border: 0px; border-right: 1px solid #666; border-bottom: 1px solid #666; margin-top: 15px }
#contact .edit { margin-right: 10px }
#contact .confirm { float: none }

/*
.error { border: 2px solid #dc5855 }

fieldset { border: 0px; border-top: 1px solid #17598b; margin: 3px 0px }
label { width: 75px; float: left; margin-top: 5px; font-weight: bold }
input, select, textarea { width: 200px; float: left; margin-top: 3px; border: 1px solid #666 }

.input { width: 200px; float: left; margin-top: 5px }
.label { width: 75px; float: left; margin-top: 5px }

.required { color: #dc5855; font-weight: bold }
.clear-both { clear: both }
.clear-left { clear: left }

.button { width: auto; padding: 4px 20px; background: #ccc; border: 0px; border-right: 1px solid #666; border-bottom: 1px solid #666; margin-top: 15px }
.edit { margin-right: 10px }
.confirm { float: none }
*/