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

html { height: 101%; }

body { margin: 0 auto; padding: 0; text-align: center; background: #000; font-family: Arial, Helvetica, sans-serif; background: url(/public/images/bg.jpg) center top repeat; }

#container { width: 800px; margin: 0 auto; padding: 0 0 6px 0; }

#logo img { display: block; }

#nav { height: 31px; background: url(/public/images/nav-bg.png) center top no-repeat; }
#nav ul { margin: 0; padding: 0 0 0 21px; list-style: none; }
#nav li { float: left; line-height: 26px; }
#nav a { font-size: 12px; text-align: center; color: #fab834; display: block; text-transform: uppercase; text-decoration: none; padding: 0; background: url(/public/images/nav-a-bg.png) no-repeat; }
#nav a:hover { color: #10227f; }

#nav #navHome a { width: 69px; background-position: -19px 2px; }
#nav #navHome a:hover, #home #nav #navHome a { color: #10227f; background-position: -19px -22px; }

#nav #navAbout a { width: 98px; background-position: -91px 2px; }
#nav #navAbout a:hover, #about #nav #navAbout a { color: #10227f; background-position: -91px -22px; }

#nav #navMembers a { width: 96px; background-position: -189px 2px; }
#nav #navMembers a:hover, #members #nav #navMembers a { color: #10227f; background-position: -189px -22px; }

#nav #navJoin a { width: 63px; background-position: -285px 2px; }
#nav #navJoin a:hover, #join #nav #navJoin a { color: #10227f; background-position: -285px -22px; }

#nav #navSpeed a { width: 121px; background-position: -348px 2px; }
#nav #navSpeed a:hover, #speed #nav #navSpeed a { color: #10227f; background-position: -348px -22px; }

#nav #navRiptide a { width: 81px; background-position: -469px 2px; }
#nav #navRiptide a:hover, #riptide #nav #navRiptide a { color: #10227f; background-position: -469px -22px; }

#nav #navCalendar a { width: 102px; background-position: -550px 2px; }
#nav #navCalendar a:hover, #calendar #nav #navCalendar a { color: #10227f; background-position: -550px -22px; }

#nav #navContact a { width: 122px; background-position: -652px 2px; }
#nav #navContact a:hover, #contact #nav #navContact a { color: #10227f; background-position: -652px -22px; }

img.content-wrapper { display: block; margin-left: 1px; }
#content-wrapper { background: url(/public/images/content-bg.png) center top repeat-y; padding: 0 25px; }

#content { text-align: left; margin: 0; padding: 0 30px 1px 30px; position: relative; }
#content h1 { margin-top: 0; font-size: 24px; font-family: Times, "Times New Roman", Georgia, serif; color: #4b170c; text-transform: uppercase; }
#content p.alternate { font-size: 14px; color: #10227f; margin-top: 0; }
#content a.image-button { text-align: center; display: block; }
#content .featured .col1 { width: 186px; text-align: center; float: left; }
#content .featured .col1 img.photo { border: 2px solid #4b170c; }
#content .featured .col1 h2 { text-align: left; font-size: 14px; color: #4b170c; }
#home #content .featured .col1 .location p { text-align: left; font-size: 14px; color: #000; }
#home #content .featured .col1 .location p a { color: #4b170c; }
#content .featured .col1 .location p strong { color: #10227f; }
#content .featured { background: url(../images/featured-bg.png) top center repeat-y; }
#content .featured .col2 { margin: 0 0 0 220px; }
#content .featured .col2 img.floatright { margin: 0 0 0 5px; }
#home #content .featured .col2 p { color: #10227f; font-size: 14px; }

#content .main { width: 484px; float: left; margin: 0 12px 0 0; }
#content .main h2 { text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 23px; background: url(/public/images/subhead-bg.png) left repeat-x; padding: 0 0 0 6px; }
#content .main p { font-size: 12px; margin-top: 0; }
#content .main p.credo { text-align: center; font-size: 14px; color: #10227f; font-weight: bold; }
#content .main p.subhead { font-size: 14px; color: #10227f; font-weight: bold; }
#content .main p a { color: #4b170c; }

#content .sidebar .member-photo { width: 176px; height: 223px; background: url(/public/images/member-profile-frame.png) no-repeat; padding: 10px 0 0 11px; }
#content .main .profile ul { list-style: none; font-size: 14px; margin: 0; padding: 0; }
#content .main .profile li { margin: 6px 0; }
#content .main .profile li strong { font-weight: bold; color: #10227f; }
#content .main .profile li a { color: #4b170c; }

#content p.back-link { font-size: 14px; position: absolute; right: 40px; top: 0; margin: 0; }
#content p.back-link a { color: #4b170c; }

#icon-list { margin: 36px 0 20px 0 }
#icon-list ul { margin: 0; padding: 0; list-style: none; }
#icon-list li { float: left; font-size: 10px; text-transform: uppercase; margin: 0 24px 0 0; }
#icon-list li#icon-members { margin-right: 20px; }
#icon-list li.last { margin-right: 0; }
#icon-list a { color: #10227f; text-decoration: none; font-weight: normal; display: block; padding: 2px 0 0 45px; width: 50px; height: 40px; }
#icon-list li#icon-members a { background: url(/public/images/icon-members.png) top left no-repeat; padding-left: 50px; width: 55px; }
#icon-list li#icon-refer a { background: url(/public/images/icon-refer.png) top left no-repeat; }
#icon-list li#icon-join a { background: url(/public/images/icon-join.png) top left no-repeat; }
#icon-list li#icon-calendar a { background: url(/public/images/icon-calendar.png) top left no-repeat; }

#view_member .sidebar { margin: 0 0 0 500px; }
#view_member .sidebar #icon-list { margin: 24px 0 4px 44px; }

form { margin: 21px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
form ul { list-style: none; margin: 0; padding: 0; }
form li { margin: 12px 0; }
select { width: 343px; margin: 0 15px 0 0; }
form.lead select { width: auto; }
label { float: left; clear: both; width: 200px; font-size: 13px; }
label.error { color: red; font-size: 11px; font-style: italic; margin: -20px 0 0 490px; }
#content .main form h2 { text-transform: none; }
form#speed_lead input[type="text"] { width: 278px; }
form#speed_lead textarea { width: 280px; height: 150px; }
form#speed_lead #recaptcha_widget_div { margin-left: 197px; }

.member-focus img { float: right; margin: -11px 0 5px 10px; }
.member-focus p { font-weight: bold; }
#riptide #content { background: url(/public/images/riptide-bg.png) left top repeat-y; }
#riptide h1 { float: left; }
#riptide p.dateline { float: right; font-size: 18px; color: #10227f; font-weight: bold; }
#riptide .main ul { font-size: 13px; }
#riptide h3 { font-size: 14px; margin: 0; }
#riptide .sidebar { margin: 0 0 0 515px; }
#riptide .sidebar img { max-width: 180px; }
.sidebar.riptide img { max-width: 180px; }
#riptide .sidebar .events-list { margin: 0 0 0 24px; }
#riptide .sidebar .events-list h4 { color: #4b170c; font-weight: normal; margin: 36px 0 0 0; }
#riptide .sidebar .events-list p { margin: 0 0 0 0; font-size: 12px; }
#riptide .sidebar .events-list p strong { font-size: 16px; color: #4b170c; font-weight: normal; margin: 0 0 0 0; }

#riptide .sidebar .archive { margin: 24px 0 24px 24px; padding: 0 0 0 0; border-top: 1px solid #000; }
#riptide .sidebar .archive h3 { color: #4b170c; font-size: 16px; font-weight: normal; margin: 18px 0 6px 0; }
#riptide .sidebar .archive p { margin: 0 0 0 0; font-size: 12px; }
#riptide .sidebar .archive p a { color: #4b170c; font-weight: normal; text-decoration: none; }
#riptide .sidebar .archive p a:hover { text-decoration: underline; }

#contact #content p strong { color: #10227f; }
#contact #content img { float: right; margin: 12px 0 0 12px; }

#footer { background: url(/public/images/content-bottom.png) center top no-repeat; height: 63px; }
#footer p { color: #10227f; font-size: 10px; margin: 0; padding: 0; }
#footer a { color: #10227f; text-decoration: none; }

.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; }