/*STYLE SHEET FOR MAIN WE ALL DO GOOD THINGS*/

/*Credit to http://www.alistapart.com/articles/footers for base alignment of footer.*/


/*for footer at base*/
html {
	height: 100%;
}
			
/*BODY - SET THE BACKGROUND COLOUR*/
body {
	background: url('site_images/bg_color.png');
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
	height: 100%;/*for footer at base*/
}

/*for footer at base*/
#container {
    position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
/*for footer at base*/
html>body #container {
	height: auto;
}
#content_frame{
	padding-bottom: 300px; /*pushes away footer at base*/
	clear:both;
	margin-left:28px;
}

#sub_container{
	width:1070px;/*hangs just over pink balloon*/
	/*padding-bottom:300px;*/
}

#footer{
	position: absolute;/*for footer at base*/
	bottom: 0px;/*for footer at base*/
	min-width:1380px;
	background: url('site_images/tide_repeat.jpg') repeat-x bottom right;
	width:100%;
	z-index:1;/*Required as otherwise footer is in front of bottom content )(e.g. links);*/
}
#footer_inner{
	background: url('site_images/kathryn_pier.jpg') no-repeat bottom right;
	height: 445px;
	/*z-index:99;Bring content back in front*/
	padding-right: 10px;
}



#footer a{
	color: #fefefe;
}
#footer a:hover{
color:#f6ce30;
}

#footer p{
	/*text-align:right;*/
	font-size: 85%;
	margin:4px;
	margin-left:20px;
/*	min-width:940px;stop iot collapsing all the way in*/
	color:#eeeeee;
	font-family:'Courier New', Courier, monospace;
}

#footer .top{
	padding-top:330px;/*Pushes the text down*/
}


#header{
	
}

#header_inner{
	padding:12px;
}

#header img.mainlogo{
	float:left;
	margin-right:20px;
	width:120px;
	height:113px;
}
#header img.pulogo{
	float:right;
	margin-top:20px;
	width:160px;
	height:85px;
}

a img{
	border:none;
}

#header h1 {
	font-size: 250%;
	margin-bottom: 0px;
	margin-top:14px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-weight:900;
	
	/*text-transform: uppercase;*/
}
#header h2 {
	color: #cc0066;
	font-size: 160%;
	margin-top: 6px;
	font-weight:600;
	font-family:'Courier New', Courier, monospace;
	font-weight:bold;
	margin-bottom:12px;
}



.clear{clear:both}






#nav{
	position:relative;
	float:left;
	width: 110px;
	z-index:99;
}

#nav ul{
	/*margin:0;*/
	list-style-type:none;
	padding:0;
	margin-top:36px;
	
}
#nav a{
	font-size: 100%;
	font-weight:900;
	color:black;
	text-decoration:none;
	display:block;
	padding:10px;
	background: url('site_images/tab_with_overlap_01.png') no-repeat top left;
	font-family:'Courier New', Courier, monospace;
}

#nav a:hover{
	color: #cc0066;
}

#nav li.current a{
	color: #cc0066;
}

#nav ul li.current{
	background: url('site_images/tab_with_overlap_02.png') no-repeat bottom left;
}

#nav ul li{
	margin-top:16px;
	margin-bottom:16px;
	background: url('site_images/tab_without_overlap_02.png') no-repeat bottom left;
}

#content_area{
	width:860px;
	margin-left:101px;
	background: url('site_images/content_area_02.jpg') bottom left repeat-y;
}
#content{
	background: url('site_images/content_area_01.jpg') top left no-repeat;
	padding:16px;
	padding-bottom:10px;
	z-index:999;
	position:relative;

}

#content h3{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	margin:0;
	padding-bottom: 12px;
	margin-bottom:18px;
	font-size:120%;
	border-bottom: black 2px solid;
}



#left_content{
	margin:0;
	padding:0;
	width:630px;
	float: left;
}

/*.centered_content{
	margin:0 auto;
}
*/
.padding_top{
	padding-top:16px;
}

.whitebg{
	background-color: white;
}
.yellowbg{
	background-color: #ffe65d/*#f6ce30*/;
}


#right_content{
	width:180px;
	float:right;
	padding-left:10px;
}



.text_block{
	padding:16px;
}
.text_block p {
	margin-top:0px;
	line-height: 140%;
	font-size: 100%;
}

.text_block ul {
	padding-left:20px;
	list-style-position: outside; 
	margin-left: 0px;
	/*list-style: square; */
}

.text_block li {
 margin: 0px; padding: 0px; }

.text_block a, #right_content a{
	color: #cc0066;
	
}

.text_block a:hover, #right_content a:hover{
	text-decoration:none;
	color:#dd1177;
}


/*#inner_content img.float_right.top{
	padding:0;
	margin-left:12px;
	background-color: white;
	padding-left:12px;
	padding-bottom:12px;
}*/
.right{
	float:right;
}
.left{
	float:left;
}
.clear_right{
	clear:right;
	}


#content_base{
	height: 7px;
	background: url('site_images/content_area_03.jpg') no-repeat top left;
}


#events{
	margin-bottom:12px;
}

#events h4{
	color: #117711;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom: 1px #cccccc solid;
}
#events p{
	font-size:90%;
	margin-bottom:4px;
}


.error{
	font-weight: bold;
	color: red;
}


.event_subline{
	font-size:80%;
	color:#2F4F4F; 
}

p.caption{
	font-size:85%;
	color:Gray;
	margin-top:0;
	text-align:right;
}
p.caption a{
	color:Gray;
}
p.caption a:hover{
	color:#cc0066;
}


.pink{
	color:#cc0066;
}
/*.fullwidth_content{
	width:100%;
	float:left;
}*/

.fundlogo{
	margin:18px;
}

#logo_side{
	margin-top:10px;
	text-align:center;
}
#logo_side a img{
	margin-top:20px;
}


.hide{
	position:absolute;left:-5000px;
}


.sitemaplink {
	padding-bottom:8px;

}
.sitemaplink li{
	font-weight: 900;
	margin:6px;
}

#right_content h4{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	margin:0;
	padding-bottom: 4px;
	margin-bottom:8px;
	border-bottom: black 2px solid;
}

#right_content ul{
	padding-left:20px;
	
}

#right_content ul li{
	margin-top:4px;
	
}

#blog{
	background: url('site_images/note_paper_middle.jpg') repeat-y top left;
}

#blog_header{
	min-height: 46px;
	background: url('site_images/note_paper_top.jpg') no-repeat top left;
	font-weight:bold;
	font-size: 90%;
}


#blog_articles{
	margin:12px;
	margin-right:20px;
	min-height:100px;
}

.blog_article{
	margin-bottom:24px;
}


.blog_article .article_heading{
	margin-top:0px;
	width:100%;
	border-bottom: 1px solid black;
}

.blog_article .date{
margin:0px;
	color: Gray;
}
.blog_article .title{
	/*font-family: "Comic Sans MS","URW Chancery L","Brush Script MT", cursive;*/
	color: #333399;
	font-size:100%;
	margin:0px;
}

.article_content{
	margin-top:12px;
	margin-bottom:12px;
}

.blog_article .article_content{
	padding-top:4px;
	margin-left:80px;
	line-height:148%;
	font-family: "Comic Sans MS","URW Chancery L","Brush Script MT", cursive;
}

.blog_article img{
	/*margin-left:80px;*/
}


.page_counter{
	margin-left: 92px;
	float:left;
}

.page_controls, .page_header{
	float:right;
	margin-right: 20px;
}

.page_controls{
	color: Gray;
	clear:both;
}

p.page_header{
	margin-top:8px;
	margin-bottom:4px;
}

#blog_articles_base .page_header{
	margin-top:0px;
}

#blog_articles_base{
	background: url('site_images/note_paper_bottom.jpg') no-repeat top left;
	min-height:46px;	
	font-weight:bold;
	font-size:90%;
}

.currentmonth a{
	font-weight:bold;
	color: black;
}

.white_box{
	border: 2px #aaaaaa solid;
	background-color:white;
	/*width: ;*/
	/*padding:8px;*/
}


#flyerhome{
	width:795px;
	/*height: 534px;*/
	min-height: 534px;
	border: 2px #aaaaaa solid;
	background-color: white;
}
/*(url('site_images/picnic_bare_01.jpg') white no-repeat top right;*/

#flyerhome h3, #flyerevents h3{
	width: 350px;
	height:58px;
	margin-top: 20px;
	margin-left:15px;
	margin-bottom:0px;
	text-indent: -9999px;
	background: url('site_images/picnic_header.jpg') no-repeat top left; 
	border: none;
	padding-bottom:0px;
}

#flyerhome h3{margin-left:20px;}
#flyerhome p{margin-left:20px;}

#flyerhome img{
	padding-left:20px;
	padding-right:20px;
}


#flyerhome .details{
margin-right: 20px; width: 360px; margin-top: 40px; text-align:justify;
}

.blue{
	color: #3399cc;
}

#flyerevents h3{
	width: 229px;
	height:32px;
	background: url('site_images/picnic_header_small.jpg') top left; 
	margin-top:0px
}
#flyerevents h3#place{
	width: 128px;
	height:21px;
	background: url('site_images/picnic_header_hb_small.jpg') top left; 
	margin-bottom:5px;
margin-top:20px;
}




#contentheadinglink{
	float:right;
font-size:small;
}

#flyerhome p, #flyerevents p{
	/*font-family: "Franklin Gothic Medium","URW Gothic L", Helvetica,sans-serif;*/
	font-size: 1.2em;
	
	margin-top:10px;
	margin-bottom:10px;
	
}
#flyerevents p{
margin-left:15px;
}

#flyerevents p, #flyerevent ul{
	width:235px;
}


#flyertop{
	min-height:460px;
	height:auto !important;
	height:460px;

}

#flyerhome p.subaddress, #flyerevents p.subaddress {
	font-size: 1.8em;
	margin-bottom:0px;
	}
#flyerhome p.subaddress{
	/*width:400px;*/
}
#flyerhome p.sub, #flyerevents p.sub{
	margin-top:0px;
	font-size: 1.8em;
	margin-bottom:0px;
}
#flyerevents p.subaddress , #flyerevents p.sub{
	font-size:1.2em;
	font-weight:bold;
	width:265px;
}

#flyerevents .green{
	color: #339933;
}
#flyerevents .small{
	font-size:1em;
}

#flyerevents ul{
	list-style-type: none;
	padding-left:13px;
}

#flyerevents li#plant{background: url('site_images/flyer_plant.jpg') no-repeat top left;}
#flyerevents li#bag{background: url('site_images/flyer_bag.jpg') no-repeat top left;}
#flyerevents li#trees{background: url('site_images/flyer_bug.jpg') no-repeat top left;}
#flyerevents li#pots{	background: url('site_images/flyer_pot.jpg') no-repeat top left;}
#flyerevents li#score{background: url('site_images/flyer_ball.jpg') no-repeat top left;}
#flyerevents li#art{background: url('site_images/flyer_art.jpg') no-repeat top left;}
#flyerevents li#play{	background: url('site_images/flyer_games.jpg') no-repeat top left;}
#flyerevents li#sing{	background: url('site_images/flyer_music.jpg') no-repeat top left;}

#flyerevents li{
	padding-left: 20px;
	line-height: 1.6em;
	}

#flyerevents #picnictag{
position: absolute; top: 65px; left: 345px; text-align: center; width: 100px; margin: 0px;line-height:1.1em;
}

#flyerevents #familytag{
	text-align:center;
	
}

#flyerevents{
	width:595px;
	border: 2px #aaaaaa solid;
	background: url('site_images/picnic_bare_02.jpg') white no-repeat top right;	
}

#flyerevents #flyermid{
	background: url('site_images/flyer_singer.jpg') no-repeat top left;
	min-height:148px;
	height:auto !important;
	height: 148px;
}
#flyermid p{
	width:455px;
	margin-left:130px;
	margin-top:0px;
}
#flyermid .indent{
margin-left: 20px;
}

#flyermid .plustag{
	font-size:1.8em;
	margin-bottom:0px;
	/*padding-top:15px;*/
}

#flyerbottom p{
	width: 560px;
	margin-bottom:0;
	margin-top:4px;
}

#flyerevents .exsmall{
	font-size: 0.9em;
}

#flyerevents #rainimage{
	text-indent: -9999px;
	background: url('site_images/flyer_umbrella.jpg') no-repeat top left;
	width:112px;
	margin-left:180px;
	height:112px;
	float:left;
}
#flyerevents #betterplace{
	text-indent: -9999px;
	background: url('site_images/flyer_better.jpg') no-repeat top left;
	width:112px;
	height:112px;
	float:left;
}

#flyerevents #logostrip{
	text-align:center;
	/*margin-top:20px;*/
	padding-top:28px;
	margin-bottom:10px;
}

#flyerevents #logostrip a{
	margin-left:6px;
	margin-right:6px;
	display:inline-block; 
}



.white_box_controls{
	border-bottom:2px solid #aaaaaa;
	padding:4px;
	padding-left:8px;
	padding-right: 8px;
	font-weight:bold;
	color: #666666;
}
.add_pad{
	padding:8px;
}

.white_box_controls p{
	margin:0px;
	padding:0px;
}

#events h3{
	border-bottom:none;
	font-size:120%;
	margin:0px;
	padding-bottom:0px;
	color: #CC0066;
}