@charset "utf-8";
body  {
 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 */
 color: #000000;
 background-image: url(images/PMEbackground.jpg);
 background-repeat: no-repeat;
 background-color: #99ccff;
 background-position: center top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-size: 67%;

}

a{
color: #0066cc;
}

h2{
font-family	:Georgia, "Times New Roman", Times, serif;
font-size:22px;
color: #004833;
}
h3{
font-family	:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color: #0066cc;

}

.twoColFixRtHdr #container {
 width: 849px;
 text-align: left;
 background-attachment: scroll;
 background-position: center top;
 border: 1px solid #000;/*
 background-image: url(images/containerBG.jpg);
 background-repeat: repeat-y;*/
 background-color: #b7edde;
 margin-top: 2px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
} 
.twoColFixRtHdr #header {
 padding-top: 0;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
} 
.twoColFixRtHdr #header h1 {
 margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
 padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
 background-color: #b6ecdf;
}
.twoColFixRtHdr #sidebar1 {
 float: right; /* since this element is floated, a width must be given */
 width: 262px; /* the background color will be displayed for the length of the content in the column, but no further */
 padding: inherit;
 position: relative;
 right: 1px;
 padding-top:10px;


  margin-bottom:15px;
}

.twoColFixRtHdr #sidebar1 #buttons img{
padding-bottom: 10px;
}

.twoColFixRtHdr #sidebar1 #rightDividerevents{
 width: 252px;
 /*height:  28px;
 background-image: url(images/rightColumnHorizontalDivider.png); */
 margin-top: 0px;

}


.twoColFixRtHdr #sidebar1 #rightDividerPress{
 width: 252px;
 height:  28px;
 background-image: url(images/pressreleases.png);
 margin-top: 0px;

}

.twoColFixRtHdr #sidebar1 #rightDivider{
 width: 252px;
 height:  28px;
 background-image: url(images/blogPostsDivider.png);
 margin-top: 0px;
}

.twoColFixRtHdr #sidebar1 #eventList{
 width: 242px;
 padding-top: 8px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 	margin: 0 10px 0 0;
	padding: 4px;
/*	background-color: #ffffff; 
	border: 1px solid silver; */
}

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

#eventList li {
	margin: 5px 0 5px 0;
}
.twoColFixRtHdr #sidebar1 #newsList{
 width: 252px;
 height:  140px;
 margin-top: 0px;
 padding-top: 8px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.twoColFixRtHdr #sidebar1 #blogList{
 width: 252px;
 height:  140px;
 margin-top: 0px;
 padding-top: 8px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.twoColFixRtHdr #mainContent {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;

} 

.twoColFixRtHdr #mainContent #maincontentarea {
background-color: #f1fbf8;
width:540px;
padding: 5px;
margin-left:10px;
margin-right:10px;
/* height:100%; */
}

.twoColFixRtHdr #mainContent #homecontentarea {

width:540px;
padding: 5px;
margin-left:10px;
margin-right:10px;
/* height:100%; */
}


#maincontentarealong {
background-color: #f1fbf8;
width:807px;
padding: 10px;
margin-left:10px;
margin-right:10px;
/* height:100%; */
}

#donation_table {
 width: 575px;	
}


.twoColFixRtHdr #mainContent #maincontentarea h2{
font-family	:Georgia, "Times New Roman", Times, serif;
font-size:22px;
color: #004833;
}

.twoColFixRtHdr #mainContent #maincontentarea h3{
font-family	:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color: #0066cc
}

.twoColFixRtHdr #mainContent #maincontentarea a{
color: #0066cc;
}

.twoColFixRtHdr #mainContent #slider{
 width: 537px;
 height:  317px;
 
 margin-top: 7px;
}


/*
.twoColFixRtHdr #mainContent #blogRoll {
 width: 230px;
 margin-top: 8px;
 position: relative;
float: right;
	
 padding: 8px;
 border-left: thin #333333 solid; 

}
*/

.belowslider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding: 5px;
 width:250px;
}

.belowslider ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.belowslider ul li {
	margin: 0;
	padding: 10px 5px 0 5px;
}

.belowslider p {
	text-align: right;
	padding: 0 5px 0 5px;
	margin: 0;
}
.twoColFixRtHdr #mainContent #newsBlock{
 width: 230px;
 margin-top: 8px;
 left: 14px;
 height:300px;
 padding: 8px;

}
.twoColFixRtHdr #mainContent #partnersBlock{
 width: 450px;
 margin-top: 8px;
 position: relative;
 right: 0px;
 bottom: 0px;
 left: 96px;
 top: -208px;
}
.twoColFixRtHdr #mainContent #belowSlider{
 width: 540px;
background-color: #f1fbf8;
 
}
.twoColFixRtHdr #mainContent #leftDivider{
 width: 537px;
 height:  28px;
 background-image: url(images/leftColumnHorizontalDivider.png);
 margin-top: 8px;
}
.twoColFixRtHdr #footer {
 padding: 0 10px 0 20px;
 text-align: center;
 font-family: Verdana, Geneva, sans-serif;
 color: #FFF;
 font-size: 12px;
} 
.twoColFixRtHdr #footer p {
 margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
 padding: 10px 0;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
 background-color: #b6ecdf;
}

.twoColFixRtHdr #container #footer p a { color: #FFF; }

.twoColFixRtHdr #footer p a {
 color: #FFF;
 font-weight: bold;
}
#container #emailSignup #emailSignupInner #form1 label #submit
{
	background-image: url(/images/submitButton.png);
	height: 40px;
	width: 40px;
}
#container #emailSignup #emailSignupInner #form1 #button
{
	background-attachment: fixed;
	background-image: url(/images/submitButton.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}


 #container #emailSignupContainer {
 width: 320px;
 overflow: visible;
 position: relative;
 top:40px;
 left: 500px;
 margin-bottom: -61px;
 height: 61px;
 color: #55A0FF;
}
 #container #emailSignupLeft {
 width: 200px;
 background-image: url(images/emailSignupLeft.png);
 height: 31px;
 overflow: visible;
 position: absolute;
 left: -6px;
}
 #container #emailSignupRight {
 width: 90px;
 height: 31px;
 overflow: visible;
 position: absolute;
 padding-top: 0px;
 left: 200px;
}
 #container #mainContent #contactForm {
 width: 530px;
 overflow: visible;
}

#revnavmenu li:hover, #menu li.hover {   
    position: static;   
}

#revnavmenu 
{background-color: #004833;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #b9cec5;
float:right;

}



#revnavmenu a { color: #b9cec5; 	text-decoration: none; }


#revnavmenu, #revnavmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#revnavmenu a {
	display: block;
	/* width: 10em; */
}



#revnavmenu li { /* all list items */
	float: left;
	
margin-right: 20px;
/*	width: 10em;  width needed or else Opera goes nuts */
/*	padding-right: 12px;
		padding-left: 12px;
	border-right: solid;
	border-right-width:2px;
	*/
}


/*
#revnavmenu li a:hover { 
background-color: #006e4e;
}*/

#revnavmenu li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#99ccff;
/*	border:1px;
	border-style: solid;
border-color: #000;	*/
	color: #fff;	
width:112px;
z-index: 500;
margin-right: 0px;
}

#revnavmenu li ul li{
	width: 112px;
	height: 24px;
	background-image: url(images/menu/dropdown.png);
	background-repeat: no-repeat;
		/* border:1px; 
	 padding-bottom: 2px; */
	 z-index:200;
margin-right: 0px;
}

#revnavmenu li ul li a{ 
	color: #003300;
	font-weight:bold;
	padding: 5px;
/*	border-bottom-style: solid;
border-bottom-color: #000;	
border-width: 1px;
	width: 100%; */
	margin-right: 0px;
}

#revnavmenu li:hover ul, #revnavmenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




/* Suckerfish dropdowns */
#navmenu 
{background-color: #004833;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #b9cec5;

}
#navmenu a {
	color: #b9cec5;
	text-decoration: none; 
	display: block;

}



#navmenu, #navmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}



#navmenu li { /* all list items */
	float: left;
/*	width: 10em;  width needed or else Opera goes nuts */
	padding: 3px 12px 0 12px;
	border-right: solid;
	border-right-width:2px;
	
}
/*
#navmenu li a:hover { 
background-color: #006e4e;
}*/



#navmenu li:hover ul, #navmenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#socnets {
background-color: #004833;
width: 248px;
padding: 2px;
margin-bottom:10px;
text-align:center;
}

.homepage-column {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding: 5px;
}

.homepage-column ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.homepage-column ul li {
	margin: 0;
	padding: 10px 5px 0 5px;
}

.homepage-column p {
	text-align: right;
	padding: 0 5px 0 5px;
	margin: 0;
}