@charset "utf-8";
/* pal 
pink:			#ff2299;
blue:			#22AACC;
purple:			#6652AA;
lt. gray:		#666666;
dk gray: 		#333333;
*/
/* universal utils */
html *{
/*	border-collapse:collapse;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none; */
	margin: 0;
	padding: 0;
}
.flush{
	padding: 0;
	margin: 0;
}
.clear{
	clear:both;
	height:1px;
}
.clearL{
	clear: left;
}
.clearR{
	clear: right;
}
.floatL{
	vertical-align: top;
	float: left;
}
.floatR{
	vertical-align: top;
	float: right;
}
.imgFloatL{
	vertical-align: top;
	float: left;
	padding: 0 10px 10px 0;
}
.imgFloatR{
	vertical-align: top;
	float: right;
	padding: 0 0 10px 10px;
}
.uFocus{
	border-color: #ff2299;
}
fieldset {
	border: none; 
}
/*///////////////////////////////
     basics 
////////////////////////////////*/
body{
	color: #333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #fff;
}
p, ul, ol, dl, td, th{
	font-size: 10pt;
}
/* using unstyled lists more often than not */
ul, ul li, ol li ul li {
	list-style: disc; 
}
ol, ol li{
	list-style: decimal ; 
	list-style-type: decimal ; 
}
#main-col-right ul {
	padding-left: 16px;  
}
#main-col-right ol {
	padding-left: 28px;  
}
img{
	border: none;
}
a{
	color: #ff2299;
	text-decoration: none;
}
a:hover{
	color: #000;
	text-decoration: underline;
}
a:hover{
	color: #000;
}
a:focus{
	outline: none;
}
div.error{
	border: 1px solid #333;
	margin-bottom: 20px;
	padding: 15px;
	color: #333;
	background: #fff;
}
div.error h3{
	color: #ff2299;
}
h1#logo{
	position: absolute;
	left: 8px;
	top: 10px;
	background: url(/assets/images/wrapper/i/logo.png) no-repeat;
	width: 170px;
	height: 170px;
	text-indent: -9000px;
}
h1#logo a{
	display: block;
	width: 170px;
	height: 150px;
}
h2{
	color: #6652AA;
	font-size: 16pt;
	line-height: 16pt;
	font-weight: normal;
	margin-bottom: 20px;
}
h2 a{
}
h2 a:hover{
}
h2.page-title{
	font-size: 39pt;
	line-height: 1em;
	text-transform: lowercase;
	color: #6654AA;
	margin-bottom: 0px;
	font-weight: 200;
}
h3{
	color: #22AACC;
	font-size: 11pt;
	line-height: 11pt;
	text-transform: uppercase;
	font-weight: normal;
}
h3 a{
}
h3 a:hover{
}
h3.page-subtitle{
	font-size: 10pt;
	line-height: 20pt;
	height: 20pt;
	text-transform: uppercase;
	color: #fff;
	background:url(/assets/images/wrapper/i/sprites.png) no-repeat 0px -375px;
	margin: 0;
	padding-left: 6px;
	font-weight: 400;
	position: relative;
	z-index: 201;
}

#main-col-right h3 {
	font-weight: 200;
	text-transform: lowercase;
	color: #6654AA;
	font-size: 20pt;
	line-height: 20pt;
	background: url(/assets/images/wrapper/i/rule_460.jpg) no-repeat left bottom;
	padding-bottom: 4px;
	margin-bottom: 20px;
}
body.story #main-col-right h3 {
	font-weight: 200;
	text-transform: none;
	color: #6654AA;
	font-size: 20pt;
	line-height: 20pt;
	background: none;
	padding-bottom: 0px;
	margin: 20px 0 15px;
}
h4{
	color: #22AACC;
	font-size: 9pt;
	line-height: 10pt;
	text-transform: uppercase;
	font-weight: bold;
}
h4 a{
}
h4 a:hover{
}
#caro_1 h4, .tiles h4{
	color: #666666;
	text-transform: none;
	font-size: 12.5pt;
	letter-spacing: -.03em;
	margin-bottom: 6px;
	font-weight: normal;
}
#main-col-left h4 {
	font-weight: 200;
	text-transform: uppercase;
	color: #6654AA;
	font-size: 14pt;
	line-height: 20pt;
	background: url(/assets/images/wrapper/i/rule_200.jpg) no-repeat left bottom;
	padding-bottom: 8px;
	margin: 4px 0 15px;
}
#main-col-right h4 {
	font-weight: 200;
	text-transform: none;
	color: #6654AA;
	font-size: 16pt;
	line-height: 16pt;
	background: none;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
strong{
	color: #326;
	font-weight: bold;
}
em{
	/* color: #22aacc; */
}
/*/////////////////////////////// 
     layout styles
////////////////////////////////*/
#form-wrapper h2{
	font-size: 11pt;
	color: #666666;
	text-transform: lowercase;
	display: block;
	width: 240px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 16px;
	text-align: right;
	float: left;
}
input#cons_email{
	background: url(/assets/images/wrapper/i/sprites.png) no-repeat -90px 0px;
	padding: 4px;
	width: 120px;
	margin: 0 10px 0 0;
	color: #333344;
	font-size: 9pt;
	border-collapse:collapse;
	border: none; 	
}
input#cons_zip_code{
	background: #fff url(/assets/images/wrapper/i/sprites.png) no-repeat -90px 0px;
	padding: 4px;
	width: 90px;
	margin: 0 10px 0 0;
	color: #333344;
	font-size: 9pt;
	border-collapse:collapse;
	border: none; 	
}
input.error{
	background-position: -90px -25px;
}
input.focus{
	background-image: none;
	outline: none;
}
#signUp input#ACTION_SUBMIT_SURVEY_RESPONSE{
    background: url(/assets/images/wrapper/i/sprites.png) no-repeat -350px 0px;
    position: absolute;
    top: 0px;
    width: 71px;
    height: 27px;
    margin: 0;
    padding: 0px;
    line-height: 0px;
    text-indent: -90000px;
    border-collapse:collapse;
    border: none;     
}
/*
input#ACTION_SUBMIT_SURVEY_RESPONSE{
    background: url(http://girlup.pub30.convio.net/assets/images/wrapper/i/sprites.png) no-repeat -350px 0px;
	position: absolute;
	top: 0px; 
    width: 71px;
    height: 27px;
    margin: 0;
    padding: 0px;
    line-height: 0px;
    text-indent: -90000px;
    border-collapse:collapse;
    border: none;     
}
*/
input#ACTION_SUBMIT_SURVEY_RESPONSE:hover{
	background-position: -350px -30px;
}
#content-wrapper p+p{
	margin-top: 10px;
}
#content-wrapper h2+h3{
	margin-top: 10px;
}
#content-wrapper p+h3{
	margin-top: 25px;
}
#content-wrapper h3{
	/*margin-bottom: 5px;*/
}
#content-wrapper ul{
}
#content-wrapper p+ul{
	margin-top: 10px;
}
#content-wrapper ul+p{
	margin-top: 10px;
}
#content-wrapper blockquote p{
	margin: 15px 30px 15px 50px;
}
div.content-row{
	margin: 0px auto 20px;
	padding: 0px;
	width: 940px;
}
div.content-block{
	width: 220px;
	margin-right: 20px;
	float: left;
}
div.content-block.last{
	margin-right: 0px;
	clear: right;
}
#content-wrapper #main{
	background: url(/assets/images/wrapper/i/bg-front-blocks.jpg) no-repeat center bottom;
	padding-bottom: 30px;
}
#content-wrapper #stories{
	background: url(/assets/images/wrapper/i/bg-stories.jpg) no-repeat center bottom;
	padding-bottom: 30px;
}
#page-wrapper #carousel{
	background: url(/assets/images/wrapper/i/bg-caro.jpg) no-repeat center bottom;
	padding-bottom: 30px;
	width: 980px;
}
#page-wrapper #carousel h2 {
	margin-left: 20px; 	
}
#footer-wrapper a{
	color: #F72A92;
	text-transform: uppercase;
}
#footer-wrapper a:hover{
	color: #000;
}
#footer-wrapper p{
}
#content p.cuf{
}
/* events*/
ul.events, ul.events li{ 
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.events li{
	margin-bottom: 25px;
}
ul.events .date{
	color: #777788;
	background: #ffffff;
	display: block;
	border: 1px solid #777788;
	text-align: center;
	margin: 10px 15px 15px 0px;
	padding: 0px 4px;
	float: left;
	width: 36px;
}
ul.events .date.extended{
	background: url(/assets/images/wrapper/i/create-this.png) no-repeat bottom right;
}
ul.events .date strong{
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0px;
	color: #777788;
}
ul.events .date em{
	font-size: 18pt;
	font-style: normal;
	margin-top: 0px;
}
#main-col-right .date{
	color: #777788;
/*	display: inline;
	margin: 0 20px 0 0px;
	padding: 0px;
	float: left;
	width: 150px; */
}
a.more{
	color: #ff2299;
	font-size: 9pt;
	text-transform: uppercase;
	display: block;
	margin: 6px 0;
}
/* #main-col-right a.more{
	display: inline-block;
}*/
/* connect */
ul.connect, ul.connect li{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.connect li{
	margin-top: 5px;
	margin-bottom: 15px;
}
ul.connect img{
	display: block;
	float: left;
	padding-top: 12px;
}
.connect .user-info{
	display: block;
	float: right;
	padding-top: 5px;
	margin-left: 10px;
	width: 160px;
}
a.hash{
	color: #999;
	font-size: 9pt;
	text-transform: lowercase;
	display: block;
	margin: 6px 0;
}
#ftr-logo{
	background: url(/assets/images/wrapper/i/sprites.png) no-repeat 0px -215px;
	text-indent: -9000px;
	text-align: left;
	display: block;
	height: 95px;
	width: 275px;
	margin: -30px 0 20px 0px;
	padding: 0;
}
#copy{
	display: block;
	font-style: normal;
	font-size: 9pt;
	color: #777788;
	padding-top: 30px;
}
/* non home */
#page-wrapper{
/*	background: #FFF; */
}
#page-wrapper.not-front{
	background: transparent url(/assets/images/wrapper/i/bg-inner-rightcol.jpg) no-repeat center 150px;
}
.front #content-wrapper {
	background: none;  
	padding-bottom: 0; 
	}
#content-wrapper {
	padding-bottom: 90px;
}
#content-wrapper,
.not-front #content-wrapper{
	background: transparent url(/assets/images/wrapper/i/bg-stories.jpg) no-repeat center bottom;
}
.not-front #content-wrapper #main{
	background-image: none;
	padding-bottom: 0;
}
#right-sidebar div.content-block{
	margin: 20px 0 20px 20px;
	float: none;
}
ul.tiles{
	width: 700px;
	list-style: none;
	margin: 35px 0 30px 0;
}
ul.tiles li{
	display: block;
	padding: 10px;
	width: 198px;
	height: 118px;
	border: 1px solid #ccc;
	margin: 0 20px 20px 0;
	float: left;
	background: #fff url(/assets/images/wrapper/i/sprites.png) no-repeat -285px -215px;
	position: relative;
}

ul.tiles li:hover{
	border-color: #22AACC;
	background: #fff url(/assets/images/wrapper/i/sprites.png) no-repeat -285px -215px;
}
ul.tiles li.last{
	margin-right: 0;
}
ul.tiles img{
	position: absolute;
	z-index: 101;
	top: 30px;
	left: 10px;
}
ul.tiles p.leadin{
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 10px;
	color: #fff;
	margin: 0;
	padding: 5px;
	width: 190px;
	height: 90px;
	font-weight: bold;
	font-size: 10pt;
}
ul.year {
	font-weight: bold;
	color: #6652AA;
	margin-bottom: 30px;
}

ul.month{
	list-style: none;
	text-transform: uppercase;
	margin-left: 25px;
	margin-bottom: 10px;
}
ul.month li{
	margin-bottom: 4px;
}

ul.month li a{
	color: #ff2299;
}
#story-feature-img{
	position: relative;
	z-index: 200;
}
body.story div.story .story-footer{
	background:url(/assets/images/wrapper/i/bg-story-end.png) no-repeat center top;
	margin: 20px 0;
	padding: 20px 0;
	position: relative;
	width: 460px;
}
body.story div.story .story-footer a.more{
	position: absolute;
	top: 15px;
	left: 0px;
}
body.story div.story .story-footer ul.socnet-links{
	width: 65px;
	height: 16px;
	position: absolute;
	top: 5px;
	right: 0px;
}
.pr-location { 
	float: left; 
	font-size: 10pt; 
}
/* Stories Homepage images */
#content-wrapper #stories img {
	padding: 10px;
    border: 1px solid #ccc;
}
/* Print + Email Buttons */
a.printerFriendlyLink {
	height: 22px; 
	min-width: 60px;
	display: inline-block;
	vertical-align: middle; 
	background: transparent url(/assets/images/wrapper/i/sprites.png) no-repeat -670px 0px;
	padding: 0 20px 0 26px;
	font-size: 12px; 
	
}
a.printerFriendlyLink:hover {background: transparent url(/assets/images/wrapper/i/sprites.png) no-repeat -670px -30px; }
.sendToFriend {
	height: 22px; 
	min-width: 60px;
	display: inline-block;
	vertical-align: middle; 
	background: transparent url(/assets/images/wrapper/i/sprites.png) no-repeat -670px -60px;
	padding: 0 20px 0 26px;
	font-size: 12px; 
}
.sendToFriend:hover {background: transparent url(/assets/images/wrapper/i/sprites.png) no-repeat -670px -90px; }

.divider {
	clear: both; 
	margin-top: 20px; 
	width: 460px; 
	padding-top: 8px; 
	background: transparent url(/assets/images/wrapper/i/rule_460.jpg) no-repeat left top;
	height: 22px; 
	font-size: 12px; 
}
/* HiGH FIVE Landing page */
#high-five {
	margin: 20px 0; 	
}
.block-odd h3, .block-even h3 {
	padding: 10px;
	font-size: 	21px;
	text-transform: none; 
	color: #333;
	min-height: 85px;
}
.block-odd {
	margin: 15px 0;
	background: transparent url(/assets/images/wrapper/i/block_pink.png) repeat-x 0 0;
}
.block-even{
	margin: 15px 0;
	background: transparent url(/assets/images/wrapper/i/block_blue.png) repeat-x 0 0;
}
#high-five .block_01 {
	padding-left: 140px; 
	background: transparent url(/assets/images/wrapper/i/h5_numbers.png) no-repeat left 0;
}
#high-five .block_02 {
	padding-right: 170px; 
	background: transparent url(/assets/images/wrapper/i/h5_numbers.png) no-repeat right -200px;
}
#high-five .block_03 {
	padding-left: 210px; 
	background: transparent url(/assets/images/wrapper/i/h5_numbers.png) no-repeat left -400px;
}
#high-five .block_04 {
	padding-right: 190px; 
	background: transparent url(/assets/images/wrapper/i/h5_numbers.png) no-repeat right -600px;
}
#high-five .block_05 {
	padding-left: 150px; 
	background: transparent url(/assets/images/wrapper/i/h5_numbers.png) no-repeat left -800px;
}
/* FORMS */
#dataFormContainer {
	margin: 40px 0;	
}
/* #dataFormContainer input.text {
	background: #eee url(http://girlup.pub30.convio.net/assets/images/wrapper/i/sprites.png) no-repeat -90px 0px ;
	padding: 2px 5px;
}
 #dataFormContainer input.select {
	background: url(http://girlup.pub30.convio.net/assets/images/wrapper/i/sprites.png) no-repeat -90px 0px;
	padding: 2px 2px 2px 5px ;

 }
*/
#dataFormContainer input.FinishButton {
	width: 170px; 
	height: 36px; 
	background: url(/assets/images/wrapper/i/sprites.png) no-repeat -320px -450px;
}
#dataFormContainer label {
	margin-botttom: 12px; 	
}

#dataFormContainer .FormSectionHeader {
	background: none; /* CONVIO double classes warppers, this clears it */
	border: none; 
}

#dataFormContainer h5.FormSectionHeader {
	background:  transparent url(/assets/images/wrapper/i/sprites.png) no-repeat 0px -375px;
	padding: 4px; 
	margin: 20px 0 10px;
	color: #fff;
	font-weight: normal;
	font-size: 18px; 
}
#dataFormContainer .FormCaption {
	padding: 20px 0;	
}
label,
input {
	color: #112;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.image {
float:left;
padding: 15px 15px 5px 0;
}

.submitted {
margin-bottom: .5em;
color: #000;
border-bottom: 1px dotted #ebebeb;
margin-top:1em;
}

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*.submitted {
display: block;
margin-bottom: -.5em;
}*/