/*----------------------------------*/
/* Reset
/*----------------------------------*/
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}
/*----------------------------------*/
/* Generic
/*----------------------------------*/
h1, h2, h3, h4, h5 {font-family:Georgia, "Times New Roman", Times, serif;}
h2, h3, h4, h5, table {margin:.8em 0 .4em;}
h1 {font-size:1.8em; color:#03709d; font-weight:normal; line-height:1.14em; margin: 0 0 .5em; }
h2 {font-size:1.5em; color:#a65f19; font-weight:normal; line-height: 1.16em; }
h2.spaced {margin-top:2em;}
h3 { font-size:1.25em; color:#03709d; }
p { margin: 0 0 1em; }
img { border: 0; }
ul, ol { margin: .4em 0 .4em 2.5em; }
sup { font-size: 60%; position: relative; top: 3px; line-height: 0; }
em {font-style:italic;}
strong {font-weight:bold;}
a:link, a:visited, a:active { color:#03709d; }
a:hover { text-decoration:none;}
/*----------------------------------*/
/* Navigation
/*----------------------------------*/
#navigation {background:#000; height:39px;}
#navigation ul {width:960px; margin:0 auto;}
#navigation ul li {list-style:none; float:left; display:inline; margin-right:1px; position:relative; z-index:110;}
#navigation ul li.last {margin-right:0;}
#navigation ul li a, #navigation ul li span {float:left; display:inline; height:19px; padding:10px 13px; color:#cfcfcf; font:108% Georgia,"Times New Roman",Times,serif; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li a.current, #navigation ul li:hover a, #navigation ul li.hover a {background:#000 url('http://www.bgcma.org/img/layout/nav-hover-bg.gif') bottom repeat-x;color:#fff;}
#navigation ul li ul {display:none; width:175px; position:absolute; top:39px; left:0; margin:0; z-index:120; background:#18536c url('http://www.bgcma.org/img/layout/subnav-bg.gif') no-repeat; -moz-box-shadow: #222 1px 1px 7px; -webkit-box-shadow: #222 1px 1px 7px; box-shadow: #222 1px 1px 7px;
}
#navigation ul li li {margin:0;}
#navigation ul li li a, #navigation ul li li span {font-size:95%; width:150px; height:auto; padding:.38em 10px .47em 14px; background:none!important; border-bottom:1px solid #396779;}
#navigation ul li li a {color:#cdd8dd!important;}
#navigation ul li li span {color:#396779!important;}
#navigation ul.main li li span {color:#CDD8DD!important;}
#navigation ul li li a:hover {background:#0093d0!important; color:#fff!important;}
#navigation ul li:hover ul, #navigation li.hover ul {display:block;}

#navigation ul li li ul {display:none; width:175px; position:absolute; top:0; left:174px; margin:0; z-index:120; background:#18536c url('http://www.bgcma.org/img/layout/subnav-bg.gif') no-repeat; -moz-box-shadow: #222 1px 1px 7px; -webkit-box-shadow: #222 1px 1px 7px; box-shadow: #222 1px 1px 7px;}
#navigation li:hover ul ul, #navigation li.hover ul ul {display:none;}
#navigation ul li li:hover ul, #navigation li li.hover ul {display:block;}
/*----------------------------------*/
/* Layout
/*----------------------------------*/
body {font:90%/1.4 Verdana, Arial, Helvetica, sans-serif; background:url('http://www.bgcma.org/img/layout/page-bg.jpg'); color: #333; }
#header {height:156px; background:url('http://www.bgcma.org/img/layout/header-bg.gif') repeat-x;}
#headerContent {width:960px; height:156px; margin:0 auto; background:url('http://www.bgcma.org/img/layout/header-city.gif') 260px 0 no-repeat; position:relative;}
#headerContent a {color:#fc9; text-decoration:none;}
#headerImg {position:absolute; top:0; right:-65px; height:156px; width:573px; background:url('http://www.bgcma.org/img/layout/headers/rotate.php') bottom right no-repeat;}
#logo {display:block; width:333px; height:79px; background:url('http://www.bgcma.org/img/layout/boys-girls-clubs-metro-atlanta-logo.png') no-repeat; position:absolute; top:41px; left:0;}
#logo a {display:block; width:100%; height:100%; text-indent:-9999px;}
#tagline {position:absolute; left:-9999px; top:0;}
#content {width:860px; min-height:500px; height:auto!important; height:300px; padding:20px 64px; margin:0 auto -100px; background:url('http://www.bgcma.org/img/layout/content-bg.png') repeat-y; position:relative; z-index:5; font-size:95%;}
#contentBottom {width:988px; height:39px; background:url('http://www.bgcma.org/img/layout/content-round-bot.png') no-repeat; position:absolute; left:0; bottom:-39px;}
#footer {padding-top:100px; background:url('http://www.bgcma.org/img/layout/footer-wave-bg.png') repeat-x; font-size:75%;}
#footer * a {text-decoration:none;}
#footer * a:hover {text-decoration:underline;}
#footerContent {width:960px; margin:0 auto; padding-top:50px; color:#c2a397;}
#footerContent a {color:#fff;}
#support {background:#4d200e; color:#8f6d60;}
#supportContent {width:960px; margin:0 auto; padding:25px 0;}
#supportContent a {color:#b09387;}

#connect {position:relative; margin-bottom:2.5em; width:125px; float:left;}
#connect ul {margin:0;}
#connect li {float:left; width:48px; margin:0 10px 0 0; list-style:none;}
#connect li a {display:block; width:48px; height:47px; text-indent:-9999px; overflow:hidden;}
#linkedin {background:url('http://www.bgcma.org/img/layout/linkedin-btn.png') no-repeat;}
#facebook {background:url('http://www.bgcma.org/img/layout/facebook-btn.png') no-repeat;}
#connect li a:hover {background-position:0 -47px;}
#arrow {width:110px; height:95px; background:url('http://www.bgcma.org/img/layout/connect-arrow.png') no-repeat; position:absolute; top:-60px; left:-125px;}

#footerNavigation {margin-bottom:1em; width:770px; float:right;}
#footerNavigation ul {margin:0 0 1em; text-align:right;}
#footerNavigation li {display:inline; list-style:none; background:none; margin:0 18px 0 0; padding-left:0;}
#footerNavigation li a {color:#c2a397; text-decoration:none;}
#footerNavigation li a.current {font-weight:bold;}
#footerNavigation li a.current, #footer li a:hover {color:#fff;}

#accredited {float:left; width:450px;}
#accredited img {float:left; margin-right:8px;}
#unitedWay {float:right; width:350px; text-align:right;}
#websiteby {margin-top:1em;}

/*----------------------------------*/
/* Home Page
/*----------------------------------*/
#mission {background:#5b6467 url('http://www.bgcma.org/img/layout/mission-bg.jpg') no-repeat; color:#fff; font:110% Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 -50px; padding:15px 150px 5px 50px; position:relative;}
#mission a {color:#fff;}
#donateButton a, #subscribeButton a {display:block; width:81px; height:24px; position:absolute; right:50px; text-indent:-9999px;}
#donateButton a {top:10px; background:url('http://www.bgcma.org/img/layout/donate-btn.png') 0 -24px no-repeat;}
#subscribeButton a {top:40px; background:url('http://www.bgcma.org/img/layout/subscribe-btn.png') 0 -24px no-repeat;}
#donateButton a:hover, #subscribeButton a:hover {background-position:0 0;}
#homeEvents, #homeNews {float:left; width:270px; padding:0 25px 0 0;}
#homeEvents li, #homeNews li {list-style:none; margin-bottom:1em;}
#homeEvents ul, #homeNews ul {font-size:.85em; margin:0;}
#homeStory {float:right; width:250px;}
#homeStory h2 {font-size:1.4em; color:#03709D; font-style:normal;}
#homeStory p {font-size:90%; line-height:1.4em;}
.pushdown {position:relative; left:0; top:9px; margin-bottom:9px; padding-bottom:5px;}
.pullup {position:relative; left:0; top:-9px;}
#home #content {padding:0 64px 35px;}
#home #footerContent {padding-top:125px;}
#homeButtons {width:988px; position:absolute; bottom:-115px; left:0; z-index:20; text-align:center;}
#homeButtons img {padding:14px; background:url('http://www.bgcma.org/img/layout/home-pg-btn-shadow.png') no-repeat;}
#video-button {width:91px; height:116px; float:right; margin:0 0 0 10px; background:url('http://www.bgcma.org/img/layout/bgcma-video-tv-btn.jpg') no-repeat; text-indent:-9999px;}
a#video-button:hover {background-position: left -116px;}
/*----------------------------------*/
/* Slider
/*----------------------------------*/
#feature {width:860px; height:268px; margin:0 -50px; padding:22px 50px 20px; background:#b8bdc0 url('http://www.bgcma.org/img/layout/slider-bg.jpg') no-repeat;}
#slider, .slide {position:relative; width:560px; height:271px;}
.slide {position:absolute;}
#slider img {position:absolute; top:0; left:-9999px;}
.slide-overlay {position:absolute; top:0; left:0; width:560px; height:271px; background:url('http://www.bgcma.org/img/layout/slider-overlay.png') no-repeat; z-index:50;}
.nivoSlider {position:relative;}
.nivoSlider a.nivo-imageLink, .nivoSlider .image-link {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivoSlider .image-link {cursor:pointer;}
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
.nivo-caption, .slide-content {position:absolute; right:-300px; top:10px; width:260px; z-index:89; background:url('http://www.bgcma.org/img/layout/slider-caption-bg.jpg') no-repeat; font:125%/1.35 Georgia, "Times New Roman", Times, serif;}
.slide-content {display:none;}
.nivo-caption h1 {line-height:1.08;}
.nivo-directionNav a {position:absolute; bottom:0; z-index:99; cursor:pointer; text-indent:-9999px; width:38px; height:35px;}
.nivo-prevNav {left:0px; background:url('http://www.bgcma.org/img/layout/prev-anim-btn.png') 0 -35px no-repeat;}
.nivo-nextNav {right:0; background:url('http://www.bgcma.org/img/layout/next-anim-btn.png') 0 -35px no-repeat;}
.nivo-directionNav a:hover {background-position:0 0;}
.nivo-controlNav {position:absolute; bottom:0; right:-305px; width:260px; z-index:90;}
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer; margin-right:10px; font:105% Verdana, Arial, Helvetica, sans-serif; color:#989797;}
.nivo-controlNav a.active {font-weight:bold;}

/*----------------------------------*/
/* Sidebar Layout
/*----------------------------------*/
.sidebar #content {background-image:url('http://www.bgcma.org/img/layout/twocol-content-bg.png');}
.sidebar #contentBottom {width:987px; height:26px; background:url('http://www.bgcma.org/img/layout/twocol-content-round-bot.png'); bottom:-26px;}
#mainContent {float:left; width:555px;}
#mainContent ul li, #mainContent ol li {margin-bottom:.6em;}
#breadcrumbs {font-size:.8em; margin-bottom:1.1em; color:#888;}
#breadcrumbs a {color:#888;}
#sidebar {float:right; width:232px; background:#f0f7fa; padding-top:.6em;}/*ebf3f6*/
#sidebar p, #sidebar li {font-size:85%; line-height:1.35em;}
.side_button {margin-bottom:1em; text-align:center;}
#sidePhoto {text-align:center; margin-bottom:1em;}
#sideQuote, #sideStory {margin-bottom:1em;}
#sideQuote {font-size:1.03em; color:#666; line-height:1.55em; font-family:Georgia,"Times New Roman",Times,serif;}
#sideQuote img {margin-top:.6em;}
#sideStory h2 {font-weight:bold; margin-top:0;}
#sideStory h3 {font-size:1.33em; font-weight:normal; color:#b66b1a;}

/*----------------------------------*/
/* Extra
/*----------------------------------*/
.access-element {position:absolute; left:-9999px; top:0;}
.photo { float: left; width: 110px; text-align: center; }

/*----------------------------------*/
/* Youth Art Connection
/*----------------------------------*/
.yac #logo {width:344px; height:156px; background-image:url('http://www.bgcma.org/img/layout/yac-logo.png'); top:0; left:-85px;}
.yac #header {background-image:url('http://www.bgcma.org/img/layout/yac-header-bg.jpg');}
.yac #headerContent {background:none;}
.yac #headerImg {position:absolute; top:0; right:auto; left:175px; height:156px; width:810px; background:url('/img/layout/yac_headers/rotate.php') no-repeat;}
#yac_main_content {width:510px; float:left;}
#yac_sidebar {float:right; width:296px; padding-top:375px; background:url(../img/layout/youth-art-connection-main.jpg) no-repeat;}
#yac_callout {width:204px; padding:15px; min-height:224px; height:auto!important; height:224px; float:right; line-height:1.2em; background:url(../img/layout/yac-sidebar.jpg) no-repeat;}
#yac_callout h2 {color:#591a74; margin-top:0;}
#yac_callout h3, .yac #sidebar h3 {margin-bottom:.1em;}
#yac_callout h3 a, .yac #sidebar h3 a {line-height: 20px; text-decoration:none;}
#yac_callout strong, .yac #sidebar strong {color:#666666;}
#yac_callout p, .yac #sidebar p {font-size:85%;}
.yac #sidebar {line-height:1.2em;}
.yac #sidebar h2 {color:#591a74;}

/*----------------------------------*/
/* Be Great
/*----------------------------------*/
.begreat #logo {width:496px; height:73px; background-image:url('http://www.bgcma.org/img/layout/be-great-atlanta-logo.jpg'); top:58px; left:12px;}
.begreat #logo2 {display:block; width:294px; height:75px; background:url('http://www.bgcma.org/img/layout/be-great-bgcma-logo.jpg') no-repeat; position:absolute; top:46px; right:-12px;}
.begreat #logo2 a {display:block; width:100%; height:100%; text-indent:-9999px;}
.begreat #tagline2 {position:absolute; left:-9999px; top:0;}
.begreat #header {background-image:url('http://www.bgcma.org/img/layout/be-great-h-bg.jpg');}
.begreat #headerContent {background:url('http://www.bgcma.org/img/layout/be-great-city-bg.jpg') 260px bottom no-repeat;}

/*----------------------------------*/
/* Club Blue
/*----------------------------------*/
.clubblue #logo {width:289px; height:107px; background-image:url('http://www.bgcma.org/img/layout/club-blue-logo.jpg'); top:25px; left:3px;}
.clubblue #logo2 {display:block; width:333px; height:79px; background:url('http://www.bgcma.org/img/layout/bgcma-clubblue-logo.jpg') no-repeat; position:absolute; top:46px; right:-42px;}
.clubblue #logo2 a {display:block; width:100%; height:100%; text-indent:-9999px;}
.clubblue #tagline2 {position:absolute; left:-9999px; top:0;}
#cb_main_content {margin-bottom:1em; min-height:260px; height:auto!important; height:260px; padding-right:445px; background:url(../img/clubblue-home-img.jpg) top right no-repeat;}
#cb_main_content p {line-height:1.6em; font-size:117%;}
#cb_sub_content {float:left; width:560px;}
#cb_sidebar {float:right; width:204px; padding:1px 15px; background:url(../img/cb-callout-bkgd.gif) top left no-repeat; line-height:1.1em;}
#cb_sidebar h2.blue {width:184px; height:22px; padding:4px 0 0 10px; background:url(../img/cb-heading-bkgd.gif) top left no-repeat; color:#fff; font-size:1.15em;}
#cb_sidebar p {font-size:84%;}

.news, .events, .story, .donor, .document, .newsletter, .gallery {margin:1.9em 0 0; padding-bottom:1em; border-bottom:1px solid #eee;}
.news, .events {margin-left:20px;}
.news h2, .events h2, .story h2, .donor h2, .document h2, .newsletter h2, .gallery h2 {margin-top:0;}
.gallery h2 a { color: #A65F19; text-decoration: none; }
.gallery h2 a:hover { color: #03709D; }
.news p, .events p {margin-bottom:.3em;} 
.document p.download { margin-top: 1em; }

.page_numbers { clear: both; text-align: center; margin-top: 2em; }
.page_numbers .current, .page_numbers a {color:#444; float:left; padding:3px 9px 4px; border:1px solid #ccc; margin:0 4px 0 0; text-decoration:none;}
.page_numbers a:hover {background:#eee;}
.page_numbers .current {font-weight:bold; color:#fff; border-color: #03709d; background:#03709d;}

.partner_logos { text-align:center; }
#club_logo { text-align:center; margin: 0 0 1em 0;}
#club_address { margin:0;}
#staffprofile .fleft {margin-bottom:.7em;}
.staff {margin: 0 0 2em; padding: 0 0 2em; border-bottom: solid 1px silver; }
.bottombox { margin:3em 0 0; }
.large_photo { text-align: center; }
.side_news, .side_events, .side_wishlist { margin-bottom: 1em; }
.side_news p, .side_events p { margin: 0; }
#side_text {margin-bottom:2em;}

/* Forms */
form { margin: 0 1em .5em; }
fieldset { margin-bottom: .5em; padding: 1em; background-color: #ffe; border: 1px solid #999; }
form fieldset label { float: left; width: 100px; margin-right: .5em; }
form fieldset p { clear: left; }
form fieldset legend { background-color: #fff; border: 1px solid #999; color: #999; font-weight: bold; }
form fieldset.buttons, form fieldset.req_text { background: none; border: none; padding: 0 1em 0 1em; margin-bottom: 0; }
form fieldset.buttons legend, form fieldset.req_text legend { display: none; }
form fieldset input.text, form fieldset input.title, form fieldset textarea { width: 50%; }
form fieldset input.title { font-weight: bold; }
form fieldset textarea.formatted { width: 50%; height: 100px; }
form fieldset textarea { width: 80%; height: 200px; }
form fieldset textarea.editable { width: 100%; height: 250px; }
form fieldset textarea[disabled="disabled"] { background-color: #eee; color: #000; border: 1px solid #999; padding: 2px; }
form input[type="reset"], form input[value="Cancel"] { color: #666; }

/* Tables */
table { border-collapse: collapse; width: 100%; }
tr.head { background-color: #333; }
tr.head a { color: #fff; font-weight: bold; }
tr.odd { background-color: #f0eeda; }
tr.even { background-color: #fff; }
td { padding: .3em 2em .3em .3em; }

/* Sounds Table */
#sounds_table {margin:2em 0; width:100%; border-top:1px solid #ccc;}
#sounds_table td.buttons {width:10%;}
#sounds_table tr td {border-bottom:1px solid #ccc;}
#sounds_table .subtle {margin:0; font-size:80%;}
#sounds_table td.links {font-size:80%; width:10%; text-align:right;}
.side_audio #sounds_table {margin-top:0;}

/* Inside Content */
.level_one_indent { padding: 1em; border: 2px solid #333; background-color: #e5e8dd; }
.level_two_indent { padding: 1em; border: 2px solid #666; background-color: #fafafa; }
ul.level_one, ul.level_two, ul.level_three { list-style: none; margin-left: 0; }
ul.level_one li, ul.level_two li, ul.level_three li { display: inline; }
ul.level_one a, ul.level_two a { font-weight: bold; color: #fff; }
ul.level_one li { background-color: #666; padding: .5em; margin-right: 2px; }
ul.level_one li.active { background-color: #333; }
ul.level_two li { background-color: #999; padding: .5em; margin-right: 2px; }
ul.level_two li.active { background-color: #666; }

ul.level_three { padding: 5px 0; margin: 5px 2px 10px 0; border-bottom: 2px solid #eee; }
ul.level_three li { background-color: #eee; padding: 5px; margin-right: 2px; }
ul.level_three a { font-weight: bold; color: #666; }

/* Other Classes */
.required { color: #c00; }
.text_toolbar { width: 80%; margin-top: 1em; }
.current_photo { width: 150px; float: right; text-align: center; }
.welcome_msg { margin-top: .3em; text-align: right; }
.tright { text-align: right; }
.center { text-align: center; }
.fleft { float: left; margin: 0 13px 0 0; }
.fright { float: right; margin: 0 0 0 10px; }
.clear { clear:both; height:0; font-size:0; }
#map_canvas {}
#easyTooltip {width:250px; padding:5px 10px; border:1px solid #455f78; background:#536f8a; color:#fff; z-index:150; font-size:85%;}

/* Calendar */
#calendar td {font-family: Verdana, sans-serif; font-size:.82em; border: 1px solid #554; padding: 5px; vertical-align: top; }
#calendar .cal_outline{ background-color: #fff; color: #000; font-weight: bold; }
#calendar .heading { background-color: #57544c; color: #fff; font-weight: bold; font-size:130% !important;}
#calendar .heading a {text-decoration:none; color:#fff; padding:3px 24px; background-color:#3d3b35;-moz-border-radius:6px;
-webkit-border-radius:6px;} 
#calendar .heading a:hover {background-color:#2c2923;}
#calendar .week_days{ background-color: #8a877f; color: #fff; font-weight: bold; width: 14%; }
#calendar .weekend{ background-color: #f0ede5; font-weight: normal; width: 15%; }
#calendar .work_days{ background-color: #fffdf8; font-weight: normal; }
#calendar .selected{ background-color: #cecbc3; font-weight: bold; }
#calendar .weekend, .work_days, .selected { height: 75px; }
#calendar span.curr_month{ color:#000;}
#calendar span.other_month{ color:#999;}
.calbtns a {padding:0 10px;}


/* Cake fields */
.error-message { margin: 0; margin-left: 100px; padding: 0; padding-left: .5em; color: #c00; }
#flashMessage { margin: 1em 0; padding: 1em; text-align: center; font-weight: bold; border: 1px solid #999; background-color: #ffc; }