/* ystwythcc.css */

body { background-color: #FFF; color: #1E2224; margin: 0; font: 75%/1.5 Arial, Helvetica, sans-serif; text-align: center; }

#wrapper { width: 940px; margin: 0 auto; padding: 0; background: transparent url('../images/bg/middle.gif') top center repeat-y; } 
#top { padding-top: 35px; background: transparent url(../images/bg/top.gif) top center no-repeat; height: 144px; }
#bottom { height: 30px; background: transparent url(../images/bg/bottom.gif) top center no-repeat; }

#navbar { width: 898px; margin: 0 auto;  border: 1px solid #FFF; border-width: 1px 0; background: transparent url(../images/bg/navbar.gif) top left repeat-x; }
#navbar ul { list-style: none; display: inline; margin: 0; padding: 0;}
#navbar li { display: inline; }
#navbar li a { display: block; width: 128px; height: 32px; float: left; }
#navbar li a:hover { background-position:0 -32px; }

#page { text-align: left; width: 878px; margin: 0 auto; background: transparent url(../images/bg/page.gif) top left repeat-x; padding: 10px 0 10px 20px; min-height: 390px; height: 390px; }
html>body #page { height: auto; }
#content { float: left; width: 570px; margin-right: 20px; }
#sidebar { float: left; width: 260px; padding: 20px 0 0 20px; }
.clear { clear: both; }
.hidetext { text-indent: -9999em; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.addborder { border: 1px solid #9AAEB7; }
.extendright { margin-right: -50px; }
.margin-bottom { margin-bottom: 10px; }
a { color: #5E0D0E; }
a:hover { color: #BD191D; }
a img { border: none; }
/* navbar buttons */
#a-home { background: transparent url(../images/btn/nav-home.gif) 0 0 no-repeat; }
#a-about { background: transparent url(../images/btn/nav-about.gif) 0 0 no-repeat; }
#a-club_runs { background: transparent url(../images/btn/nav-club_runs.gif) 0 0 no-repeat; }
#a-events { background: transparent url(../images/btn/nav-events.gif) 0 0 no-repeat; }
#a-news { background: transparent url(../images/btn/nav-news.gif) 0 0 no-repeat; }
#a-membership { background: transparent url(../images/btn/nav-membership.gif) 0 0 no-repeat; }
#a-contact { background: transparent url(../images/btn/nav-contact.gif) 0 0 no-repeat; }

/* sidebar navigation */
#sidebar h2 { text-transform: uppercase; font-size: 1.1em; letter-spacing: 1px; margin-bottom: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
#sidebar ul { margin: 0 0 20px; padding: 0; }
#sidebar ul li { list-style: none; }

/* news feed */
#forum,
#news_feed { background-color: #F3F3F3; border: 1px solid #9AAEB7; padding: 10px; margin-bottom: 10px; }
#news_feed li { font-size: 0.9em; }
#news_feed h2 { margin: 0 0 8px; }

/* club affiliations */
#club_affiliations { background-color: #FFF; border: 1px solid #9AAEB7; padding: 2px 10px; margin-top: 30px; }
#club_affiliations img { vertical-align: middle; margin-right: 20px; }
#club_affiliations img#british_triathlon { margin-right: 0; }
/* events */
.events_section { background-color: #FFF; border: 1px solid #9AAEB7; padding: 16px 10px 2px; margin: 10px 0; }
.events_section dl { margin-bottom: 10px; float: left; }
.events_section dt { float: left; width: 100px; margin-right: 10px; clear: left; font-weight: bold; }
.events_section dd { float: left; width: 170px; }
.events_section .content_column { float: left; width: 240px; }
/* time trials */
table { border: 1px solid #9AAEB7; }
table#timetrials { width: 460px; margin: 10px auto 30px; }
table.event 	{ width: 520px; margin: 10px 0 30px; }
th { background-color: #9AAEB7; color: #FFF; font-weight: bold; }
th,
td { padding: 2px 10px; }
table.event td { padding: 5px 10px; }
tr.odd td { }
tr.even td { background-color: #F3F3F3; }
tr.odd.past td,
tr.even.past td { background-color: #d7dfe2; }
.past td { color: #666; }
.tt_date { }
.tt_course { }
.tt_distance,
.tt_start { text-align: center; }
.events_section p { margin-top: 0; }

/* where am i? */
#navbar li#active a { background-position: 0 -64px; }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 1.8em; margin: 15px 0; }
h2 { font-size: 1.4em; }
h1, p, h2 a { color: #1E2224; }
h2 { margin-bottom: 5px; }
h2 a { text-decoration: none; }
p { margin: 5px 0 1em; }
ul { margin: 0 0 1em; }
dl	{ margin: 1em 2em 2em; }
strong, dt { font-weight: bold; }
dd	{ margin-bottom: 8px; }
em { font-style: italic; }
.pdf { display: block; padding-left: 26px; height: 17px; background: transparent url(../images/icon/pdficon_small.gif) top left no-repeat; }
.xls { display: block; padding-left: 26px; height: 17px; background: transparent url(../images/icon/xls_small.gif) top left no-repeat; }
.downloads li { margin-bottom: 7px; }
.general li {	margin-bottom: 5px; }
/* form layout */
.row { margin-bottom: 10px; }
.form_label { width: 100px; float: left; }
.form_input { width: 400px; float: left; }
.form_input select,
.input_txt { width: 200px; border: 1px solid #9AAEB7; }
.form_input select.date_time { width: auto; }
.form_input textarea { width: 300px; height: 120px; border: 1px solid #9AAEB7; }
label.error { display: block; color: #BD191D; font-style: italic; }
.small_txt { font-size: 0.9em; }
.error { color: #9AAEB7; }
#notice { background-color: #FAF7A4; border: 2px solid #BD191D; padding: 10px 20px; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.hidden { display: none; }
.float_left { float: left; }
.float_right { float: right; }