﻿
/*
    Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; }
* html .clear { height: 1px; }

/*
    Forms
*/
label { font-weight: bold; }
fieldset { padding: 1.4em; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input, select, textarea { font-size: 12px; font-family: Verdana; }
input.text, input.title { width: 300px; margin:0; }
input.text, input.title { border: 1px solid #bbb; background: #f6f6f6; padding: 6px; }
input.text:focus, input.title:focus { outline: 1px solid #F49D41; background: #fff; }
input.title { font-size: 1.5em; }
textarea { width: 300px; height: 250px; margin:0; }
textarea { border: 1px solid #bbb; background: #f6f6f6; padding: 6px; }
textarea:focus { outline: 1px solid #F49D41; background: #fff; }
select { border: 1px solid #ccc; background: #f6f6f6; width: 200px; padding: 5px; }
select:focus { outline: 1px solid #F49D41; background: #fff; }
input[readonly="readonly"]:focus { outline: none; }
.button { padding: 6px; border: solid 1px #bbb; background-color: #F49D41; color: #FFF; font-size: 12px; font-weight: bold; }
.button:hover { background-color: #2C5379; }
span.validationsummary { font-weight: bold; color: #D12F19; }
ul.validationsummary { background: #FBE3E4; color: #D12F19; border: 1px solid #FBC2C4; padding: 10px 25px; margin: 10px 0;}
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a { color: #D12F19; }
.notice a { color: #817134; }
.success a { color: #529214; }
.required { color:#FF0000 }

/*
    Sifr
*/
@media screen {
    .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
    .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
    .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
    .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
    .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
    .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}


/*
    Layout
*/
body { font-size: 12px; font-family: Verdana; }

a { text-decoration: none; color: #2c5379; }
a:hover { text-decoration: underline; }

h1 { font-size: 22px; font-weight: bold; padding-left: 55px; visibility:hidden; color: #FFF; margin-left: 5px; padding-top: 5px; overflow: hidden; }
h2 { font-size: 14px; font-weight: bold; color: #2c5379; }

.watermark { font-style: italic; color: #8F8F8F; }

table.Form tr td { padding:5px }

#wrapper { margin: 0 auto; width: 823px; }
#topNavigation { padding-right: 20px; color: #000; line-height: 29px; text-align: center; height: 34px; background-image: url(Images/bg/topNavigation.gif); background-repeat: no-repeat; }
#topNavigation a { color: #FFF; padding: 0 5px; }
#header { padding-top: 15px; padding-left: 15px; height: 247px; background-image: url(Images/bg/header.gif); background-repeat: no-repeat; background-color: #000; }
#header .Symbol { float: left; }
#header .Logo { float: left; margin-left: 10px; }
#header .Text { padding-top: 140px; padding-left: 60px; }
#menu { background-color: #FFFFFF; border: 3px solid #000000; font-weight: bold; text-align: center; line-height: 35px; }
#menu a { padding: 6px 10px; color: #000; }
#menu a.Right { border-right: solid 1px #000; }
#contentContainer { background-color: #CCCDCD; border-left: solid 3px #000; border-right: solid 3px #000; padding: 20px; padding-bottom: 0; }
#content { float: left; }
#content .Section { width: 515px; }
#content .Section .Header { background-image: url(Images/bg/topSectionContainer.gif); background-repeat: no-repeat; width: 515px; height: 45px; }
#content .Section h1 { width: 430px; }
#content .Body ul { margin-left: 25px; }
.Section .Header { line-height: 43px; }
.Section .Body { background-color: #FFF; border-left: solid 3px #000; border-right: solid 3px #000; padding: 20px; padding-bottom: 0; }
.Section .Footer { background-image: url(Images/bg/bottomSectionContainer.gif); background-repeat: no-repeat; width: 469px; height: 30px; padding: 0 23px; }
.Section .Footer a.More { font-style: italic; font-weight: bold; background-image: url(Images/img/bullet.gif); background-repeat: no-repeat; padding-left: 25px; }
#rightContent { float: right; }
#rightContent .Section .Body { padding-top: 10px; }
#rightContent .Section { width: 249px; }
#rightContent .Section h1 { width: 170px; }
#rightContent .Section .Header { background-image: url(Images/bg/topRightSectionContainer.gif); background-repeat: no-repeat; width: 249px; height: 45px; }
#rightContent .Section .Footer { background-image: url(Images/bg/bottomRightSectionContainer.gif); background-repeat: no-repeat; width: 203px; height: 30px; }
.Section .Header h1.Updates { background-image: url(Images/sections/newsIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Calendar { background-image: url(Images/sections/calendarIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Resources { background-image: url(Images/sections/resourcesIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Default { background-image: url(Images/sections/aboutIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Faq { background-image: url(Images/sections/faqIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Contact { background-image: url(Images/sections/contactIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Programs { background-image: url(Images/sections/programsIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Club { background-image: url(Images/sections/clubIcon.gif); background-repeat: no-repeat; }
.Section .Header h1.Admin { background-image: url(Images/sections/admin.gif); background-repeat: no-repeat; }
#footer { font-size: 10px; padding: 30px; background-image: url(Images/bg/footer.gif); background-repeat: no-repeat; width: 763px; height: 66px; color: #FFF; text-align: center; }
#footer .Navigation { margin-bottom: 20px; }
#footer a { padding: 2px 8px; color: #FFF; }
#footer a.Right { border-right: solid 1px #FFF; }
#copyright { color: #000; font-size: 10px; padding: 20px; text-align: center; }

.oneColumn #content .Section { width: 781px; }
.oneColumn #content .Header { width: 781px; background-image: url(Images/bg/topSectionContainerLong.gif); }
.oneColumn #content .Footer { width: 781px; background-image: url(Images/bg/bottomSectionContainerLong.gif); }
.oneColumn #content .Section h1 { width:705px }

.home #content .Main .Description { margin-bottom:10px }
.List .Item { padding: 2px 0 2px 25px; background-image: url(Images/img/bullet.gif); background-position: 0 5px; background-repeat: no-repeat; }
.List .Date { color: #A4A4A4; font-style: italic; font-size: 11px; }
.List .Main img { float: left; border: solid 1px #000; margin-right: 15px; margin-bottom: 15px; }
.List .Main .Description a { background-image: none; padding-left: 0; }
.List .Main a { background-image: url(Images/img/bullet.gif); background-repeat: no-repeat; padding-left: 25px; }
.List hr { margin: 10px 0; }
.List .Main .Image { width: 165px; text-align: center; float: right; }
.List .Main .Image a { background-image: none; padding: 0; margin: 0; }
.List .Main .Image img { float: none; border: solid 1px #000; margin: 3px; }

/*
    Event
*/

.event .Body img { float: left; border: solid 1px #000; margin-right: 15px; margin-bottom: 15px; }
.event .Body .Images { padding-top:20px }

/*
    Update
*/

.update .Body img { float: left; border: solid 1px #000; margin-right: 15px; margin-bottom: 15px; }

/*
    Resources
*/
.resources .Description { color: #A4A4A4; font-style: italic; }

/*
    Faq
*/
.Charles { float:left; margin-right:10px; margin-bottom:2px; border:solid 1px #000 }

/*
    Faq
*/
.faqs .Answer { font-weight: bold; }
.faqs .Answer span { color: #3366FF; }
.faqs .Question { font-style: italic; }
.faqs .Question span { font-weight: bold; color: #FF0000; }

/*
    Staff
*/
.staff .Description { padding-top: 10px; }
.StaffMember { float: left; width: 183px; padding-top: 20px; text-align: center; }
.StaffMember img { border: solid 1px #000; }
.staff .StaffType { margin-top: 10px; }
.staff hr { margin: 20px 0; }

/*
    Staff Member
*/
.staffMember img { border: solid 1px #000; float: left; margin: 0 10px 0 0; }

/*
    Program
*/
.program hr { margin: 20px 0; }
.program .Description img { float: left; margin: 0 15px 10px 0; border: solid 1px #000; }
.program .Images .Image { float: left; width: 183px; padding-top: 20px; text-align: center; min-height: 160px; }
.program .Images .Image img { border: solid 1px #000; }

/*
    Programs
*/
.programs .Type { padding: 10px 0; }
.programs .Body .Program { padding: 20px; padding-bottom: 0; }
.programs .Body .Program a.Title { font-size: 14px; }

/*
    Asset
*/
.asset .Body { text-align: center; }
.asset .Body img { margin: 0 auto; border: solid 1px #000; }

/*
    Resources
*/
.event .List .Date { float:right }

/*
    Admin
*/
.AdminMenu { font-size: 10px; width: 763px; color: #000; text-align: center; }
.AdminMenu { margin-bottom: 20px; }
.AdminMenu a { padding: 2px 6px; color: #000; }
.AdminMenu a.Right { border-right: solid 1px #FFF; }

/*
    Admin
*/
.admin .Pager { background-color:#2C5379; padding:5px 7px; vertical-align:top; margin:5px 0; color:#FFF; font-weight:bold; border: 1px solid #FFF;}
.admin .Pager a { color:#FFF }
.admin .Search { float:left; }
.admin #List { clear:both }
.admin table.Table { width:100%; margin-top:20px;  }
.admin table.Table tr td, .admin table.Form tr td { padding:3px 7px; vertical-align:top; line-height:26px; }
.admin table.Table tr th a {  color:#FFF; display:block}
.admin table.Table tr .Center { text-align:center }
.admin table.Table tr .Title { width:300px; }
.admin table.Form { width:100% }
.admin table.Form tr td.Help { color: #858585; font-style: italic; font-size: 11px; text-align:left; width:280px }
.admin table.Table .Active { background-image: url(Images/Icons/icnActive.gif); background-repeat: no-repeat !important; background-position: center 10px; width: 20px; text-align:center }
.admin table.Table .Active a {display: block; width: 24px; height: 24px;}
.admin table.Table .Edit { background-image: url(Images/Icons/icnEdit.jpg);cursor: pointer; cursor: hand; background-repeat: no-repeat !important; background-position: center 10px; width: 20px;}
.admin table.Table .Edit a {display: block; width: 30px; height: 30px;}
.admin table.Table .Delete a {display: block; width: 30px; height: 30px; cursor: pointer; cursor: hand;}
.admin table.Table .Delete { background-image: url(Images/Icons/x.gif); cursor: pointer; cursor: hand;background-repeat: no-repeat !important; background-position: center 10px; width: 20px;}
.admin table.Table tr th { background-image:none !important; background-color:#2C5379; padding:5px 7px; vertical-align:top; margin:5px; color:#FFF; font-weight:bold; border: 1px solid #FFF;}
.admin table.Form .Label { text-align:right; white-space:nowrap; }
.admin .RightContent .MenuItem {  font-size:12px; }
.admin .Information { text-align:center }
.admin table.Form tr.Submit td { text-align:left }
.admin table.Form tr td.required { text-align:right; vertical-align:bottom }
.admin .Modal {padding: 5px; border: solid #999; border-width: 1px 3px 3px 1px; background: #e8e8e8; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topright: 10px;}
.admin .Modal .Inside {background: #fff; padding: 30px}
.admin .Modal p.Txt {margin-bottom: 16px}
.admin .Actions { text-align:right }
.admin table tr td img { border:solid 1px #000 }
.admin .Buttons { margin-bottom:10px; text-align:right}
#content .Body ul.validationsummary { margin-left:0 }
.admin.instructor table.Form .Label { width:100px }