/* CSS Document */
body{
top:0px;
left:0px;
margin:0px;

}

#menu
{
	width:100%;
	text-align:center;
	background-color:#FF0000;
	height:36px;
	margin:0px;
	padding:0px
}


#menu ul
{
	list-style:none;

}

#menu li
{
	display:inline;

}

#menu li.normal
{
	
	cursor:pointer;
}

#headerbanner
{
	background-color:#6795C9;
	width:100%;
	text-align:center;
	height:220px;
	margin:0px;
	padding:0px
}

#content
{
	width:100%;
}

#area1
{
	width:30%;
	float:left;
	padding:40px 10px 10px 10px;
	background-image:url(images/welcome.jpg);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma,Verdana;
	font-size:12px;
	text-align:left;
	
}

#area2
{
	width:30%;
	float:left;
	padding:10px;
}
#divTrGreen
{
	height:26px; 
	background-color:#0D7705; 
	width:250px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma, Verdana;
	font-size:15px;
	color:#FFFFFF;
	padding-top:4px;
}

#divTrBlue
{
	height:26px; 
	background-color:#EFB505; 
	width:250px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma, Verdana;
	font-size:15px;
	color:#FFFFFF;
	padding-top:4px;
}

#divContent
{
	width:243px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma, Verdana;
	font-size:12px;
	color:#000000;
	border-left:1px solid #333333;
	text-align:left;
	padding:6px 0px 6px 6px;
}

#divContent ul
{

	list-style:none;
	margin:0px;
	padding:0px
}

#area3
{
	width:30%;
	float:left;
	padding:10px;
}

#footer
{
	background-color:#0C9BB0;
	width:100%;
	height:26px;
	font-family:Tahoma, Verdana;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
}


#footer a
{
	font-family:Tahoma, Verdana;
	font-size:11px;
	color:#EFB505;
	text-decoration:none;
}

#footer a:hover
{
	font-family:Tahoma, Verdana;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
}


#topLeft
{
	background-image:url(images/ymca_logo.gif);
	background-repeat:no-repeat;
	width:60%;
	text-align:left;
	height:94px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma,Verdana;
	padding:30px 0px 0px 140px;
	font-size:12px;
	float:left;
}

#divMainContent
{
	width:80%;
	text-align:left;
	padding-top:10px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma,Verdana;
	font-size:12px;
	padding-bottom:20px;
}
#divMainContentCenter
{
	width:80%;
	text-align:center;
	padding-top:10px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma,Verdana;
	font-size:12px;
	padding-bottom:20px;
}
#topRight
{
	width:25%;
	text-align:left;
	height:94px;
	font-family:"Trebuchet MS", "Century Gothic", Tahoma,Verdana;
	font-size:12px;
	float:left;
	padding:10px 0px 0px 0px;
}

#topRight a
{
	font-size:12px;
	text-decoration:none;
	color:#FF0000;
}

#topRight a:hover
{
	font-size:12px;
	text-decoration:none;
	color:#EFB505;
}


.headerText
{
	font-size:30px;
	color:#000099;
	font-weight:bold;
}

#redline
{
width:100%;
background-color:#ED1B24;
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:18px;
vertical-align:top;
padding-top:2px;
text-align:center;
}

#thirdlayer
{
	width:100%;
	clear:both;
	text-align:center

}

#divImageProgram
{
	padding:15px;
	width:200px;
	float:left;
}

a:link, a:visited
{
	font-size:12px;
	color:#114498;
	text-decoration:none;
}

a:hover
{
	font-size:12px;
	color:#376DC7;
	text-decoration:underline;
}

h1
{
	font-size:16px;
}