﻿ * { margin: 0; }
 html, body { height: 100%; }

body
{ /* background:#e8e8e8 url('../../Images/bg_body.jpg') no-repeat top center;  */
  background:#e8e8e8 url('../../Images/bg_body0.gif') repeat 0 0 ;
  font-family: arial, "lucida console", sans-serif; 
  font-size:12px;
  color:#333333;
  line-height: 1.3;
  margin:0; padding:0;
}

ol, ul { list-style: none; padding:0; margin:0;}
ul.ulSubpage {margin:0 28px 20px 51px; display:block; clear:both; list-style:disc;}
ul.ulSubpage li {margin-bottom:11px;}
ul.uldisc {list-style-type:disc; margin-left:55px;}

/* ------------------ Baseline Styles  -------------------------- */

/* Headers *****************************/
h1 { }
h2 {color:#000000; font-size:15px; font-weight:bold;}
	h2.h2Subpage {position:relative; top:-15px; left:21px; font-size:17px;}
	h2.h2Article {margin-left:21px; font-size:17px;}
h3 {color:#666666; font-size:12px; font-weight:bold; margin:0 0 2px 0; padding:0; }
	h3.h3Subpage { margin:7px 0 17px 21px;}
	
h4 {}
h5 {}

/* Text *****************************/
p.pSubpage {margin:0 28px 20px 21px; display:block; }


/* Links *****************************/
a {text-decoration:none; color:#D80E6A;}
a:hover {text-decoration:underline;}
a:active {}
a:visited {}

/* Images *****************************/
img { border: 0px; }

/* Misc Sitewide ********************/	
br.brclear {clear: both; line-height: 0; height:0;}
div.cleardiv {clear:both; height:0;}

.errormessage {color:#D80E6A; font-size:11px; margin-left:5px;}
.contentPhotoLeft  {float:left;  margin:0 21px 21px 21px;}
.contentPhotoRight {float:right; margin: 0 21px 21px 21px;}



/* ------------------ Centered Content  -------------------------- */

#Header1 {width:100%; background:transparent url('../../Images/bg_body1.gif') repeat-x 0 0; float:left; margin:0 auto;}
	.headerbg {background:transparent url('../../Images/bg_header_new_lowcase.gif') no-repeat top center; height:172px;} /*took out bg_header.jpg then took out bg_header_new.gif(8/31/09) */

#Box  {width:959px; height:100%; margin: 0 auto; border: none;}
#Main {width:959px; margin:0; padding:0; float: left; }

	/* These styles fix the footer to the bottom of the window */       
	.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -38px; }
	#stickyfooter, .push {height: 38px; margin:0 auto; width:959px;  }
	.footer {height:38px; width:959px; margin:4px 0 0 0; float:left;background:transparent url('../../Images/bg_footer.jpg') no-repeat 0 0;}

/* ------------------- Header ------------------------------- */
ul.smallMenu {float:right; display:block; color:#fff; font-size:10px;}
	ul#headerMenu{ margin: 1px 169px 4px 0; height:25px;}  /* note bottom margin + top margin = 5 maintains spacing of items below */
ul.smallMenu li {float: left; display: inline; }
ul.smallMenu a {color:#ffffff; display:block; padding:0 10px; margin-top:7px;  border-right: 1px #fff solid;}
ul.smallMenu a.noBorder {border:none; padding-right:0;}
ul.smallMenu .menuText {padding:7px 10px;}
ul.smallMenu .txtSearch {height:18px; width:143px; border-color:#d0670c; background-color:#fdf0c7; border-style:solid; margin-right:6px;}
ul#headerMenu a.arrowSearch {width:20px; height:15px; display: block; background:transparent url('../../Images/btn_searcharrow.gif') no-repeat 0 0;
                             overflow: hidden;  text-indent:50px; white-space: nowrap; margin-top:3px;
							}
ul#headerMenu a.arrowSearch:hover {background-position: 0 -15px; height:23px;}

/*------------------- ContentBox ------------------------- */

#Header {width:1109px; height:172px; float:left; 
         background:transparent url('../../Images/bg_header.jpg') no-repeat 0 0; 
         margin-left:-75px;  overflow:visible;
         }

#ContentWide {width:959px; margin:0 0 0 0; float:left; background: transparent url('../../Images/bg_RtCol_bottom.gif') no-repeat bottom right; white-space:normal;}
	#menuFrame {background: transparent url('../../Images/box_top_left.gif') no-repeat 0 0; width:264px; }
	
	
	#mainMenu {padding:7px 0 0 7px; width:252px; }
	#mainMenu li {padding:0; margin:0; margin-bottom:1px;}
	a.aboutLink,  a.programsLink, a.pressLink  {width:250px; height:49px; display:block; overflow:hidden; text-indent:300px; white-space:nowrap; margin:0; padding:0; }
		a.aboutLink {background: transparent url('../../Images/btn_AboutUs.jpg') no-repeat 0 0;}
		a.programsLink {background: transparent url('../../Images/btn_CoolGirlsPrograms.jpg') no-repeat 0 0;}
		a.pressLink {background: transparent url('../../Images/btn_PressRoom.jpg') no-repeat 0 0;}

	a.aboutLink:hover, a.programsLink:hover, a.pressLink:hover {background-position: 0 -49px;}	
	
	#mainMenu li.ProgramsOn {background:#fca4cb url('../../Images/bg_menu_programs.jpg') no-repeat 0 0;
	                         width:250px; /*250-p*/ padding:0 0 10px 0; display:none;}
	
	.mainSub {margin-left:37px; margin-top:-2px; display:block;  /*border:1px blue solid;margin:43px 0 10px 40px;*/}
	.ProgramsOn li {height:22px; width:211px;}
	#mainMenu .ProgramsOn ul.mainSub li a 
	{color:#000; width:211px; height:22px; display:block; overflow:hidden; text-indent:250px; white-space:nowrap; margin:0; padding:0;}
	
		a.clubLink			{background: transparent url('../../Images/btn_CoolGirlsClub.gif') no-repeat 0 0;}
		a.scholarsLink		{background: transparent url('../../Images/btn_CoolScholars.gif') no-repeat 0 0;}
		a.techLink			{background: transparent url('../../Images/btn_CoolTech.gif') no-repeat 0 0;}
		a.fitnessLink		{background: transparent url('../../Images/btn_CoolFitness.gif') no-repeat 0 0;}
		a.summerLink		{background: transparent url('../../Images/btn_SummerPrograms.gif') no-repeat 0 0;}
		a.sistersLink		{background: transparent url('../../Images/btn_CoolSisters.gif') no-repeat 0 0;}
		a.scholarshipsLink	{background: transparent url('../../Images/btn_ScholarshipFund.gif') no-repeat 0 0;}
		a.fieldtripsLink	{background: transparent url('../../Images/btn_FieldTrips.gif') no-repeat 0 0;}
		a.whereLink			{background: transparent url('../../Images/btn_WhereWeWork.gif') no-repeat 0 0;}
		a.criteriaLink		{background: transparent url('../../Images/btn_EnrollmentCriteria.gif') no-repeat 0 0;}
		
	a.clubLink:hover, a.scholarsLink:hover, a.techLink:hover, a.fitnessLink:hover, a.summerLink:hover, a.sistersLink:hover, a.scholarshipsLink:hover, a.fieldtripsLink:hover, a.whereLink:hover, a.criteriaLink:hover
	{background-position:0 -22px;}
		

	#getInvolvedBox {background: #fff url('../../Images/bg_menu.jpg') no-repeat 0 0; 
	                 width:250px; height:186px; display:block; margin:0 0 0 7px;}
		#subMenu {padding:15px 0 0 25px;}
		#subMenu li {padding:0; margin:0; margin-bottom:1px;}
		#subMenu a {width:187px; height:18px; display:block; overflow:hidden; text-indent:200px; white-space:nowrap; margin:0; padding:0;}
			a.volunteerLink {background: transparent url('../../Images/btn_Volunteer.jpg') no-repeat 0 0;}
			a.donateLink {background: transparent url('../../Images/btn_DonateNow.jpg') no-repeat 0 0;}
			a.tellLink {background: transparent url('../../Images/btn_TellAFriend.jpg') no-repeat 0 0;}
			a.eventsLink {background: transparent url('../../Images/btn_Events.jpg') no-repeat 0 0;}
			a.contactLink {background: transparent url('../../Images/btn_ContactUs.jpg') no-repeat 0 0;}
		#subMenu a:hover {background-position: 0 -18px;}	
		
		li.liEnews {display:block;height:22px;}
		.txtEnews {float:left; margin: 0 6px 2px 10px; font-size:10px; width:120px;}
		#subMenu a.arrowEnews { width:20px; height:15px; display: block; background:transparent url('../../Images/btn_Enewsarrow.jpg') no-repeat 0 0;
                             overflow: hidden;  text-indent:50px; white-space: nowrap; margin-top:5px; float:left;}
		#subMenu a.arrowEnews:hover {background-position: 0 -15px;}

		#flashBox {float:right; margin:4px 4px 0 0;}
		
.Content258 {width:250px; padding-right:6px; float:left;}
.Content258 .boxSaying {width:236px; /*250-p*/ padding:6px 7px 0 7px; background:#fff url('../../Images/box_250_top.gif') no-repeat 0 0; float:left;}
			.boxSaying h2 {width:236px; height:30px; display:block; overflow:hidden; text-indent:300px; white-space:nowrap;
			               background:transparent url('../../Images/hdr2_WhatCoolGirlsAreSaying.jpg') no-repeat 0 0;  padding-bottom:6px;}
			 .curve258 {display:none;}    /* column is 258 on home, 250 on subpages */
.Content258 .boxSponsor {width:236px; /*250-p*/ padding:6px 7px 0 7px; background:#fff url('../../Images/box_250_top.gif') no-repeat 0 0; float:left;}
			.boxSponsor h2 {width:236px; height:30px; display:block; overflow:hidden; text-indent:300px; white-space:nowrap;
			               background:transparent url('../../Images/hdr2_SponsorShowcase.jpg') no-repeat 0 0;}
			#slidedom {margin: 6px 0;}

.Content258, .Content695 {position:relative; top:-5px;}

/* Home Page */
			               
.Content695 {width:695px; margin-bottom:0; float:left;}
.Content695 .boxFeatured {width:681px; /*695-p*/ padding:6px 7px 6px 7px; background:#fff url('../../Images/box_695_top.gif') no-repeat 0 0; float:left;}
			.boxFeatured h2 {width:681px; height:30px; display:block; overflow:hidden; text-indent:695px; white-space:nowrap;
			                 background:transparent url('../../Images/pinBowl_main_hdr_.gif') no-repeat 0 0;}/*add (pinBowl_main_hdr_.gif)when they are ready 6/15/10*/  /*took out hdr_Featured.jpg and then hdr_2010_home.gif Recently 3/11/10 */
			                 

.Content344  {width:344px; float:right;}
.Content345  {width:345px; float:left;}
			  
			 .boxGirls, .boxVolunteers {height:256px; } 
			                 
			.boxGirls {width:330px; /*344-p*/ padding:6px 7px 0 7px; background:#fff url('../../Images/box_344_top.gif') no-repeat 0 0;  margin:0; float:left;}
			.boxGirls h2 {width:330px; height:30px; display:block; overflow:hidden; text-indent:700px; white-space:nowrap;
			                 background:transparent url('../../Images/hdr_MeetGirls.jpg') no-repeat 0 0;}
			/* replace h2 with .header to allow foreground buttons seeAllLink */
			.boxGirls .header   {width:330px; height:30px; display:block;  text-align:right;
			                 background:transparent url('../../Images/hdr_MeetGirls.jpg') no-repeat 0 0;}
			                                
			.boxVolunteers { width:331px; /*345-p*/ padding:6px 7px 0 7px; background:#fff url('../../Images/box_345_top.gif') no-repeat 0 0; float:left;}
			.boxVolunteers h2 {width:331px; height:30px; display:block; overflow:hidden; text-indent:700px; white-space:nowrap;
			                 background:transparent url('../../Images/hdr_ParentsCorner.jpg') no-repeat 0 0;}			                 
			/* replace h2 with .header to allow foreground buttons */
			.boxVolunteers .header {width:331px; height:30px; display:block;  text-align:right;
			                 background:transparent url('../../Images/hdr_cool_win.gif') no-repeat 0 0;}	/*took out hdr_hot_pinkB.gif on 11/6 and then took out hdr_ParentsCorner.jpg*/		  
			
			.boxSpotlight {width:681px; /*695-p*/ padding:6px 7px 0 7px; background:#fff url('../../Images/box_695_top.gif') no-repeat 0 0; float:right;}
			.boxSpotlight h2 {width:681px; height:30px; display:block; overflow:hidden; text-indent:695px; white-space:nowrap;
			               background:transparent url('../../Images/hdr_ProgramSpotlight.jpg') no-repeat 0 0;} /*took out hdr_ProgramSpotlight.jpg*/
			/* replace h2 with .header to allow foreground buttons */               
			.boxSpotlight .header {width:681px; height:30px; display:block; text-align:right;
			               background:transparent url('../../Images/hdr_hot_press.gif') no-repeat 0 0;}
			
			a.seeAllLink   {width:57px;  height:18px; display:block; float:right; background: transparent url('../../Images/btn_SeeAll.jpg') no-repeat 0 0; margin: 6px 5px 0 0;}
			a.visitAllLink {width:129px; height:18px; display:block; float:right; background: transparent url('../../Images/btn_VisitPrograms.jpg') no-repeat 0 0; margin: 6px 5px 0 0;}
			a.visitAllLink:hover, a.seeAllLink:hover {background-position: 0 -18px;}			       
			
.volTitle {color:#666666;}

.bottomCurve {clear:both; line-height:0; margin:0; margin-bottom:4px;}  

/* Site */

.ContentMain {width:695px;   float:left; background:transparent url('../../Images/box_959_top.gif') no-repeat right 0;}
.ContentLeft {float:left; width:264px; }
	
	.imgh1 {margin-top:7px; float:left;}

.article {float:left; padding: 12px 9px 0 16px; clear:both;}

.Content258 .article {padding-left:9px;}

.ContentMain .article {padding-left:21px;}

p.pContent		{display:block; }

img.imgContent	{margin:0 11px 0 0; float:left;}
img.imgContentRt {margin: 0 0 5px 11px; float:right;}
.quoteAttrib {text-align:right; margin-top:20px; display:block;}

a.readMoreLink  {color:#d80e6a; padding-right:9px; background:transparent url('../../Images/arrow_pink.gif') no-repeat right 5px; white-space:nowrap; }
a.linkMore		{color:#d80e6a; padding-left:9px; background:transparent url('../../Images/arrow_pink.gif') no-repeat 0 3px; margin:6px 0; display:block; white-space:nowrap;}

#imgPlatSponsor {background: transparent url('../../Images/photo_1.jpg') no-repeat 0 0; border:1px #e2e2e2 solid; margin: 6px 0; width:215px; height:103px;}
img.linkPlatSponsor {width:215px; height:103px; }
img.linkFSponsor	{width:103px; height:63px;border:1px #e2e2e2 solid; margin: 6px 0; float: left;}


/*------------------- footer ------------------------- */
.copyright  {margin:11px 0 0 25px; float:left; color:#fff; font-size:10px;}
.footerMenu {margin:3px 16px 0 0;}


