@charset "utf-8";

/*Style sheet for Friends of Shrewsbury Park web site */




/*Sets all default padding and margins to 0 */

* {
	margin:0;
	padding:0;
	}
	
	
	

/*Sets font for all tags in one place */

html,body,p,h1,h2,h3,h4,ul,ol,li,blockquote,tr,td,div,span {
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
html {
	}
	

/*Background to site */

body {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #CDDEF8 url(../images/sky_background.jpg) fixed;
	}


/*Sets width and position of site in window */

#wrapper {
	background: #e1ffe1;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	-moz-box-shadow: 6px 6px 6px #444;
	-webkit-box-shadow: 6px 6px 6px #444;
	box-shadow: 6px 6px 6px #444;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	-khtml-border-radius: 14px 14px 14px 14px;
	border-radius: 14px 14px 14px 14px;
	}
	
	


/*Header area with site heading, logo and link to home page */


#header {
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-top: 12px;
	border-bottom: 1px solid #fff;
	height:77px;
	margin-bottom:15px;
	margin-top:0;
	background: #003300 url(../images/banner_trees_3.jpg);
	-moz-border-radius: 14px 14px 0px 0px;
	-webkit-border-radius: 14px 14px 0px 0px;
	-khtml-border-radius: 14px 14px 0px 0px;
	border-radius: 14px 14px 0px 0px;
	}



#header h1 {
	color: #fff;
	font-size: 1.65em;
	background: transparent;
	padding:0 0 0 12px;
	margin-top: 12px;
	border-right-style: none;
	border-bottom-style: none;
	text-shadow: 2px 2px 2px #333;
	}
	
#header h1 a:link, #header h1 a:visited {
	color: #fff;
	text-decoration:none;
	}
	
#header h1 a:hover, #header h1 a:active {
	color: yellow;
	text-decoration:none;
	}


#logo {
	float: right;
	margin-right: 10px;
	margin-top:-12px;
	border:none;
	}






/*Navigation menu style and unordered list */

#nav {
	width:190px;
	float:right;
	margin-right: 12px;
	}


#nav h3 {
	margin-top:22px;
	margin-bottom:12px;
	font-weight: bold;
	border-top: 1px dotted #006633;
	padding-top:9px;
	font-size: 1.4em;
	}


#nav ul {
	letter-spacing: 0em;
	margin-top:-4px;
	list-style: none;
	margin-left:0;
	padding-left:0;
	}



#nav li {
	padding-bottom: 7px;
	border-bottom: 1px dotted #006633;
	margin-top:6px;
	}
	
#nav li.no_border {
	border-style: none;
	border-bottom-width: 0px;
	}


#nav li a:link,#nav li a:visited {
	text-decoration: none;
	display: block;
	padding:3px 2px 3px 5px;
	border-top: 2px solid #666666;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #666666;
	color:#fff;
	font-size: 0.9em;
	background: #006633 url(none);
	font-weight: bold;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

#nav li a:hover,#nav li a:active {
	text-decoration: none;
	color:#FFFF99;
	padding:4px 3px 2px 4px;
	border-top: 2px solid #000;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #000;
	background: #003300 url(../images/natfl004.jpg);
	-moz-box-shadow: -2px -2px 3px #444;
	-webkit-box-shadow: -2px -2px 3px #444;
	box-shadow: -2px -2px 3px #444;
	}
	

 
/*Main content area */

#content {
	padding-right: 12px;
	padding-left: 12px;
	width:710px;
	float:left;
	padding-bottom: 12px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background: #fff;
	margin-left: 0px;
	margin-bottom:12px;
	-moz-box-shadow: 6px 6px 6px #444;
	-webkit-box-shadow: 6px 6px 6px #444;
	box-shadow: 6px 6px 6px #444;
	-moz-border-radius: 0px 25px 25px 0px;
	-webkit-border-radius: 0px 25px 25px 0px;
	-khtml-border-radius: 0px 25px 25px 0px;
	border-radius: 0px 25px 25px 0px;
	}
	
	
	
#content_wider {
	padding-right: 12px;
	padding-left: 12px;
	width:936px;
	float:left;
	padding-bottom: 12px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background: #fff;
	margin-left: 0px;
	margin-bottom:12px;
	}

#content p,#content li {
	padding-right: 70px;
	}





/*footer, W3 logo, otherness etc*/

#footer {
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 12px;
	border-top: 1px solid #fff;
	background: #003300 url(../images/banner_trees_3.jpg) 0px -30px;
	height:47px;
	margin-top:15px;
	clear: both;
	-moz-border-radius: 0px 0px 14px 14px;
	-webkit-border-radius: 0px 0px 14px 14px;
	-khtml-border-radius: 0px 0px 14px 14px;
	border-radius: 0px 0px 14px 14px;
	}

#footer p {
	color:white;
	font-size: 0.85em;
	text-align: right;
	font-weight: bold;
	padding-bottom: 16px;
	}


#footer p a:link, #footer p a:visited {
	color:white;
	text-decoration: underline;
	} 


#footer p a:hover, #footer p a:active {
	color:#ffff66;
	text-decoration: none;
	} 
	
	
	
#w3block	{
	float: left;
	margin-right: 12px;
	border-style: none;
	margin-top:3px;
	margin-bottom:12px;
	background:transparent;
	}


#w3block a:hover, #w3block a:active {
	background:transparent;
	border-style: none;
	}




img.w3c_icon {
	border:none;
	margin-right: 12px;
	}
	
	
.otherness {
	border:none;
	float:right;
	margin-left:14px;
	margin-bottom: 6px;
	margin-right:-20px;
	}



/*Basic tags*/


p,td,li {
	color: #333;
	font-size: 0.95em;
	}


p, li {
	letter-spacing: 0.03em;
	}

p {
	margin-bottom:10px;
	line-height: 1.65;
	}
	
#content p {
	margin-bottom:10px;
	margin-top:2px;
	padding-top:0;
	}

h2,h3,h4,caption {
	font-weight: normal;
	color: #006633;
	letter-spacing: 0.04em;
	}

h1 {
	background: #003300 url(../images/grass_background.jpg) 0px 0px;
	color:#fff;
	padding: 6px 3px 6px 12px;
	margin: 0 -13px 21px -12px;
	text-shadow: 2px 2px 2px #222;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-khtml-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
	font-size: 2.2em;
	letter-spacing: 0.05em;
	}


ul {
	margin-top: 10px;
	margin-bottom: 14px;
	margin-left:25px;
	padding-left:14px;
	list-style: square;
	}

ol {
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left:25px;
	padding-left:14px;
	}



li {
	margin-bottom:0.35em;
	line-height: 1.55;
	}

h2 {
	margin-top: 13px;
	margin-bottom: 0.2em;
	clear:both;
	border-top: 1px dotted #006633;
	padding-top:12px;
	padding-bottom:8px;
	line-height: 1.3;
	}


#content h2 {
	margin-top:24px;
	margin-bottom:0px;
	padding-bottom:1px;
	font-size: 1.5em;
	}

#content h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
	
	#content h4 {
	margin-top: 0.5em;
	margin-bottom: 0.20em;
	}





/*Additional classes*/

.hilight {
	font-weight: bold;
	color: #006633;
	}

.hilight_2 {
	font-weight: bold;
	color: #000;
	}

.colour_3	{
	color: #006633;
	}
	
.data {
	color: #666;
	}



/*Events table */

table.events {
	border: 2px solid #006633;
	border-collapse:collapse;
	width: 640px;
	margin-bottom:10px;
	margin-top: 3px;
	padding-top:8px;
	}



.events td {
	padding:4px;
	vertical-align: top;
	line-height: 1.35;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	}


.events th {
	font-weight: bold;
	text-align: left;
	padding:4px 2px 4px;
	color:#fff;
	border: 1px solid #fff;
	}


.events caption {
	font-size: 1.5em;
	text-align: left;
	padding-bottom: 0.45em;
	padding-top: 0.75em;
	margin-top:5px;
	}


.alt_bg {
	background: #D7FFD7;
	}

.alt_bg_2 {
	background:#006633;
	}

.date {
	color: #003300;
	font-weight: bold;
	width:120px;
	}

.contact {
	color: #003300;
	font-weight: bold;
	width:300px;
	}

.park_background {
	background: #006633 url(../images/natfl004.jpg);
	}




/*Big map page */

#big_map {
	display: block;
	}
	
	
.map#content {
	width:690px;
	}
	
.map#content img {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:65px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}	




/*Photos */

#content .photo_right {
	float: right;
	margin-bottom: 17px;
	margin-left: 12px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-box-shadow: 6px 6px 6px #555;
	-webkit-box-shadow: 6px 6px 6px #555;
	box-shadow: 6px 6px 6px #555;
	margin-bottom:4px;
	}
	
#content h2 img.photo_right {
margin-bottom: 17px;
}
	
	
	
.photo_left {
	float: left;
	margin-bottom: 10px;
	margin-right: 14px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top:6px;
	-moz-box-shadow: 6px 6px 6px #555;
	-webkit-box-shadow: 6px 6px 6px #555;
	box-shadow: 6px 6px 6px #555;
	}
	
.photo_right_noborder {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right:70px;
	border: none;
	}
	
	
	
ul.photo_small {
	margin-bottom:25px;
	margin-top:25px;
	margin-left:0;
	padding-left:0;
	padding-bottom:40px;
	
}

ul.photo_small li{
	list-style: none;
	text-align: center;
	font-size: 0.80em;
	float:left;
	width:204px;
	color:#006633;
	margin-left:0;
	padding-left:0;
	margin-right:10px;
	padding-bottom:10px;
	}

ul.photo_small li img {
	display:block;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	-moz-box-shadow: 6px 6px 6px #555;
	-webkit-box-shadow: 6px 6px 6px #555;
	box-shadow: 6px 6px 6px #555;
	}
	
	
#content ul.photo_med {
	margin-bottom:25px;
	margin-top:25px;
	margin-left:0;
	padding-left:0;
	padding-bottom:40px;
	width:720px;
	
}

#content ul.photo_med li{
	list-style: none;
	text-align: center;
	font-size: 0.8em;
	float:left;
	width:320px;
	color:#006633;
	margin-left:0;
	padding-left:0;
	margin-right:-30px;
	padding-bottom:10px;
	}

#content ul.photo_med li img {
	display:block;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	-moz-box-shadow: 6px 6px 6px #555;
	-webkit-box-shadow: 6px 6px 6px #555;
	box-shadow: 6px 6px 6px #555;
	margin-bottom:5px;
	}
	
	
ul.photo_small li.portraitsmall {
	width:240px;
	}

ul.photo_small li.portraitsmall img {
	margin-bottom:3px;
	}



 #content .photo_block {
	margin-top: 12px;
	margin-bottom: 12px;
	list-style: none;
	margin-left:0;
	display: block;
	}

 #content .photo_block li img {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	display:block;
	margin-top: 12px;
	-moz-box-shadow: 6px 6px 6px #444;
	-webkit-box-shadow: 6px 6px 6px #444;
	box-shadow: 6px 6px 6px #444;
	margin-bottom:7px;
	}
	
	
	
#content .photo_block li.portrait  {
	font-size: 0.9em;
	font-weight: bold;
	color: #006633;
	margin-top: 14px;
	padding-top: 0px;
	padding-bottom: 30px;
	width:460px;
	text-align: center;
	border-bottom: 1px dotted #006633;
	padding-left: 120px;	
	}
	
#content .photo_block li.portrait_rotate  {
	font-size: 0.9em;
	font-weight: bold;
	color: #006633;
	margin-top: 14px;
	padding-top: 0px;
	padding-bottom: 30px;
	width:510px;
	text-align: center;
	border-bottom: 1px dotted #006633;
	padding-left: 120px;
	margin-left:auto;
	margin-right:auto;
	}
	
	#content .photo_block li.portrait_rotate img {
	margin-left:auto;
	margin-right:auto;
	
	}
	

 #content .photo_block li {
	font-size: 0.9em;
	font-weight: bold;
	color: #006633;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	width:558px;
	text-align: center;
	border-bottom: 1px dotted #006633;
	padding-left: 65px;
	line-height: 1.35em;
	}
	
#content .photo_block li.landscape {
	padding-left: 0px;
	padding-right:0px;
	line-height: 1.35em;
	width:679px;
	padding-bottom: 30px;
	padding-top:10px;
	margin-left:12px;
	margin-right:12px;
	}
	
#content .photo_block li.landscape img {
	padding-left:0;
	margin-left:0;
	display:block;
	margin-top: 12px;
}
	
	

#content .photo_narrow {
	padding-top: 12px;
	list-style: none;
	margin-left:0;
	}

 #content .photo_narrow li img {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	display:block;
	margin-top: 12px;
	margin-left:auto;
	margin-right:auto;
	}

#content .photo_narrow li {
	font-size: 0.9em;
	font-weight: bold;
	color: #006633;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	width:558px;
	text-align: center;
	border-bottom: 1px dotted #006633;
	padding-left: 65px;
	line-height: 1.35em;
	}
	
#content .photo_block ul li.no_border { 
	border-bottom: 0px none;
	}



.no_border {
	border-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	}
	
	

/*Constitution formatting*/
	
#constitution h2 {
	clear:left;
	margin-top:0;
	margin-bottom:0.9em;
	}
	

#constitution h3  {
	font-size: 1.0em;
	margin-top: 0.9em;
	margin-bottom: 0.2em;
	}


#constitution ul{
	margin-top:0;
	}

#constitution p {
	margin-bottom: 0.3em;
	}


#content a:link, #content a:visited {
	color:#006633;
	text-decoration: underline;
	}

#content a:hover, #content a:active {
	color:#fff;
	background:#006633;
	text-decoration: none;
	}



.video {
	Background:#006633;
	width:425px;
	height:344px;
	padding:12px;
	background: #006633 url(../images/natfl004.jpg);
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	}

#content .pdf {
	list-style: square url(../images/pdf_icon-small.gif);
	}
	

.pdf li {
	margin-left: 10px;
	margin-bottom:8px;
	}




/*Slide show on home page*/

.slides h1 {

	}

#content .slides {
	margin-left:0px;
	float:left;
	width:440px;
	margin-right:4px;
	-moz-box-shadow: 6px 6px 6px #555;
	-webkit-box-shadow: 6px 6px 6px #555;
	box-shadow: 6px 6px 6px #555;
	margin-bottom:16px;
	margin-top:6px;
	}
	

	

#content .slides p.colour_3	{
	font-size: 0.85em;
	color: #006633;
	margin-top: -17px;
	text-align: center;
	width: 440px;
	padding-top:0;
	
	}
	
	
p.righttext {
	float: right;
	width: 184px;
	}


.slides img {
	border-top: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: none;
	display: block;
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
	}


/*Gallery formatting for image and text as ordered list*/

#content ul.gallery {
	list-style: url(../images/gallery_icon.jpg);
	margin-bottom: 10px;
	margin-top: 25px;
	margin-left:50px;
	padding-left:5px;
	}



#content .gallery li {
	margin-bottom: 10px;
	}
	
	
#content .gallery li a:link, #content .gallery li a:visited,#content .gallery li a:hover,#content .gallery li a:active {
	padding: 3px;
	font-size: 1.05em;
	vertical-align: 20%;
	}
	
	
	
ul.gallery li {

	}

p.update_news {
	color: #000;
	padding-bottom:8px;
	border-bottom: 1px dotted #006633;
	margin-bottom:21px;
	}


/*Formatting for links in content area - not navigation etc*/

#content .links ul{
	list-style: url(../images/hand_cursor.gif);
	margin-left:60px;
	}

#content .links li {
	margin-bottom:10px;
	font-size: 0.95em;
	letter-spacing: 0.05em;
	}

#content .links li a:link, .links li a:visited {
	margin-bottom:12px;
	padding:2px;
	}


.map#content .link_logo {
	float: right;
	margin-left: 10px;
	border-style: none;
	border-width: 0px;
	margin-top:0px;
	}

.clear {
	clear: both;
	}



#more_info h3 {
	padding-top:10px;
	padding-bottom:0.10em;
	margin-top:10px;
	margin-bottom:0em;
	font-weight: normal;
	}
	
.super {
	font-size: 0.65em;
	vertical-align: super;
	}
	
.divideline {
	border-bottom: 1px dotted #006633;
	padding-bottom:12px;
	}


.one_border {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	display:block;
	margin-bottom:20px;
	margin-top:6px;
	}

.letter_date {
	text-align: right;
	padding-bottom: 2em;
	padding-top: 2em;
	}




/*News block on home page - with light colour background*/

#news_box {
	background: #F2FFF2;
	margin-top:0px;
	margin-left:-12px;
	margin-right:-12px;
	padding:12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}


#news_box li {
	margin-bottom:10px;
	color: #006633;
	list-style: url(../images/tree_icon.gif);
	padding-left:10px;
	margin-left:30px;
	}


#content #news_box p.update {
	font-weight: bold;
	color: #fff;
	margin-top:12px;
	margin-bottom:12px;
	background-color:#006633;
	padding:3px 3px 3px 12px;
	}




#content ul  {
	list-style: url(../images/list_block.gif) none;
	margin-left:50px;
	padding-left:1px;
	margin-bottom:14px;
	padding-bottom:0px;
	}
	
	
q	{
	font-style: italic;
	}


/*Wider photo block style*/

#content .wide_photo_block {
	margin-top: 12px;
	margin-bottom: 12px;
	list-style: none;
	margin-left:0;
	display: block;
	}

 #content .wide_photo_block li img {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	display:block;
	margin-top: 17px;
	-moz-box-shadow: 6px 6px 6px #444;
	-webkit-box-shadow: 6px 6px 6px #444;
	box-shadow: 6px 6px 6px #444;
	margin-bottom:7px;
	}
	
	
	
#content .wide_photo_block li {
	font-size: 0.95em;
	font-weight: bold;
	color: #006633;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #006633;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	letter-spacing: 0.09em;
	line-height: 1.35em;
	}
	
	
#content .wide_photo_block li.portrait {
	width:709px;
	}

#content .wide_photo_block li.portrait img	{
	margin-right: auto;
	margin-left: auto;
	}



	
#content .wide_photo_block li.no_border { 
	border-bottom: 0px none;
	}
	
.species { 
	font-style: italic; 
	}
	
	
.logo_event {
	float: left;
	border-style: none;
	margin-left:45px;
	margin-top:15px;
	padding-bottom:12px;
	}

#content .events tr.park_background.light td	{
	font-weight: bold;
	color: #fff;
	}

/*Mainly top news section on home page*/


.add_line_above {
	border-top: 1px dotted #006633;
	padding-top:12px;
	}


#content h3.add_line_above {
	margin-top:22px;
	}

#content blockquote p {
	margin-left: 40px;
	margin-right: 60px;
	color: #006633;
	text-indent: -0.3em;
	text-align: justify;
}

#content blockquote p.sec_paragraph {
text-indent: 0em;
}


h2.gallery_heading {
	text-align: center;
	border-top-width: 0px;
	border-top-style: none;
}
	
	
#content ol#questionnaire li span.heading {
	color: #006633;
	font-weight: bold;
	display: block;
	padding-top:14px;
	padding-bottom:1px;
	}
	
	
#content .pdf {
	list-style: square url(../images/pdf_icon-small.gif);
	}
	

.pdf li {
	margin-left: 10px;
	margin-bottom:8px;
	}