body {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}


.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: none;
	/*font-weight: 600;*/
	color: #484848;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	background-color: #FFFFFF;
	border: 1px solid #D7D7D7;
}

#about {
background-image:url(../photo/navigation/about1.jpg);
}

#join {
background-image:url(../photo/navigation/programs.jpg);
}

#store {
background-image:url(../photo/navigation/services.jpg);
}

#youth {
background-image:url(../photo/navigation/coaching.jpg);
}

#masters {
background-image:url(../photo/navigation/store.jpg);
}

#elite {
background-image:url(../photo/navigation/members.jpg);
}

#devo {
background-image:url(../photo/navigation/members.jpg);
}

#midwest {
background-image:url(../images/main_page/midwest1.jpg);
}

#lakes {
background-image:url(../images/main_page/lakes1.jpg);
}

#legal {
background-image:url(../images/main_page/legal1.jpg);
}

#coaches {
background-image:url(../images/main_page/coaches1.jpg);
}

#officials {
background-image:url(../images/main_page/officials1.jpg);
}

#contacts {
background-image:url(../images/main_page/contacts1.jpg);
}

/*.technology h1 {
	cursor: hand;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.1em;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	}*/

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: red;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #666666;
}
.width {
	width:160px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	margin-right: 0;
	margin-left: 0;
	font-weight: 400;
	background-repeat: repeat-x;
}

.width ul {
	list-style:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 1px solid #CCCCCC;
	background-image: url(../images/main_page/navig_bg.jpg);
	background-repeat: repeat-x;
}

.width ul a {
	display: block;
	width:160px;
	height: 18px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	text-indent:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.1em;
	margin-right: 0;
	margin-left: 0;
	font-weight: 400;
}

.width ul a:hover {
	display: block;
	width:160px;
	height: 18px;
	line-height: 18px;
	color: red;
	text-decoration: none;
	text-align: left;
	text-indent:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.1em;
	margin-right: 0;
	margin-left: 0;
	font-weight: 400;
}