/*--- 
Drive New Media
CSS Template
Central Florida YMCA
12/2009
---*/

/* Colors: 
		blue: 	#1b73ba;
		green: 	#48a942;
		yellow:	#ffc526;
*/

@import url('reset.css');

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }

#yingYangTwins { width: 950px; margin: 0 auto; text-align: left; position: relative; }

#header { width: 950px; border-bottom: 5px #ccc solid; border-bottom: 5px rgba(0,0,0,0.2) solid; height:35px; margin-bottom: -5px; z-index: 10; position: relative;  }
ul#nav_main { display: block; position: absolute; padding-left: 27px; width: 924px; background: url(../images/g_nav.jpg); }
ul#nav_main li { float: left; }
ul#nav_main li a { display: block; height: 35px; text-indent: -9999px; outline: none; }
li#print a, li#learn a, li#find a, li#email a, li#home a, li#about a, li#contact a { background: url(../images/g_nav.jpg); background-repeat: no-repeat; }

li#print a { background-position: -27px 0; width: 123px; left: 27px; }
li#print a:hover, body#pagePrint li#print a { background-position: -27px -35px; }

li#learn a { background-position: -150px 0; width: 138px; left: 150px; }
li#learn a:hover, body#pageLearn li#learn a { background-position: -150px -35px; }

li#find a { background-position: -288px 0; width: 92px; left: 288px; }
li#find a:hover, body#pageFind li#find a { background-position: -288px -35px; }

li#email a { background-position: -380px 0; width: 116px; left: 380px; }
li#email a:hover, body#pageEmail li#email a { background-position: -380px -35px; }

li#home { margin-left: 264px; }
li#home a { background-position: -759px 0; width: 57px; left: 759px; }
li#home a:hover, body#pageHome li#home a { background-position: -759px -35px; }
 
li#about a { background-position: -816px 0; width: 57px; left: 816px; }
li#about a:hover, body#pageAbout li#about a { background-position: -816px -35px; }

li#contact a { background-position: -873px 0; width: 77px; left: 873px; }
li#contact a:hover, body#pageContact li#contact a { background-position: -873px -35px; }


#content { width: 951px; z-index: 5; position: relative; }
.col1 { float: left; display: block; width: 761px; }
.col1 p { color: #fff; margin: 0 0 0 35px; font-size: 1.4em; line-height: 1.5; width: 350px; }
#pageHome .col1 { background: #1b73ba url(../images/g_blueBG.jpg) bottom left repeat-x; }
#pagePrint .col1 { background: #48a942 url(../images/g_greenBG.jpg) bottom left repeat-x; width: 951px; padding-bottom: 75px; }
#pageLearn .col1, #pageFind .col1, #pageEmail .col1, #pageAbout .col1, #pageContact .col1 { background: #ffc526 url(../images/g_yellowBG.jpg) bottom left repeat-x; width: 951px; padding-bottom: 95px; }
#pageAbout .col1 { background: #1b73ba url(../images/g_blueBG.jpg) bottom left repeat-x; }
#pageEmail .col1 { padding-bottom: ; }
#pageLearn .col1 p { margin-left: 47px; width: 400px; }
.col1 ul.buckets { margin: 60px 0 0 10px; display: block; height: 116px; padding-bottom: 80px; }
.col1 ul.buckets li { float: left; margin: 0 15px; position: relative; }
.col1 ul.buckets li a.clickHere { background: url(../images/btn_clickHere.gif) no-repeat top right; display: block; height: 83px; width: 83px; text-indent: -9999px; position: absolute; right: -30px; top: -30px; }
.col1 h2#findYourY a { display: block; height: 56px; }
.col1 h2#tryYSelf a { display: block; height: 56px; }

.col1 ul#videoThumbs { width: 500px; display: block; margin: 20px 0 0; }
.col1 ul#videoThumbs li { width: 100px; height: 100px; display: inline; float: left; margin: 0 0 30px 47px; position: relative; }
.col1 ul#videoThumbs li span.new { background: url(../images/g_newSticker.gif) top left no-repeat; width: 36px; height: 34px; display: block; position: absolute; right: -15px; top: -15px; }

#copy { position: relative; clear: both; }
#drphillips, #roper, #downtown, #group, #cardio, #swimming, #youthsports, #childdevelopment, #community { display: none; position: absolute; top: 0; left: 0; }

.col1 div.pass { margin: -20px auto 0; width: 630px; }
.col1 div.pass a.printBtn { background: url(../images/btn_print.gif) no-repeat top left; display: block; width: 155px; height: 26px; text-indent: -9999px; float: right; }

.col1 div#featured { width: 400px; float: right; margin: -35px 0 0 0; }
.col1 div#featured h4 { color: #000; margin-top: 10px; }
.col1 div#featured p { margin: 5px 0 0; width: 340px; color: #000; }

.col1 form#email_form, .col1 form#contact_form { width: 200px; margin: 10px 0 0 0px; }
.col1 div.indentForm { margin-left: 35px; }
.col1 form#email_form input, .col1 form#email_form textarea, .col1 form#contact_form input, .col1 form#contact_form textarea { clear: both; margin: 5px 0; width: 200px; font-family: Helvetica, Arial, sans-serif; }
.col1 form#email_form textarea, .col1 form#contact_form textarea { font-weight: normal; font-size: 1.2em; padding: 3px 1px 3px 3px; }

body#pageAbout .col1 p { margin-bottom: 10px; }
body#pageAbout .col1 ul.activities { margin: -5px 0 0 75px; font-size: 1.4em; }
body#pageAbout .col1 ul.activities li { list-style: disc; padding: 5px 0; }
body#pageAbout .col1 ul.activities li.noBullet { list-style: none; margin-left: -50px; }
body#pageAbout .col1 ul.activities li.noBullet p { font-size: 1em; }

ul.address { margin: 0 0 0 35px; font-size: 1.3em; }
ul.address li { padding-bottom: 5px; color: #000; }

.description h3 { font-size: 1.4em !important; }
.description p { color: #333; margin: 3px 0 0 0; }

p.black { color: #000; }

.col2 { float: left; width: 190px; }
.col2 h3#guestPass a { display: block; height: 115px; }

#footer { background: url(../images/g_footerBG.jpg) repeat-x top left; height: 114px; padding: 0 35px 50px; width: 881px; margin: 0; }
#footer ul#nav_footer { margin: 50px 0 0; }
#footer ul#nav_footer li { float: left; margin: 0 15px 0 0; }
#footer ul#nav_footer li a { color: #999; }
#footer p { color: #999; padding: 5px 0 0 0; }

/* ------- HEADING REPLACEMENTS -------- */
h1#startHere, h1#printPasses, h1#takeATour, h2#actNow, h2#yLogo, h2#findYourY, h2#tryYSelf, h3#locationsExcuses, h3#guestPass, h4#offerEnds, h1#about, h1#contact, h1#emailAFriend, h1#findYourY { text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }

h1#startHere { background: url(../images/h_lessSupersizing_MoreExercising.gif); width: 492px; height: 123px; margin: 35px 0 0 35px; }
h1#printPasses { background: url(../images/h_printPasses.gif); width: 382px; height: 45px; margin: 35px 0 0 35px; }
h1#takeATour { background: url(../images/h_takeATour.gif); width: 291px; height: 42px; margin: 35px 0 0 35px; }
h1#about { background: url(../images/h_whereResolutionsBecomeReality.gif); width: 472px; height: 111px; margin: 35px 0 0 35px; }
h1#contact { background: url(../images/h_contact.gif); width: 195px; height: 42px; margin: 35px 0 0 30px; }
h1#emailAFriend { background: url(../images/h_emailAFriend.gif); width: 361px; height: 42px; margin: 35px 0 0 30px; }
h1#findYourY { background: url(../images/h_findYourY.gif); width: 288px; height: 42px; margin: 35px 0 0 35px; }

h2#actNow { background: url(../images/g_actNOw.gif) no-repeat top left; position: absolute; bottom: 0; width: 761px; height: 56px; }
h2#yLogo { background: url(../images/g_ymca_logo.png) no-repeat top left; width: 96px; height: 59px; margin: 35px 20px 0 0; }
h2#findYourY { background: url(../images/btn_findYourY.gif) no-repeat top left; width: 951px; height: 56px; position: absolute; bottom: 0; }
h2#tryYSelf { background: url(../images/btn_tryYSelf.gif) no-repeat top left; width: 951px; height: 56px; position: absolute; bottom: 0; left: 0; }

h3#locationsExcuses { background: url(../images/g_ymca_yellow.gif) no-repeat top left; width: 190px; height: 298px; }
h3#guestPass { background: url(../images/g_2dayPass.gif) no-repeat top left; width: 190px; height: 115px; }

h4#offerEnds { background: url(../images/g_offerEnds.gif) no-repeat top left; width: 190px; height: 57px; }

/*setup tour page flash columns*/
div#tour_video { width: 320px; padding: 0; position: relative; float: left; height: 290px; }
div#tour_list { width: 330px; position: relative; float: left; }
div#tour_list h2 { padding: 0; font-size: 1.1em; }
div#tour_list p { padding: 0; font-size: .9em; margin: 0; }
div#tour_list ul { font-size: .9em; margin-bottom: 0; }
div.tour_item { margin: 20px 0;}
div.tour_item img { margin: 0; padding: 0; }

div.tour_video { width: 100px; position: relative; float: left; margin: 5px 10px 0 0; }
div.tour_desc { width: 200px; position: relative; float: left; }


/*Setup all map links and hovers*/
div.active_map { height: 500px; position: relative; }

div.active_map img { margin: 0 0 0 35px; border: 1px solid #7a7a7a; }


div.active_map a { display: block; position: absolute; background: #ee3a43; color: #fff; font-weight: bold; font-size: 1em; padding: 0 5px; border: 1px solid #7a7a7a; }
div.active_map h3 a { display: inline; position: relative; background: none; color: #ee3a43; padding: 0; border: none; text-decoration: underline; }
div.active_map div.desc { background: #f5f5f5; padding: 5px; border: 1px solid #7a7a7a; display: none; position: absolute; }
div.active_map div.desc h3 { color: #ee3a43; font-size: 1em; font-weight: bold; }
div.active_map div.desc p { padding: 0; }
div.active_map div.desc div.location { position: relative; float: left; margin-right: 10px; }
div.active_map div.desc div.description { position: relative; float: left; }
div.active_map div.desc div.location a { position: relative; float: left; }

div.active_map a#y1 { top: 273px; left: 410px; }
div.active_map div#y1_desc { top: 150px; left: 335px; }

div.active_map a#y2 { top: 370px; left: 362px; }
div.active_map div#y2_desc { top: 250px; left: 275px; }

div.active_map a#y3 { top: 278px; left: 610px; }
div.active_map div#y3_desc { top: 160px; left: 480px; }

div.active_map a#y4 { top: 230px; left: 580px; }
div.active_map div#y4_desc { top: 115px; left: 500px; }

div.active_map a#y5 { top: 175px; left: 540px; }
div.active_map div#y5_desc { top: 205px; left: 430px; }

div.active_map a#y6 { top: 230px; left: 620px; }
div.active_map div#y6_desc { top: 115px; left: 460px; }

div.active_map a#y8 { top: 328px; left: 325px; }
div.active_map div#y8_desc { top: 210px; left: 255px; }

div.active_map a#y9 { top: 41px; left: 210px; }
div.active_map div#y9_desc { top: 71px; left: 140px; }

div.active_map a#y10 { top: 108px; left: 438px; }
div.active_map div#y10_desc { top: 138px; left: 365px; }

div.active_map a#y11 { top: 397px; left: 530px; }
div.active_map div#y11_desc { top: 280px; left: 470px; }

div.active_map a#y12 { top: 7px; left: 78px; }
div.active_map div#y12_desc { top: 35px; left: 40px; }

div.active_map a#y13 { top: 437px; left: 342px; }
div.active_map div#y13_desc { top: 320px; left: 280px; }

div.active_map a#y14 { top: 232px; left: 484px; }
div.active_map div#y14_desc { top: 110px; left: 370px; }

div.active_map a#y15 { top: 282px; left: 252px; }
div.active_map div#y15_desc { top: 170px; left: 180px; }

div.active_map a#y16 { top: 195px; left: 76px; }
div.active_map div#y16_desc { top: 80px; left: 20px; }

div.active_map a#y17 { top: 333px; left: 418px; }
div.active_map div#y17_desc { top: 220px; left: 330px; }

div.active_map a#y18 { top: 345px; left: 360px; }
div.active_map div#y18_desc { top: 230px; left: 300px; }

div.active_map a#y19 { top: 170px; left: 620px; }
div.active_map div#y19_desc { top: 52px; left: 560px; }

div.active_map a#y20 { top: 215px; left: 302px; }
div.active_map div#y20_desc { top: 100px; left: 220px; }

div.active_map a#y21 { top: 152px; left: 267px; }
div.active_map div#y21_desc { top: 35px; left: 180px; }

div.active_map a#y22 { top: 200px; left: 450px; }
div.active_map div#y22_desc { top: 85px; left: 370px; }

div.active_map a#y23 { top: 410px; left: 620px; }
div.active_map div#y23_desc { top: 290px; left: 465px; }

div.active_map a#y24 { top: 317px; left: 71px; }
div.active_map div#y24_desc { top: 200px; left: 20px; }

div.active_map a#y25 { top: 405px; left: 71px; }
div.active_map div#y25_desc { top: 290px; left: 20px; }