body {
	font-family: Arial, verdana, arial, sans-serif;
	font-size:12px;
	line-height:16px;
	margin: 0px 0px 0px 0px;
	background-color: #DBDBDB;
	background-attachment: fixed;
	background-image: url(/images/bkg_site.gif);
	background-repeat: repeat-y;
	}
h1 	{
	font-family: Arial, verdana, arial, sans-serif;
	font-size:16px;
	font-weight: bold;
        color:#000;
	padding:0px;
}

h2
	{
	font-family: Arial, verdana, arial, sans-serif;
        font-size:14px;
	font-weight: bold;
        color:#000;
	margin: 15px 0 5px 0;
	padding:0px;
}
h3
	{
	font-family: Arial, verdana, arial, sans-serif;
        font-size:12px;
	font-weight: bold;
        color:#000;
	margin: 15px 0 5px 0;
	padding:0px;
}
A { color: #0A4E90;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
 font-weight:normal;
}
A:link		{ color: #0A4E90;	text-decoration: none; }
A:visited	{ color: #0A4E90; text-decoration: none;  }
A:active	{ color: #0A4E90;text-decoration: none;  }
A:hover		{ color: #0A4E90;text-decoration: underline; }



#mainframe {

	width:749px;
	height: 100%;
	margin-right:0px;
	margin-left:28px;
	padding:0px;
	padding-bottom: 20px;
	text-align:left;

	}

#eric {width:500px;
	height: 300px;
margin-left:140px;
}


#contentleft {

	width:180px;
	float:left;
	margin-left:30px;
        margin-right:10px;
	margin-top: 20px;
	background-color: #fff;
        z-index:1;

	}

#title h1{

		color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom:	20px;
	}


#contentright {
        font-family: arial, sans-serif;
	width:470px;
	float:right;
        text-align:left;
	margin: 20px 10px 0 0px;
        padding: 0px 10px 0px 0px;
	background-color: #fff;
       z-index:1;
	}


#contentright p {
	font-family:  Arial, verdana, arial, sans-serif;
	font-size:12px;
        text-align:left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

	}
.blog {
	font-family: verdana, arial, sans-serif;
	color:#1C2427;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:140%;
	margin-bottom: 10px;
	margin-top: 2px;
	padding-left: 10px;
	padding-right: 10px;

	}

.title	{
	color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom:	20px;
	}



.date {
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color : #FD1813;	
	text-align: left;
	margin-top:10px;
	}

.posted	{
	font-family:verdana, arial, sans-serif;
	font-size: 11px;
	color: #1C2427;
	margin-bottom:15px;
	text-align: center;
	font-weight: normal;
	padding-top: 5px;
	border-top: 2px dotted #99CC33;
	}

.sidetitle
	{
	color: #000000;
	font-size: 15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: left;
	}

.side {
	font-family:verdana, arial, sans-serif;
	color: #1C2427;
	font-size:11px;
	font-weight:normal;
	line-height:140%;
	padding: 10px;
	background-color: transparent;

	}


.row1 {
	font-family: verdana, arial, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:140%;
	background-color: #99CC66;

	}

.row2 {
	font-family: verdana, arial, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:140%;
	background-color: #FFFFFF;

	}

.calendarBG
	{
	background-color: #E0E0E0;
	}

.calendarBlank
	{
	background-color: #FFFFFF;
	}

.calendarHeader
	{
	font-weight: bold;
	color: #0099CC;
	text-align: center;
	background-color: #FFFFFF;
	}

.comments {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size:11px;
	font-weight:normal;
	background-color:#0099CC;
	line-height:140%;
	padding:10px;
	border:1px solid #000000;
	margin:10px;
	text-align:left;
	background-image: url(http://www.westporty.orgthemes/site_themes/blue_essense/blue_essense_bgl.jpg);
	background-repeat: repeat-x;

	}


.big-title
	{
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	text-align: right;
	color: #0099CC;
	border-bottom: 2px dotted #99CC33;
	}

.paginate
	{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:center;
	color: #000000;
	}

input, option, textarea, select {
	color: #000000;
	background-color: #EDEDED;
	border: 1px solid #000000;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;

	}

blockquote {
	background-color: #0099CC;
	color: #FFFFFF;
	padding: 10px;
	margin: 10px;
	border: 1px solid #000000;
}
<!---YMCA CSS starts BELOW-->
/* Westport Weston Family Y 8-06 Red design Stylesheet - win ie */


A.also-links, A.also-links:Visited, A.also-links:Active {
	color: #0A4E90;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration : none;
}

A.also-links:Hover {
	text-decoration : underline;  
	color : #0A4E90;	
}

A.mail-link, A.mail-link:Visited, A.mail-link:Active, A.mail-link:Hover{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #0A4E90;
	text-decoration : underline;
}

A.class-links, A.class-links:Visited, A.class-links:Active {
	font-family: Verdana, Helvetica, sans-serif;	
	font-size: 11px;
	color: #0A4E90;
	text-decoration : none;
}

A.class-links:Hover {
	text-decoration : underline;  
	color : #0A4E90;	
}

A.links11, A.links11:Visited, A.links11:Active {
	color: #0A4E90;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
}

A.links11:Hover {
	text-decoration : underline; 
	color : #0A4E90;	
}

A.links12, A.links12:Visited, A.links12:Active {
	color: #0A4E90;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
}

A.links12:Hover {
	text-decoration : underline; 
	color : #0A4E90;	
}

A.links13B, A.links13B:Visited, A.links13B:Active { 	color: #0A4E90;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration : none;
}

A.links13B:Hover {
	text-decoration : underline; 
	font-weight: bold;
	color : #0A4E90;	
}

A.footertxt, A.footertxt:Visited, A.footertxt:Active {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	line-height: 16px;
	color : #535353;
	text-decoration : none;
}

A.footertxt:Hover {
	text-decoration : underline;  
	color : #535353;	
}

A.made-by, A.made-by:Visited, A.made-by:Active {
	color: #A2A2A2;
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration : none;
}

A.made-by:Hover {
	text-decoration : underline;  
	color : #535353;	
}

ol {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 55px;
}

ol.sq {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-left: 15px;
}

ol.indent {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 25px;
}
#contentright li {
	list-style-type:disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	margin-left: 0px;
	text-align:left;
}

li.sq {
	list-style-image: url(images/bullet-blk.gif);
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	margin-left: 0px;
	margin-right: 55px;
	text-align:	left;
}

li.bul {
	list-style-type:disc;
}

li.bul-indent {
	list-style-type:disc;
	margin-left: 12px;
}

DIV.home {
	background-color: transparent;
	background: #DBDBDB url(images/bkg_site.gif) repeat-y center;
	width: 809px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
}

DIV.top {
	position : 		relative;
	margin-left: 	10px;
	margin-right: 	0px;
	margin-top: 	0px;
	margin-bottom:	0px;
	text-align:		left;
}

DIV.section-banner {
	width:677px;
	margin-left:35px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
	text-align:left;
        z-index:1;

}

DIV.2content {
	position : relative;
	margin-left: 62px;
	margin-right: 0px;
	margin-top: 	26px;
	margin-bottom:	0px;
	text-align:		left;
}

DIV.content2 {
	position : 		relative;
	margin-left: 	62px;
	margin-right: 	0px;
	margin-top: 	16px;
	margin-bottom:	0px;
	text-align:		left;
}

DIV.photo-inline {
	margin-left: 	0px;
	margin-right: 	0px;
	margin-top: 	22px;
	margin-bottom:	18px;
}
#content {
	position:relative;
	margin-left:32px;
	margin-right:0px;
	margin-top:26px;
	margin-bottom:0px;
	text-align:left;
        z-index: 0;
}
.indent-photos {
	margin-left: 20px;	
	margin-top: 24px;
	margin-bottom:	20px;
	margin-right: 	0px;
}

#links-nav li {
text-align:left;
line-height:14px;
padding: 2px 2px;
list-style-type:square;
list-style:square;
list-style-position:outside;
color:red;
margin-left:-23px;

}
#links-nav2 li {
text-align:left;
padding: 2px 2px;
list-style-type:none;
list-style:none;
list-style-position:outside;
color:red;
margin-left:-30px;

}
.link-indent-2 {
	margin-left: 13px;	
	margin-top: 0px;
	margin-bottom:	0px;
}

.also-graphic {
	margin-top: 30px;
	margin-bottom:	0px;		
	text-align:	left;
	margin-left: -7px;	
}

.also-links {
	line-height: 17px;
	margin-top: 6px;
	margin-bottom:	0px;
	margin-left: 12px;

}

DIV.category-name {
	color: #000000;
	font-size: 11px;
	font-weight:	bold;
	font-family: Verdana, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom:	0px;
}

DIV.contact-info {
	color: #000000;
	font-size: 11px;
	font-weight:	bold;
	font-family: Verdana, Helvetica, sans-serif;
	margin-top: 18px;
	margin-bottom:	0px;
}

DIV.side-info {
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	font-family: Arial, sans-serif;
	margin-left: 0px;
	margin-right: 40px;
	margin-top: 60px;
	margin-bottom:	34px;
}

DIV.blk-b-13 {
	color: #000000;
	font-size: 13px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 14px;
	margin-bottom:	0px;
}

DIV.blk-b-15 {
	color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom:	20px;
}

DIV.blk-head {
	color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom:	8px;
}

DIV.blk-head-0 {
	color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom:	2px;
}


DIV.red-11 {
	font-size : 11px;
	color : #FD1813;	
	line-height : 11px;	
	font-family: verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom:	8px;
}


P {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	color : #000000;
	margin-left: 0px;
margin-right: 10px;
	margin-top: 18px;
	margin-bottom:0px;
	text-align:left;
}

P.no-space {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	color : #000000;
	margin-left: 0px;
	margin-right: 55px;
	margin-top: 2px;
	margin-bottom:	0px;
	text-align:	left;
}

P.no-space2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	color : #000000;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom:	0px;
	text-align:	left;
}

P.no-space-cols {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	color : #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom:	0px;
	text-align:left;
}

P.right-align {
	text-align:right;
	margin-right: 55px;
}

P.indexes {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 16px;	
	color : #000000;
	width: 300px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 13px;
	margin-bottom:14px;
	text-align:left;
}

DIV.index-footer {
	position:relative;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 16px;	
	color : #000000;
	margin-left: 45px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	text-align:left;
}

P.contact-line {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;	
	color : #000000;
       text-align:center;
}

.footer p {
	color: #535353;
        text-align:right;
	font-size: 10px;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
SPAN.grey-10 {
	color: #949494;
	font-size: 10px;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

SPAN.blk-11 {
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

SPAN.blk-11T {
	color: #000000;
	font-size: 11px;
	line-height : 14px;		
	font-family: verdana, Arial, Helvetica, sans-serif;
}

SPAN.red-11B {
	font-size : 10px;
	color : #FD1813;
	font-weight:	bold;	
}

SPAN.red-12B {
	font-size : 12px;
	color : #FD1813;
	font-weight:	bold;	
}

SPAN.blk-b-13 {
	color: #000000;
	font-size: 13px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
}

SPAN.blk-b-15 {
	color: #000000;
	font-size: 15px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
}

DIV.note-side {
	margin-top: 24px;
	margin-bottom:	32px;
	line-height: 16px;
}

DIV.spacing12 {
	margin-top: 6px;
	margin-bottom:10px;		
	text-align:left;
}

DIV.space-top {
	margin-top: 12px;
	margin-bottom:	0px;		
	text-align:	left;
}

DIV.no-lead {
	margin-top: -3px;
	margin-bottom:	0px;		
	text-align:	left;
	text-indent: 12px;
}

.footer {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	line-height: 14px;
	color : #535353;
	margin-left: 		15px;
	margin-right: 		10px;
	margin-top: 		12px;
	margin-bottom:		20px;	
}
#footertable{
	margin-left: 20px;
	margin-top: 14px;
	margin-bottom:5px;	
}
TD {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 16px;	
	color : #000000;
	margin:0px;
	padding:0px;
}
TD img{
margin: 0px 0px 0px 0px;
padding:0px;
	}

DIV.created {
	margin-left: 		10px;
	margin-right: 		10px;
	margin-top: 		2px;
	margin-bottom:		15px;	
}

DIV.footer-table {
	background-color: 	transparent;
	position: 			relative;
float:left;
	margin-left: 		10px;
	margin-top: 		0px;
	margin-bottom:		0px;	
}

DIV.bottom-table {
	position: 			absolute;
	margin-left: 		0px;
	margin-top: 		0px;
	margin-bottom:		20px;
}
#homebox {
padding: 5px 5px 5px 5px;
margin: 5px 0px 5px 0px; 
border: 1px solid #EF3941;

}

#kickoff {
width: 350;
background-color:#FFFF66;
padding: 10px 5px 10px 5px;
margin: 5px 0px 5px 0px; 
border: 2px solid #006699;	
}
.searchButton:hover {background-color:#f4dfdf;}

.searchBox {
margin: 0px 0px 0px 0px;
color: #fff;
	}

input {
color: #000;
border: 1px solid #f45251;
background: #fff;
margin-bottom:3px;
}


.submit  {
width:59px;
height:23px;
	background: #fff url(images/submit_button.jpg) no-repeat;
border: none;
}

.noresultsheading {
	float:left;
	font-family: Arial, verdana, arial, sans-serif;
        font-size:14px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	}
.searchheading {
	float:left;
	font-family: Arial, verdana, arial, sans-serif;
        font-size:16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
.searchresultsbox {
	 float:right;
	font-family: Arial, verdana, arial, sans-serif;
        font-size:16px;
	font-weight: bold;
	 margin: 0px 10px 0px 0px;
	}

#reg {position: relative; z-index: 10; 
  }
#reg a:link, #reg a:visited {position: absolute; 
  width: 148px; height: 42px; 
  background: url(/images/register_buttons2.gif) bottom left no-repeat;
 }
#reg a:hover {background-position: top right;}
#reg a em {display: block;
}
#login {
	font-family: Arial, verdana, arial, sans-serif;
	font-size:12px;
height:263px;
width:460px;
	margin: 0px 0px 0px 0px;

padding: 25px 10px 10px 25px;
	background: url(/images/yboard_login.gif) no-repeat;
	}

#login p {
margin-bottom:5px
}
.small  {
font-size:10px
}