@charset "UTF-8";
body {
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background: #666666;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #00ff96;
	background-image:url(../images/bg_repeat.gif);
	background-repeat:repeat-x;
}
html>body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a img{border:none;} 



/* this is an example page. Real-use cases should never have inline CSS like this. ;) */

body {

background-image:url(../images/bg_repeat.gif);
background-repeat:repeat-x;
 
}

.dialog {
 width:900px;
 margin:0px auto;
 min-width:900px;
 min-height:800px;
 color:#000;
}

html>body .dialog {
 min-width:900px;
}

.dialog .hd .c{
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:18px;
}

.dialog .hd {
 background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(../images/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(../images/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background-color:#FFFFFF;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(../images/br.gif) no-repeat right 0px;
}


/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:1.em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}


.style1 {font-weight: bold}

ul{ margin-left:30px;}

li{ margin-left:10px;}


/** Recent  Styles **/
#header{
	height:227px;
}
#header #logo {
	float:left; 
	padding:45px 0px 0px 15px;
}

#header #kids {
float:right; padding-top:117px}

#nav{
padding-bottom:10px; width:820px; margin:0 auto;
}

#centerColumn{

float:left; width:90%; padding:0 5px 0 20px;; text-align:left;

}
#footer{
	border-top:#d4b1b1 solid 1px;
	width:94%;
	margin: 0px auto;
	margin-top:20px;
	padding-top:10px;
	text-align:center;
	color:#666;
}
#footer a{
color:#666;

}
#footer .bottomLinks ul{
	width:100%;
	display:inline; 
	list-style:none; 
}
#footer .bottomLinks li{
	display:inline; 
	list-style:none; 
	margin:0px;
	text-align:center;
	padding-right:12px;
	padding-left:10px;
	border-right: 1px solid #999;
	font-size:10px;
	font-stretch:condensed;
}

/* Mozilla Hack */
#footer .bottomLinks li{
	font-size:10px;
}
#footer .bottomLinks li.last{
	border-right:none;
	padding-right:0px;
}	

a{
	color:#990000;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}
p.readMore{
	clear:both;
}
.readMore a{
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
}
.readMore a:hover{
	text-decoration:none;
}

#container{
	width:95%; 
	text-align:left;
	border:0px solid #666666;
	padding:0px;
	padding-left:10px;
	margin:0px auto;
	color:#000000;
}

#container.three #column{
	width:30%; 
	float:left;
	margin:10px; 
	text-align:left;
	border:0px solid #666666;
	color:#cc0000;
}

#container #column{
	width:30%; 
	float:left;
	margin:10px; 
	text-align:left;
	border:0px solid #666666;
}

#container #column img{
	float: none;
	margin:0px auto;
	text-align:center;
}

/*-----------------*/

#container #column .contentBox{
	width:230px;
	border:1px solid #d4b1b1;
	border-top:1px solid #d4b1b1;
	margin:0px;
	font-size:12px;
	color:#333333;
	background-color: #FFFCEC;
	padding-left:10px;
	padding-top: 10px;
	padding-bottom:10px;
	line-height:1.4em;
}
#container #column .title{
	height:31px;
	width:240px;
	background-color: #FFF9B7;
	border:1px solid #d4b1b1;
	border-bottom:none;
	color:#cc0000;
	padding:0px;
	margin:0px;
	float:none;
}

/*Mozilla Hack*/	
html>body #container #column .title h4{
	padding:0px;
	margin:0px;
	padding-top:6px;
	padding-left:10px;
	font-size:14px;
}
#container #column .title h4{
	padding:0px;
	margin:0px;
	padding-top:6px;
	padding-left:10px;
}

/*mozilla Hack */
html>body #container #column .title h4{
	padding-top:12px;
	margin:0px;
	line-height:0.5em;
	padding-left:10px;
}
.contact #container.one p,
.how #container.one p{
	padding-left:.4em;
}
#container p strong{
	color:#990000;
}

#container #column .contentBox p{
	padding:8px 10px 8px 8px;
}
#container #column .contentBox p strong{
	color:#990000;
}
#container #column .contentBox a{
	text-decoration:none;
	font-weight:bold;
	color:#CC0000;
}
#container #column .contentBox a:hover{
	text-decoration:underline;
}
#container #column .contentBox ul{
	color: #990000;
	margin-left:10px;
	padding-top:10px;
	margin-top:0px;
}
#container #column .contentBox li{
	line-height:1.5em;
	padding-right:10px;
}

/* Mozill Hack */
html>body #container #column .contentBox ul{
	margin:10px;
	padding:0px;
}
html>body #container #column .contentBox li{
	padding-right:8px;
	padding-left:0px;
	padding:0px 10px 3px 0px;
	line-height:1.5em;
}
/*
#container #column .contentBox p{
	padding:5px;
	padding-top:10px;
	line-height:1.5em;
}

#container #column p.readMore{
	font-weight:bold;
	text-align:right;	
	padding-top:0em;
	color:#FF0000;
}*/


#pageTitle h1{
	font-size:16px;
}
#pageTitle{
	color: #FF0000;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #d4b1b1;
	width:800px;
	margin:0 auto;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:5px;
}
#pageTitle a{
	color: #FF0000;
}

/** Events Styles**/

#container #column .contentBox li p.date{
	padding-top:3px;
	padding-bottom:10px;
	line-height:5px;
	color:#000000;
}

/** Two Column Styles **/

#container.two #column{
	width:45%; 
	float:left;
	margin:10px; 
	text-align:left;
	border:0px solid #666666;
	color:#000000;
}

#container.two #column .contentBox{
	width:350px;
	border:1px solid #d4b1b1;
	margin:0px;
	font-size:12px;
	color:#333333;
	background-color: #FFFCEC;
	padding-left:10px;
	color:#990000;
}
#container.two #column .contentBox ul{
	color: #990000;
	margin-left:15px;
	padding-top:10px;
	margin-top:0px;
}
#container.two #column .contentBox ul li ul{
	padding-top:0px;
}
#container.two #column .contentBox li{
	line-height:1.5em;
	padding-right:10px;
}
#container.two #column .title{
	height:31px;
	width:360px;
	background-color: #FFF9B7;
	border:1px solid #d4b1b1;
	border-bottom:none;
	color:#cc0000;
	padding:0px;
	margin:0px;
	float:none;
}	
#container.two #column .contentBox p{
	color:#000000;
}	
/*
#container.two #column p{
	color:#000000;
}
#container.two #column{
	width:45%; 
	float:left;
	margin:10px; 
	text-align:left;
	border:0px solid #666666;
	color:#000000;
}

#container.two #column .contentBox{
	width:350px;
	border:1px solid #d4b1b1;
	border-top:1px solid #d4b1b1;
	margin:0px;
	font-size:10px;
	color:#333333;
	background-color: #FFFCEC;
	padding-left:10px;
	color:#cc0000;
}
#container.two #column .title{
	height:31px;
	width:360px;
	background-color: #FFF9B7;
	border:1px solid #d4b1b1;
	border-bottom:none;
	color:#cc0000;
	padding:0px;
	margin:0px;
	float:none;
}	

#container.two #column .contentBox ul{
	list-style:outside;
	text-indent:0px;
	display:inline;
	margin-left:10px;
}
#container.two #column .contentBox li ul{
	margin:0px;
	padding:0px;
}
*/

#container p{
	padding-left:8px;
	padding-right:10px;
	padding-bottom:20px;
}

/* Contact 
------------------------------------------------------------------------------- */
p.address{
	color:#000000;
	font-size:14px;
	line-height:1.3em;
}

.fltLft{
	float:left;
	border:0px solid #333333;
	margin:0px;
	padding:0px 10px 10px 0px;
}
.fltRt{
	float:right;
	margin:0px;
	padding:0px 0px 10px 10px;
	border:0px solid #333333;
}
.fltRt img{
	margin:0px;
	padding:0px;
	border:1px solid #333333;
}

/* home styles */

html>body.home .dialog #pageTitle{
	color: #FF0000;
}


html>body.home #container #column .contentBox p{
	padding:0px;	
	margin:0px;
}

.contributions #container #row .title {
	font-size:16px;
	text-transform:uppercase;
}
.contributions #container #row .contentBox p{
	font-size:12px;
	line-height:1.4em;
}

/** Program Styles**/


/*.programs #container p{
	padding:5px;
	
}
.programs #container .fltRt{
	padding-right:20px;
	
}
*/
p.highlight{
	border:1px solid #d4b1b1;
	background-color: #FFFEAB;
	padding:10px;
	margin:15px 0;
	color: #990000;
	font-weight:bold;
}
div.highlight{
	margin-top:10px;
	
}
p.highlight2{
	border:1px solid #d4b1b1;
	background-color: #FFFCEC;
	padding:10px;
	margin:15px 0;
}
div.highlight2{
	border:1px solid #d4b1b1;
	background-color: #FFFCEC;
	padding:10px;
	margin:15px 0;
}
.programs .extension{
	font-style:italic;
}
.programs #container ol{
	margin:1.0em;
	padding:0px;
}
.programs #container ul{
	padding-left:.5em;
	display:inline-block;
}
.programs #container ul li{
	line-height:1.5em;
}
.programs #container ol li{
	margin-left: 20px;
}
/*.programs .extension{
	font-style:italic;
}
.programs #container ol{
	margin-left:20px;
}
.programs #container ul{
	padding-left:.5em;
}
.programs #container ul li{
	line-height:1.5em;
	

}
.programs #container ol li{
	padding-left:20px;
	margin-left: 20px;
	
}*/



/* Events Styles */
/* ROWS*/

#container #row{
width:80%; 
margin:10px; 
text-align:left;
border:0px solid #666666;
}

#container #row img.fltLft{
	padding-top:10px;
}
#container #row p{
	padding:0px;
}

#container #row .contentBox{
	border:1px solid #d4b1b1;
	border-top:1px solid #d4b1b1;
	margin:0px;
	font-size:10px;
	color:#333333;
	background-color: #FFFCEC;
	padding-left:10px;
	padding-top:0px;
}
#container #row .contentBox #description{
	padding-top:10px;
}
#container #row .contentBox #description p{
	padding:0px;
	line-height:1.4em;
}
	
/*#container #row .contentBox a{
	text-decoration:none;
	font-weight:bold;
	color:#CC0000;
}
#container #row .contentBox a:hover{
	text-decoration:underline;
}*/
#container #row .title{
	height:31px;
	background-color: #FFF9B7;
	border:1px solid #d4b1b1;
	border-bottom:none;
	color:#cc0000;
	padding-top:1.0em;
	padding-left:1.0em;
}	
#container #row .title h4{
}	

/* Mozilla Hacks */
html>body #container #row .title{
	height:31px;
	background-color: #FFF9B7;
	border:1px solid #d4b1b1;
	border-bottom:none;
	color:#cc0000;
	padding:0px;
	padding-bottom:10px;
}	
html>body #container #row .title h4{
	line-height:0.5em;
	padding-left:10px;
	padding-top:0px;
}
#container #row .title h4 span.date{
	font-style:italic;
	font-weight:normal;
}	
#container #row .contentBox ul{
	list-style:outside;
	text-indent:0px;
	display:inline;
	margin-left:10px;
}
div.attachments{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
.attachments ul{
	margin:0;
	padding:0px;
}
.attachments ul li{
	display:inline;
	background:transparent url(../images/file_icon.gif) no-repeat;
	padding-left:20px;
	background-position: 0px -1px;
	padding-bottom:30px;
	line-height:2.0em;
}

#container h2{
	color:#FF0000;
	padding-left:.5em;
	font-weight:normal;
	text-align:center;
	border-bottom:1px dotted #CCCCCC;
	padding-top:20px;
	padding-bottom:10px;
}

div#cFriends{
	border: 0px solid #006633;	
	float:left;
	margin:10px 5px;
	height:160px;
	width:200px;
}
html>body div#cFriends{
	border: 0px solid #006633;	
	float:left;
	margin:10px 10px;
	height:160px;
	width:auto;
}
		
#cFriends img, #cFriends p{
	text-align:center;
 display: block; margin-left: auto; margin-right: auto;
	

}
		
#container p ol li strong{
color:#990000;
}	

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 350px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}