/* //////// universals start //////////////////////////////////////////////////////////////// */

* {
	margin: 0px;
	padding: 0px;
	/* stylegala does this outline thing, use it if problems occur? 
	outline: none; */
}

body {
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 155%;
	color: #111111;
}

A {
	color: #cf0b0b;
	text-decoration: none;
}
A:hover {
	color: #000000;
	text-decoration: underline;
}

STRONG {
	font-weight: bold;
}

EM {
	font-style: italic;
}

P {
	padding-bottom: 12px;
}

UL {
	padding: 0 0 12px 10px;
	line-height: 145%;
}

UL LI {
	list-style: none;
	background: url(../images/bullet02.gif) no-repeat 0px 5px;
	padding: 0 0 5px 10px;
}

OL {
	padding: 0 0 12px 0;
	margin: 0 0 0 30px;
	line-height: 145%;
}

OL LI {
	padding: 0 0 5px 0;
}

IMG { 
	border: 1px dashed #aaa;
	padding: 5px;
	background-color: #FAFAFA;
}


/* //////// universals end //////////////////////////////////////////////////////////////// */


/* //////// general styles start //////////////////////////////////////////////////////////////// */

.clearBoth01 {
	clear: both;
}
.clearBoth02 {
	clear: both;
	height: 40px;
}

.clearLeft01 {
	clear: left;
}

.clearRight01 {
	clear: right;
}

/* //////// general styles end //////////////////////////////////////////////////////////////// */



/* //////// hacks start //////////////////////////////////////////////////////////////// */

.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* //////// hacks end //////////////////////////////////////////////////////////////// */



#allContent {
	width: 1000px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: left;
	/* border: 1px solid pink; */
}


/* HEADER BLOCK */
#header {
	height: 145px; /* flash header is only 120px tall, so could reduce this if wanted to remove some whitespace */
	/*border: 1px solid blue;  */
}
#header H1 {
	float: left;
	padding-left:20px;
	/* border: 1px solid green; */
}
#header H1 A {
	width: 300px;
	height: 60px;
	background: url(../images/logo_noFlash01.gif) no-repeat 0 0;
	display: block;
}
#header H1 A:hover {
	background: url(../images/logo_noFlash01.gif) no-repeat 0 -60px;
}
#header H1 A SPAN {
	display: none;
}
#header UL {
	padding: 35px 0px 0px 0px;
	text-align: right;
	/*border: 1px solid red;  */
}
#header LI {
	display: inline;
	padding: 0px 20px 0px 0px;
}
#header UL A {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
}


/* COLUMN LAYOUTS */

.col7030left {
	padding: 0 0 0 20px;
	width: 340px;
	float: left;
	/* background-color: #f2f2f2;
	border: 1px solid #cf0b0b; */
}
.col7030right {
	padding: 0 20px 0 0px;
	margin-left: 420px; /* adjust this to line up with home link in header */
	/* border: 1px solid red; */
}


/* HEADINGS */
/* NOTE: BY using uppercase H's, Contribute doesn't show these tags to the user. What they will see, are the h4 and h5 tags from the _user.css which has lower case syntax (ie h5) */

H2 { /* holds Cooper font in left-hand columns */
	/* width: 300px; */
	height: 22px;
	margin: 10px 0 20px 0; /* margin top here nudges the h2s down a bit so line up with h3s in right column */
}
H3 { /* holds Kindergarten font in righ-hand columns */
	/* width: 330px; */
	height: 40px;
	margin: 0 0 13px 0; /* margin bottom here is essential to line the copy on the left with copy on right */
}
H2 SPAN, H3 SPAN {
	display: none;
}


/* NOTE: BY PUTTING THIS code here, with uppercase H's, Contribute doesn't show these tags to the user. What they will see, are the h4 and h5 tags from the _user.css which has lower case syntax (ie h5) */
H6 {

}
H1 {

}





/* H2 IDs */
#h_dummyH2 { background:url(../images/h_dummyH2.gif) no-repeat top left; }

#h_importancePlay { background:url(../images/h_importancePlay.gif) no-repeat top left; }
#h_importanceFood { background:url(../images/h_importanceFood.gif) no-repeat top left; }
#h_extraInfo { background:url(../images/h_extraInfo.gif) no-repeat top left; }
#h_comingUp { background:url(../images/h_comingUp.gif) no-repeat top left; }
#h_membership { background:url(../images/h_membership.gif) no-repeat top left; } /* UNUSED ? */
#h_signUp { background:url(../images/h_signUp.gif) no-repeat top left; }


/* H3 IDs */
#h_dummyH3 { background:url(../images/h_dummyH3.gif) no-repeat top left; }

#h_powerPlay { background:url(../images/h_powerPlay.gif) no-repeat top left; }
#h_imagination { background:url(../images/h_imagination.gif) no-repeat top left; }
#h_playtimeTools { background:url(../images/h_playtimeTools.gif) no-repeat top left; }
#h_ourShop { background:url(../images/h_ourShop.gif) no-repeat top left; }
#h_playLinks { background:url(../images/h_playLinks.gif) no-repeat top left; }

#h_ourFoodPhilosophy { background:url(../images/h_ourFoodPhilosophy.gif) no-repeat top left; }
#h_menu { background:url(../images/h_menu.gif) no-repeat top left; }
#h_aboutChef { background:url(../images/h_aboutChef.gif) no-repeat top left; }
#h_organicFarming { background:url(../images/h_organicFarming.gif) no-repeat top left; }
#h_foodLinks { background:url(../images/h_foodLinks.gif) no-repeat top left; }

#h_contact { background:url(../images/h_contact.gif) no-repeat top left; }
#h_prices { background:url(../images/h_prices.gif) no-repeat top left; }
#h_photos { background:url(../images/h_photos.gif) no-repeat top left; }
#h_faq { background:url(../images/h_faq.gif) no-repeat top left; }
#h_rules { background:url(../images/h_rules.gif) no-repeat top left; }
#h_birthdays { background:url(../images/h_birthdays.gif) no-repeat top left; }
#h_sponsorship { background:url(../images/h_sponsorship.gif) no-repeat top left; }
#h_people { background:url(../images/h_people.gif) no-repeat top left; }


#h_eventsCalendar { background:url(../images/h_eventsCalendar.gif) no-repeat top left; }
#h_promotions { background:url(../images/h_promotions.gif) no-repeat top left; }

#h_signUpBothForms { background:url(../images/h_signUpBothForms.gif) no-repeat top left; }



/* SUBNAV */

OL.subnav01 {
	padding: 0 0 0 20px;
}
OL.subnav01 LI {
	padding: 0 0 2px 0;
}



/* footer */

#footer {
	border-top: 1px solid #b2b2b2;
	font-size: 11px;
	padding: 5px 0 0 0;
	margin: 0 20px 0 20px;
	height: 50px;
	color: #777777;
}
#footer UL {
	float: right;
}
#footer UL LI {
	display: inline;
	background: none;
	padding-left: 37px;
}
#footer P#siteByWallop {
	padding-top: 30px;
	padding-bottom: 30px;
	float: right;
}
#footer P#siteByWallop A {
	height: 20px;
	width: 68px;
	display: block;
	background: url(../images/siteByWallop01.gif) no-repeat 0 0;
}
#footer P#siteByWallop A:hover {
	background-position: 0px -20px;
}
#footer P#siteByWallop SPAN {
	display: none;
}




/* events calendar */
DIV.eventsCalEntry {
	padding: 24px 0 0 0;
	/* background: url(../images/line_dotted01.gif) no-repeat bottom left; */
	border-top: 1px dashed #999;
	margin: 0 0 16px 0;
}
DIV.eventsCalEntry H4 {
	padding: 0 0 12px 0;
}

/* promotions list */
DIV.promotionsEntry {
	padding: 20px 0 0 0;
	/* background: url(../images/line_dotted01.gif) no-repeat bottom left; */
	border-top: 1px dashed #999;
	margin: 0 0 10px 0;
}



/* misc styles */

.smallText01 {
	font-size: 90%;
}
/* other styles for Contribute users are in the babyeats_screen.css file  */



/* used on map on contact page */
DIV.googleMap {
	border: 1px solid #777777;
	padding: 5px;
}

/* used on a P that holds an a href, that anchor links to top of page */
P.backToTop {
	text-align: right;
	font-size: 12px;
	padding: 0 12px 0 0;
	background: url(../images/bullet_backtotop01.gif) no-repeat right top;
}

/* UNUSED? used on DIVs, to make them stand out */
.boxBorder01 {
	background-color: #f2f2f2;
	border: 1px dashed #aaa;
	padding: 15px 15px 5px 15px;
	margin: 10px 0 10px 0;
}

/* creates a dotted line across a space */
DIV.separator01 {
	margin-top: 10px;
	border-top: 1px dashed #aaa;
	padding-bottom: 0px;
}


/* tertiary nav that jumps you to sections of the menu, on the menu page */
UL.list_menu {
	padding: 10px 20px 10px 20px;
	background-color: #f2f2f2;
	border: 1px dashed #cf0b0b;
	font-size: 12px;
	margin: 20px 0 20px 0;
	line-height: 185%;
}
UL.list_menu LI {
	display: inline;
	background: none;
	padding: 0 15px 0 0;
}
UL.list_menu A {
	font-weight: bold;
}

/* for menu copy */
DIV.textstyle_menu01 {

}
DIV.textstyle_menu01 H4 {
	padding: 20px 0 10px 0;
	margin: 0 0 0 0;
	/* background: url(../images/line_dotted01.gif) no-repeat top left; */
	border-top: 1px dashed #111;
}
DIV.textstyle_menu01 H5 {
	padding: 15px 0 10px 0;
	margin: 10px 0 0 0;
	border-top: 1px dashed #aaa;
}
DIV.textstyle_menu01 UL {
	margin: 0;
	padding: 0;
}
DIV.textstyle_menu01 UL LI {
	margin: 0;
	padding: 0 0 10px 0;
	background: none;
}
DIV.textstyle_menu01 UL UL {
	margin: 0 0 0 30px;
	padding: 5px 0 0 0;
}
DIV.textstyle_menu01 UL UL LI {
	margin: 0;
	padding: 0 0 5px 0;
}
DIV.textstyle_menu01 IMG {
	
}


/* used on membership page, at least */
DIV.formBox01 {
	border: 1px dashed #aaa;
	padding: 20px;
	background-color: #F1F1F1;
	font-size: 90%;
	line-height: 145%;
}
DIV.formBox01 DIV.formBox01highlight {
	padding: 10px 20px 0px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}
.formBox01 TABLE {
	line-height: 16px;
}
.formBox01 TABLE TD {
	padding-bottom: 5px;
	padding-right: 5px;
}
.formBox01 INPUT, .formBox01 SELECT, .formBox01 TEXTAREA {
	background-color: #ffffff;
	border: 1px solid #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.formBox01 INPUT {
	padding: 4px 2px 0px 5px;
	height:20px;
}
.formBox01 INPUT.radioButton01 {
	padding: 0px 0px 0px 0px;
	height: 15px;
	width: 15px;
}
.formBox01 SELECT {
	padding: 2px 2px 2px 1px;
}
.formBox01 TEXTAREA {
	padding: 2px 2px 2px 5px;
}
.formBox01 INPUT.registerSubmit {
	border: 1px solid #555;
	font-weight : bold;
	width: 100px;
	height: 30px;
	color: #fff;
	background-color: #cf0b0b;
	padding: 5px 0 10px 0;
}
.formBox01 TABLE TD.formSpacerTR {
	padding-bottom: 20px;
}
/* use on fields that need be denoted as required */
.formBox01 .required {
	border: solid 1px #0a4b98!important;
	background-color: #dcecff;
	color: #0a4b98;
}
/* used on box at top of membership form that where user selects what the form should do */
.formBox01 DIV.chooseOptionBox {
	border: dashed 1px #0a4b98;
	background-color: #dcecff;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	line-height: 30px;
}
/* dynamically added lines for additional adults and children come in as LI elements: */
.formBox01 TABLE TD UL {
	padding: 0;
	margin: 0;
	line-height: 30px;
}
.formBox01 TABLE TD UL LI {
	padding: 0 0 15px 0;
	margin: 0;
	background: none;
}
/* styles the labels for the additional adults and children fields */
.formBox01 TABLE TD UL INPUT.peopleField {
	width: 125px;
}
/* styles the labels for the additional adults and children fields */
.formBox01 TABLE TD UL LABEL.peopleLabel {
	display: block;
	width: 78px;
	float: left;
}
/* for error messages, if didn't fill out a required field */
.formBox01 DIV.validation-advice {
	color: red;
}