.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a {
	font-size: 12px;
	color: #A3AA66;
}
a:visited {
	color: #3C5443;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 12px;
	color: #FFFFFF;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


#scroller {
	background-color: #000;
	height:377px;
	width: 337px;
	text-align: left;
	margin:0px;
	padding:0 10px 0 10px;
	float:left; 
	border: 0;
	overflow:auto;
	}
	
	
#scroller2 {
	background-color: #000;
	height:454px;
	width: 470px;
	text-align: left;
	margin:0px;
	padding:0 10px 0 10px;
	float:left; 
	border: 0;
	overflow:auto;
	}
	
#scroller3 {
	background-color: #000;
	height:454px;
	width: 326px;
	text-align: left;
	margin:0px;
	padding:0 10px 0 10px;
	float:left; 
	border: 0;
	overflow:auto;
	}



.about {
width:121px;
background-image: url(images/about.gif);
background-repeat:no-repeat;
}
.hidden {
visibility: hidden;
}
.about a:hover  {
background-image: url(images/about_ro.gif);
background-repeat:no-repeat;
}
.community {
width:111px;
background-image: url(images/communnity.gif);
background-repeat:no-repeat;
}
.community a:hover  {
background-image: url(images/communnity_ro.gif);
background-repeat:no-repeat;
}
.experience {
width:111px;
background-image: url(images/experience.gif);
background-repeat:no-repeat;
}
.experience a:hover  {
background-image: url(images/experience_ro.gif);
background-repeat:no-repeat;
}
.college {
width:111px;
background-image: url(images/college.gif);
background-repeat:no-repeat;
}
.college a:hover  {
background-image: url(images/college_ro.gif);
background-repeat:no-repeat;
}
.professional {
width:112px;
background-image: url(images/professional.gif);
background-repeat:no-repeat;
}
.professional a:hover  {
background-image: url(images/professional_ro.gif);
background-repeat:no-repeat;
}
.married {
width:123px;
background-image: url(images/married.gif);
background-repeat:no-repeat;
}
.married a:hover  {
background-image: url(images/married_ro.gif);
background-repeat:no-repeat;
}

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

#nav a {
	display: block;
	width: 10em;
	height:37px;
	background-image:none;
	font-size:10px;
	font-color:#A3AA66;
	font-weight:bold


}

#nav li { /* all list items */
	float: left;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 85px;
	padding:10px;
	margin:0 0 0 4px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

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

#content {
	clear: left;
	color: #ccc;
}