* {margin:0;padding:0;}

/* LAYOUT */
html {
	text-align: center;
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-image:url(../../images/ui/body_bgd.jpg);
	background-repeat: repeat;
	background-position:top;
	}

/* center the design */
#container, #cn_container {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	}

/*Home Page Only*/
#home_content {
/*	width: 1040px;
*/	text-align: left;
	margin:0px auto;
	padding:0px;
	background-image:url(../../images/home/home_bgd1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#flash_content {
	margin:0px 0px -3px 0px;
	padding:0px;
	vertical-align:bottom;
}

#home_logo_ribbon{
	position: relative;
	margin:0 -44px -247px 0;
	left:-564px;
	width:44px;
	height:247px;
	float:left;
	clear:none;
	z-index:100;
	}

#brother-camp {background:url(../../images/brother-camp.jpg) no-repeat;width:779px;height:122px;opacity:1;filter:alpha(opacity=100);margin:15px auto -22px auto}
#brother-camp:hover {opacity:0.7;filter:alpha(opacity=70);}


/* add shadow to the page*/
#polkadot_background {
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url(../../images/ui/polkadot_bgd.jpg);
	background-repeat: repeat-y;
	background-position:center;
	}

/* main content */
#content, #cn_content {
	width: 988px;
	margin:0px auto;
	padding:0px;
	background-image:url(../../images/ui/page_shadow.png);
	background-repeat:repeat-y ;
	float:both;
	clear:none;
}
	
#content img, #cn_content img{
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:bottom;
}

#logo_ribbon{
	position: relative;
	margin:0 50% -125px 50%;
	left:-540px;
	width:50px;
	height:125px;
	float:left;
	clear:none;
	z-index:100;
	}
	
#nav_rt{
	position: relative;
	margin:0px -58px -475px 0px;
	width:58px;
	height:475px;
	z-index:101;
	}	
	
#footer, #cn_footer {
	width: 980px;
	margin:0px auto;
	text-align: left;
	margin:0px auto;
	padding:0px;
}

#footer img{
	margin:0px;
	padding:0px;
	border:none;
	vertical-align: bottom;
	display:block;
}


/*FOOTER STYLES*/
#footer_text {
	width: 980px;
	margin:0px auto;
	padding:0px;
}
	
#footer_text img{
	margin:0px auto;
	padding:5px;
	border:none;
	vertical-align: bottom;
	display:block;
}

#footer_text p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#28266c;
	text-align:center;
	text-shadow: #8eb3d3 1px 1px;
	line-height:14px;
	margin:0px;
	padding:0px;
}

#footer_text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#28266d;
	text-decoration:underline;
	text-align:center;
	line-height:14px;
	margin:0px;
}



/*HOME STYLES*/
#home_content img{
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	border:none;
}

#home_content a{
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:bottom;
}



/* BODY STYLES */
.body_content {
	text-align:left;
	margin:0px auto;
	padding:0px;
	background-image:url(../../images/ui/page_bgd.jpg);
	background-repeat:repeat-y;
	font-size:12px;
	color:#28266d;
	line-height: 21px;
}

.body_content p {
	font-size:12px;
	color:28266d;
	line-height: 19px;
	padding:10px 50px 10px 5px;
}

.body_content p.less_margin {
	font-size:12px;
	color:#65311A;
	line-height: 12px;
	padding:0px 50px 0px 55px;
}

.body_content ui {
	margin-bottom:10px;
}

.body_content li {
	font-size:12px;
	color:28266d;
	line-height: 21px;
	margin:0px 50px 0px 20px;
}

.table_lists {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:28266d;
	vertical-align:text-top;
}

.table_lists .bold{
	font-weight:bold;
}

/* CONTACT PAGE */
#body_contact {
}

#body_contact p {
	padding:10px 50px 10px 50px;
}

#body_contact li {
	margin:0px 50px 0px 70px;
}

.leftnav {
	margin:0px;
	padding:0px;
	width:268px;
}

.leftnav img{
	margin:0px;
	padding:0px;
	border: none;
	vertical-align:bottom;
	display:block;
}




/* SECTION SPECIFIC STYLES */
#body_content_no_leftnav {
	background-image:url(../../images/ui/no_left_nav.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}




/* GLOBAL STYLES */
p {
	font-size:12px;
	color:28266d;
	line-height:1px;
}

ul {
	line-height:normal;
}

li {
	list-style:disc;
}

img {
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:bottom;
}

a {
	outline: none;
	color: #0066CC;
	border: none;
	padding:0px;
	text-decoration: underline;
}

a hover{
	text-decoration: none;
}

a visited{
	text-decoration: underline;
	color: #28266d;
}
	
a img { 
	border: none; 
	padding:0px;
}

hr {	
	background-image:url(../../images/ui/hr_stitches.png);
	background-repeat:no-repeat;
	height: 7px;
	border: 0px;
	width:95%;
}

.subheader {
	font-family: Comic Sans MS, cursive;
	position:relative;
	font-size:26px;
	font-weight: bold;
	line-height:40px;
	margin: 0px 10px 0px 3px;
	color:28266c;
	text-shadow:#a89667 3px 3px 3px;
}

.subheader_sm {
	font-family: Comic Sans MS, cursive;
	position:relative;
	font-size:18px;
	font-weight: bold;
	line-height:22px;
	margin: 0px 10px 0px 3px;
	color: #789535;
	text-shadow:#c4b48a 2px 1px 2px;
}

/*USE THIS SUBHEADER CALLOUT WHEN YOU WANT TO USE THE STYLE WITHIN A PARAGRAPH TAG*/
.subheader_paragraph {
	font-family: Comic Sans MS, cursive;
	position:relative;
	font-size:16px;
	font-weight: bold;
	margin: 0px;
	color: #789535;
	text-shadow:#c4b48a 2px 1px 2px;
}

.subheader_faq {
	font-family: Comic Sans MS, cursive;
	position:relative;
	font-size:14px;
	font-weight: bold;
	margin: 0px 10px -3px 3px;
	color: #789535;
	text-shadow:#c4b48a 1px 1px 2px;
}

p.testimonial {
	text-align:right;
	font-size:13px;
	color: #789535;
	font-weight:bold;
	margin-top:-15px;
}

.back_to_top {
	margin-top:-5px;
	margin-bottom:-5px;
	color:#28266d;
	font-size:10px;
	text-align:right;
	line-height:10px;
}

.back_to_top a{
	color:#28266d;
	font-size:10px;
	text-align:right;
	text-decoration:underline;
	margin:0px 10px 0px 3px;
}

.photo_lft {
	padding:0px 15px 0px 0px;
	float:left;
	}
	
.photo_lft_contact {
	padding:0px 15px 0px 50px;
	float:left;
	}

.photo_rt {
	padding:0px 50px 0px 15px;
	float:right;
	}
	
.flower {
	position:relative;
	top:10px;
	vertical-align:bottom;
}
#Grade, #Grade2, #Grade3, #Summer1, #Summer2, #Summer3, #HomeState {
	
	width: 225px;

} 



/* empty styles */	

.nav_rollover {
}

.home_rollover {
}

.jpg_rollover {
}

.activites_rollover {
}


.png_rollover {
}

/* Blog link left column */
.blogLeft {display:block; background:url(/images/ui/blog-camp-news.jpg) no-repeat left top; height:87px; width:210px; white-space:nowrap; text-indent:-5000em; margin:0 0 0 30px;}
.blogLeft:hover, .blogLeft:active, .blogLeft:focus {background-position:left -85px;}

.co_cmLogin, .co_cmCFLogin {float:right; margin:0 -15px 20px 15px; padding:72px 0px 65px 49px; background:url(../../images/ui/cm_parent-login-bg.jpg) no-repeat left top;}
.co_cmCFLogin {background:url(../../images/ui/cm_current-families-bg.jpg) no-repeat left top; padding:69px 46px 107px 66px; margin:0 55px 20px 15px;}
.co_cmLogin ul {position:relative; left:-23px; top:10px; width:295px;}
.co_cmLogin ul li {font-size:15px; line-height:24px; white-space:nowrap;}
.co_cmCFLogin p {font-size:15px; line-heigth:26px; text-align:center; width:205px; font-weight:bold; padding:0; position:relative; top:20px; left:-10px;}

.newFams {padding:11px 0 0 10px;}

#loginPg {background:url(../../images/ui/cm_parent-login-pg-bg.jpg) no-repeat left top; padding:110px 0 35px 12px;}
#login label {font-size:14px; display:inline-block; width:74px;}
.ie7 #login label {position:relative; top:-20px;}
#login .field input {width:220px; font-size:16px; background:#f4c2d4; border:2px solid #e08eac;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; padding:7px; margin:0 0 12px 0;}
#login .forgotpass_trigger {float:left; position:relative; margin:0 0 0 80px; padding:7px 0; white-space:nowrap; width:115px;}
#login .submit input {margin:0 390px 0 10px; float:right;}

.useAccountFor {background:url(../../images/ui/cm_use-your-account-for.jpg) no-repeat left top; padding:108px 0 65px 45px; margin:0 0 0 10px; clear:both; position:relative; top:30px;}
.useAccountFor ul {position:relative; left:-23px; top:10px;}
.ie7 .useAccountFor ul {top:-100px}
.useAccountFor ul li {font-size:15px; line-height:24px;}
.useAccountFor .needHelp {margin:40px auto 0 -20px; width:236px; text-align:center; padding:0; color:#6d4d26;}
.ie7 .useAccountFor .needHelp {margin-top:-70px;}
.useAccountFor .needHelp a {color:#6d4d26;}

.f_forgotpass {background:#f4c2d4; padding:15px; position:absolute; width:300px; border:2px solid #e08eac; margin:50px 0 0 30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; z-index:9;}
.ie7 .f_forgotpass {margin:50px 0 0 -170px; width:340px;}
.f_forgotpass p {font-size:11px; line-height:14px; margin-top:0; padding:0; margin-bottom:10px;}
.f_forgotpass label {font-size:11px; line-height:14px;}
.f_forgotpass .close {display:block; color:red; float:right; cursor:pointer; background:#FFF; width:20px; height:20px; line-height:18px; text-align:center; margin:-10px -10px 0 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px;}

.error {margin:0; padding:0; color:red; font-weight:bold; font-size:12px;}