@charset "utf-8";
/* CSS Document * 1/


/* Global Rest ------------------ */
* {
	vertical-align: baseline;
	/*font-weight: inherit; */
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-style: inherit;
	font-size: 13px;
	border: 0 none;
	outline: 0;
/*	padding: 0;*/
	margin: 0;
	}

html {overflow-y:scroll;}
a:link {
	text-decoration: none;
	color:#0099CC;
}
a:hover {color:#000000; text-decoration:underline}

a:visited {
	color:#0099CC; text-decoration:none}

	
	
/* Layout  ------------------ */

body.background {
	background-image:url(../images/grass_bg.jpg) }
	
div#center {margin:auto; 
	position:relative; 
	width:911px}
	
	
div.header {
	width:851px;
	height:414px;
	background-image:url(../images/Worcester_ParksHeader.jpg);
	margin-left:30px
}




div.headerContent {
	width:370px;
	height:120px;
	margin-left:430px;
	padding-top: 193px;
}


div.navigation{
height:20px;
margin-left:300px;
padding-top:36px;
width:530px;
}


div.middle {
	width:851px;
/* remove to autosize for FP article snippets 1/28/11 -	height:1040px; */
	background-color:#FFFFFF;
	background-image:url(../images/middle_bg.jpg); 
	background-repeat: no-repeat;
	margin-left:30px
}

div.leftShadow {
	width:30px;
	background: url(../images/shadow_l.png) repeat-y;
	float:left
}

div.rightShadow {
	width:30px;
	background: url(../images/shadow_r.png) repeat-y;
	float:right
}

div.contentLeft {width:400px; margin-left:25px; margin-right:16px; float:left}

div.contentRight {width:300px; float:left } 

/* Typography ------------------ */

h2 {display:inline}
.footer {
	font-size:11px;
	background-color:#ffffff;
	/* for IE */
  filter:alpha(opacity=60);
	/* CSS3 standard */
  opacity:0.6;
	margin-left:30px;
	margin-right:30px;
	margin-top:65px;
	padding-bottom:12px;
	color:#333333;
	text-align:center;
	clear:both
}

div.green {
  padding:17px;
  margin-left:5px;
  margin-right:5px
  }
  
div.green b {font-size:14px; color:#4D950B}  


.transbox
  {
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;}



div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }

.regularList {
	list-style: circle inside;
	padding-left:40px;
}

.regularList li {padding-top:3px}

h1 {  /*font-family: times, Times New Roman, times-roman, georgia, serif;*/
		font-size: 20px;
	        line-height: 40px;
	        letter-spacing: -1px;}
			
h2 a{
	color:#88BE19;
	font-size:20px;
	text-decoration: none;
}

h2 a:hover{
	color:#000;
}
			
			
.navigation a {font-size:18px; color:#FFFFFF}
.navigation a:hover {
	color:#CCCCCC
}

div#navmenu 
{
height:20px;
margin-left:23px;
padding-top:52px;
width:785px;
}

div#navmenu ul {list-style:none; padding: 0; margin:0; font-size:18px; color:#FFFFFF}

div#navmenu li { float: left; margin-left: 42px; font-size:16px; color:#FFFFFF} 

div#navmenu li a {font-size:18px; color:#FFFFFF; text-decoration: none;}
div#navmenu li a:hover {
	color:#333333;
}

div.clear {clear:both}

div.myBox{
	background-image:url(../images/hpArticleBG.gif);
	background-repeat:no-repeat;
	/*border: 2px solid #89BF1C;*/
	margin:15px 12px 25px;
	/*background-color:#FFFFFF;*/
	padding:15px; 
	width:824px
	
}

div#test{
	border: 10px solid #89BF1C;
	
}

div.hpArticleTop {width:510px; display:inline; float:left; padding-right:33px}
div.hpArticleImage {width:100px; display:inline}


div.hpArticleBottom {
	margin:28px 16px
}

.grid_3, .grid_7{display:inline; margin-left:10px;margin-right:10px}


div.topSection div, img.topSection {
	border: solid 10px #e5e5e6;
	height: 280px;
}

div.topSection div p {
	margin: 10px;
}

div.topSection h1, div.topSection h2 {
	text-align: center
}

img#poster {
	width: 360px;
	height: 280px;
}
img#poster2 {
	width: 250px;
	height: 180px;
}

img#poster3 {
	width: 110px;
	height: 75px;
	margin-right:15px
}

/* HP Rounded Corner ------------------ 
.myBox
{
    margin: 0 auto;
    padding: 20px;
    text-align: left;
    border: 3px solid #89BF1C;
}
*/


/*.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}

div#navbar, div.spacer {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#navbar {
	background-color: #8FC73E;
	padding: 10px 0;
}

div#navbar ul {
	list-style: none;
	display: block;
	margin: 0 10px;
}

div#navbar ul li a {
	float: left;
	margin: 0 1.5em;
}
div#navbar ul li a:hover, div#navbar ul li.active a { color: #fff}
*/