html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
/* background-color:#019934;*/
} 
 
#pagewidth{ 
 width:980px; 
 text-align:left; 
 margin:0 auto; 
 background-color:#FFFFFF;
 font-family:Arial,Helvetica,sans-serif;
} 
 
#header{
 position:relative; 
 height:150px; 
 background-color:#FFFFFF; 
 width:100%;
 display:block;
 text-align:center;
 margin-bottom:5px;
margin-top:5px;
} 

#leftHeader{
 position:relative; 
 float:left;
 height:150px; 
 width:97px;
 background-color:#FFFFFF; 
margin-right:2px;
 background-image:url(images/newPembsLogo150h.jpg);
}

#rightHeader{
 position:relative; 
 float:left;
 height:150px; 
 width:975px;
 background-color:#ffffff; 

 
}

#nav{
position:relative;
width:100%;
padding-top:3px;
padding-bottom:2px;
text-align:center;
margin-bottom:10px;
font-size:105%;
font-weight:bold;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav ul li{
padding:0;
margin:0 15px; 0 0;
display:inline;
}

#nav a{
text-decoration:none;
color:#154513;
}
 
#leftcol{
 width:340px; 
 float:left; 
 position:relative; 
 
  }
 
#twocols{
 width:631px; 
 float:right; 
 position:relative; 
  }
  
  #inner_twocols{
  width:971px; 
 float:right; 
 position:relative; 
  
  }
 
#rightcol{
 width:226px; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:383px; 

 }
 
 #inner_maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:745px; 

 }
 
 #inner_events{
 position:relative;
 float:left;
 width:740px;
 
 
 margin-right:10px;
 font-size:0.85em;
 margin-top:10px;
 }
 
 #rightcol a{
 text-decoration:none;
 color:#000000;
 
 }
 
  #campaigns{
  position:relative;
 float:left;
 width:326px;
 /*
  border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 */
 }
 
 #whatson{
  position:relative;
 float:left;
 width:366px;
 
 
 margin-right:10px;
 font-size:0.85em;
 margin-top:10px;
 }
 
 #whatson a{
 color:#3D3D3D;
 }
 
 #next_meeting{
 position:relative;
 float:right;
 width:222px;
 height:100px;
 overflow-x:hidden;
 overflow-y:scroll;
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 margin-top:10px;
 margin-bottom:10px;
 }
 
 #pr{
 position:relative;
 float:right;
 width:222px;
 height:440px;
 overflow-x:hidden;
 overflow-y:scroll;
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 margin-top:10px;
 margin-bottom:10px;
 }
 
 .ppbutton{
	 color:#FFFFFF;
	 background-color:green;
 }
 
 .column_header{
 position:relative;
 width:100%;
 text-align:center;
 color:rgb(53, 67, 77);
 font-size:1.25em;
 
 }
 
h1{
color:rgb(53, 67, 77);
font-size:1.25em;
margin-top:0px;
}
 
 .campaigns_box{
 position:relative;
 float:left;
 width:320px;
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 height:96px;
 margin-top:10px;
 }
 
 .campaigns_pic{
 position:relative;
 float:left;
 width:150px;
 height:96px; 
 margin-right:5px;

 }
 .campaigns_text{
 position:relative;
 float:left;
 height:96px; 
 width:155px;
 
 }
 
 .campaigns_title{
 position:relative;
 float:left;
 width:155px;
 text-align:left;
 color:#000000;
 font-size:1.1em;
 /*font-weight:bold;*/
 }
  .campaigns_title a{
  text-decoration:none;
  color:#000000;
  }
 
 .campaigns_summary{
 position:relative;
 float:left;
 width:155px;
 text-align:left;
 color:#8F8F8F;
 font-size:0.85em;
 font-weight:bold;
 }
 
 .pr_box{
 position:relative;
 float:left;
 width:193px;
 /*
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 */
 margin-top:5px;
 margin-bottom:5px;
 margin-left:5px;
 background-color:#CCCCCC;
 padding-top:2px;
 padding-bottom:2px;
 }
 .pr_text{
 position:relative;
 float:left;
 margin-left:5px;
 width:185px;
/* padding-right:5px;*/
 font-size:0.85em;
 color:#000000;
 text-align:left;
 }
 .pr_date{
 position:relative;
 float:left;
 margin-left:5px;
 width:185px;
 text-align:left;
 /*color:#8F8F8F;*/
 font-size:0.75em;
 }
 
 .whatson_box{
 position:relative;
 float:left;
 margin-left:5px;
 width:361px;
 text-align:left;
 margin-bottom:10px;
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 padding:5px;
} 

.inner_events_box{
 position:relative;
 float:left;
 margin-left:5px;
 width:750px;
 text-align:left;
 margin-bottom:10px;
 border-style:solid;
 border-width:1px;
 border-color:#CCCCCC;
 padding:5px;
} 
 
 
#footer{
width:100%;
 height:100px; 
  background-color:#FFFFFF; 
 clear:both;
 display:block;
 overflow:auto;
 border-top-style:solid;
 border-top-width:thin;
 border-top-color:#CCCCCC;
 margin-top:10px;
} 

#sponsor_logos{
position:relative;
float:right;
height:100px; 
}
 
 
.form_container{
position:relative;
float:left;
background-color:#CCCCCC;
padding:10px;
margin-bottom:10px;
margin-left:20px;
}

.form_row{
position:relative;
float:left;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
width:90%;
text-align:left;
}

.input_title{
position:relative;
float:left;
width:150px;
font-weight:bold;
text-align:left;
}
.input_area{
position:relative;
float:left;
width:100px;
margin-left:5px;
text-align:left;
}



.date_container{
position:relative;
float:left;

}

/* sm buttons */

#sm_buttons{
position:relative;
float:right;
width:206px;
height:70px;
padding:5px;
text-align:center;

}

#fb{
position:relative;
float:left;
width:40px;
height:40px;
text-align:center;

}

#twitter{
position:relative;
float:left;
width:40px;
height:40px;
text-align:center;

}
#share{
position:relative;
float:left;
width:125px;
height:16px;
margin-top:12px;

text-align:center;

}

#linkedin{
position:relative;
float:left;
width:210px;
text-align:center;
margin-right:30px;
}


/*end sm buttons */


/* for slideshow*/
.newSlider{
    padding:0px;
    margin:0px;
    list-style-type:none;
    position:relative;
}
#slideHolder{
    overflow:hidden;
}
.newSlider li a{
    border:0px;
    text-decoration:none;
}
.newSlider li a img{
    border:0px;
    text-decoration:none;
}

.newSlider li{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
/* end for slideshow*/
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}