body, html{
margin:0;
padding:0;
font-size: 12pt
color: #3D3E3D;
background:#EFEFEF;
height:100%;
background:url(http://www.friendsoftransit.org/images/pageback.png) repeat-y center;
}




h1 {font-size:110%}
em{color: red;}

a{color: #3D3E3D; font-size:12pt; font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;}
a.bold{color: navy; font-size:12pt; font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;}
a.white{color: #FFFFFF; font-size:12px;font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;}

#topsection{
background: #FFFFFF;
height: 84px; /*Height of top section*/
}

td {color: #3D3E3D; font-size:12pt;font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;

}

li {color: #3D3E3D; font-size:12pt; font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;

}

.innertube{
margin: 0 15px 0 12pt;
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: left;
width: 100%;
height: 100%;
background:#EFEFEF;
}

#contentcolumn{
margin: 0 292px 0 171px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 171px; /*Width of left column*/
margin-left: -100%;
height:100%;
background: #FFFFFF;
}



#rightcolumn{
float: left;
width: 292px; /*Width of right column*/
margin-left: -292px; /*Set left marginto -(RightColumnWidth)*/
background: #FFFFFF;
}

#contentcolumn2{
margin-left: 171px; /*Set left margin to LeftColumnWidth*/

background:#EFEFEF;
}

#leftcolumn2{
float: left;
width: 171px; /*Width of left column*/
margin-left: -100%;
background: #FFFFFF;
}


#footer{
clear: left;
width: 100%;
background: #1D3863;
color: #FFF;
text-align: center;
padding: 4px 0;
font-size:12pt; font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;
}

#footer a{
color: #FFFFFF;
color: #FFFFFF; font-size:12pt; font-family: tahoma, verdana, arial, helvetica, sans-serif;  text-decoration: none;
}

#hidden {
	position:absolute;
	z-index:500;
	visibility:hidden
	}
	
.mproheader{

	font : bold 14px verdana, arial, helvetica, sans-serif, times new roman;
	color: #65745F;

}
.mprodescription{

	font : normal 10px verdana, arial, helvetica, sans-serif, times new roman;
	color: #65745F;

}

.mproheading{
	font : bold 10px verdana, arial, helvetica, sans-serif, times new roman;
	color: #ffffff;
	
	background-image: url(http://www.friendsoftransit.org/mailerpro204/images/bg.jpg);

layer-background-image: url(http://www.friendsoftransit.org/mailerpro204/images/bg.jpg);

}

#dropin{

position:absolute;

visibility:hidden;

left:20px;

top:0px;

width: 230;

filter: progid:DXImageTransform.Microsoft.Shadow (Color=#777777, Direction=135, Strength=5)

}

.mprosubscriptionbox{
	width: 400px;
	height: 300px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.mproborder{
	border-left: 2px solid #65745F;
	border-right: 2px solid #65745F;
	border-bottom: 2px solid #65745F;
}