/* Main CSS Document */
html { overflow-y: scroll }
body { background: url(../images/layout/background.jpg) top center repeat-x #494D2E fixed; font-family: Geneva, Arial, Helvetica, sans-serif }
h3 { font-size: 16px }
/* Div Styles: */
#centerfy { width: 900px; margin: 0 auto }
#topLinks { width: 900px; margin: 0 auto; text-align: right; height: 15px; padding-top: 30px }
#wrapper { background-color: #282A15; border: 1px solid #5B6131; padding: 10px; width: 862px; margin: 0 auto; float: left }
#container { background: url(../images/layout/containerBG.jpg) repeat-y #FFF; width: 842px; padding: 10px; float: left }
.separator { width: 90%; border-bottom: 2px dotted #CCC; margin: 20px auto }
/* Header Styles: */
#header { height: 330px; width: 817px; padding: 10px }
#overlay2 { background-color: #FFF; width: 100%; height: 150px; margin-top: 180px; filter: alpha(opacity=50);-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 }
#name { float: left; z-index: 2; position: absolute; top: 270px; padding: 18px 10px; font-family: Impact, Helvetica, sans-serif; font-size: 100px; line-height: 90px }
#name { text-transform: uppercase; letter-spacing: 5px; color: #111; cursor: default }
#name small { font-size: 40px; line-height: 15px }
#date { font-family: "Trebuchet MS", Helvetica, sans-serif; z-index: 3; position: absolute; top: 270px; width: 200px; text-align: center; font-size: 35px }
#date { margin-left: 600px; cursor: default }
/* Link Styles: */
.icon { background-repeat: no-repeat; background-position: left middle; padding-left: 15px; margin-right: 10px; text-decoration: none; color: #FFF }
.icon { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: auto; float: right; cursor: pointer }
/* Nav Styles: */
#nav { margin-top: 10px; }
#nav #left { background: url(../images/layout/left_nav_cap.jpg) no-repeat top left; width: 15px; height: 56px; float: left }
#nav #right { background: url(../images/layout/right_nav_cap.jpg) no-repeat top right; width: 17px; height: 56px; float: left }
#nav #linkCont { background: url(../images/layout/navBG.jpg) repeat-x; float: left; width: 780px; text-align: center }
.nav { width: 96px; height: 56px; background-repeat: no-repeat; background-position: top center; float: left; cursor: pointer }
a .nav { text-decoration: none }
.nav_active { width: 96px; height: 56px; background-repeat: no-repeat; background-position: bottom center; float: left; cursor: default }
#navDiv { width: 8px; height: 48px; background: url(../images/layout/navBG.jpg) center; float: left; padding-top: 8px }
/* Content Classes / Styles: */
#content { padding: 30px 10px 10px 10px; float: left }
#content h1 { padding: 0; margin: 0; width: 99%; border-bottom: 5px double #CCC; font-family: Trebuchet MS, Helvetica, sans-serif; color: #444; text-transform: capitalize; letter-spacing: 2px }
#content h2 { width: 50%; border-bottom: 5px double #CCC; font-family: Trebuchet MS, Helvetica, sans-serif; color: #444; text-transform: capitalize }
#content h2 { letter-spacing: 2px }
#content p, ul { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; font-size: 14px; line-height: 25px; }
#content p a, ul a { color: #666; text-decoration: underline }
#content p a:hover,
ul a:hover { color: #000 }
/* Previous Events Page: */
#prev-events { list-style: none; margin: 0; padding: 20px 0 }
#prev-events li { width: 200px; height: 200px; float: left; margin-right: 10px; border: 1px solid #000; background-position: center; background-repeat: no-repeat }
#prev-events li a { display: block; height: 200px; width: 200px; text-decoration: none; color: #fff }
#prev-events li a span { background-color: #000; padding: 10px; width: 180px; display: block; margin-top: 155px; text-align: center; font-weight: bold }
#prev-events #event-2008{ background-image: url(../images/layout/2009-event-bg.jpg) }
#prev-events #event-2009{ background-image: url(../images/layout/2008-event-bg.jpg) }
/* Image Classes: */
#content a .img { border: 5px solid #EEE }
#content a:hover .img { border: 5px solid #CCC }
#content a .img_leftFloat { border: 5px solid #EEE; float: left; margin-right: 10px }
#content a:hover .img_leftFloat { border: 5px solid #CCC }
/* JavaScript Counter Style: */
#cntdwn { text-align: center; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; font-size: 14px; line-height: 25px; font-size: 13px }
/* Info Box Classes: */
.infoBox { text-align: center; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; font-size: 14px; line-height: 25px; width: 35%; margin-top: 10px }
.infoBox { border: 1px solid #CCC; background-color: #F1F0EB; float: right; margin-left: 10px; padding: 5px; font-size: 13px }
.infoBox .title { color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.infoBox #newsCont { text-align: left }
#newsCont p { font-size: 12px }
#newsCont p strong { font-style: italic; color: #666 }
/* Contact form classes: */
#contactForm { width: 100% }
#contactForm .fieldRow { margin: 15px 0px }
#contactForm .label { width: 20%; text-align: right; float: left; margin-right: 10px; font-size: 14px; font-weight: bold; letter-spacing: 0.05em }
#contactForm .label { color: #333; padding-top: 3px }
#contactForm .field { width: 60%; background: #FFF; border: 2px solid #CCC; padding: 2px; letter-spacing: 0.08em; font-style: italic; color: #999 }
#contactForm .fieldActive { width: 60%; background: #FFF; border: 2px solid #666; padding: 2px; letter-spacing: 0.08em; color: #000 }
#contactForm .fieldError { width: 60%; background: #FFF; border: 2px solid #FFA6A6; padding: 2px; letter-spacing: 0.08em; color: #000 }
#contactForm .buttons { text-align: center }
#contactForm .btn { color: #FFF; width: 150px; background-color: #282A15; border: 2px solid #494D2E; padding: 5px; letter-spacing: 0.08em }
textarea.field { width: 60%; background: #FFF; border: 2px solid #CCC; padding: 2px; letter-spacing: 0.08em; font-style: italic; color: #999 }
textarea.field { font-family: Arial, Helvetica, sans-serif }
textarea.fieldActive { width: 60%; background: #FFF; border: 2px solid #666; padding: 2px; letter-spacing: 0.08em; color: #000; margin-bottom: 3px }
textarea.fieldActive { font-family: Arial, Helvetica, sans-serif }
textarea.fieldError { width: 60%; background: #FFF; border: 2px solid #FFA6A6; padding: 2px; letter-spacing: 0.08em; color: #000; margin-bottom: 3px }
textarea.fieldError { font-family: Arial, Helvetica, sans-serif }
.required { font-weight: bold; color: #FF0000; font-size: 16px; margin-left: 10px; margin-top: 5px; display: inline; vertical-align: top }
/* Group Page classes: */
h3.group_name { margin-bottom: 0 }
p.group_desc { margin: 0 }
.group_details { width: 50%; display: block; float: left; margin-top: 0 }
h3.group_name a { color: #333 }
h3.group_name a:hover { color: #000 }
/* Form error classes: */
.error_bad { padding: 10px; border: 1px solid #DB3333; background-color: #ED9A9A; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em }
.error_bad { font-size: 14px; line-height: 25px; text-align: center }
.error_good { padding: 10px; border: 1px solid #408042; background-color: #B3D9B4; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em }
.error_good { font-size: 14px; line-height: 25px; text-align: center }
/* Footer classes: */
#footer { width: 795px; background-color: #EEE; border: 1px solid #CCC; padding: 10px; margin-top: 30px; height: 50px; float: left }
/* Copyright footer: */
#copyright { width: 50%; text-align: left; color: #666; font-size: 11px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; float: left }
#copyright { margin: 13px 0 0 }
#copyright a { text-decoration: none; color: #000 }
#copyright a:hover { text-decoration: underline; color: #000 }
/* Association footer: */
#assoc { width: 50%; float: left; text-align: right }
#assoc img { border: none; margin: 0 0 0 15px }
/* Gallery Styles (for previous events): */
#breadcrumbs { border: none; padding-left: 10px; text-align: left }
#breadcrumbs a { border-bottom: 1px solid #FFF }
#breadcrumbs a:hover { border-bottom: 1px dashed #000 }