@charset "UTF-8";
body {
	margin: 0;
	padding: 0px;
	background: #ffffff;
	font-family: Lucia San, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
}

/* :::::::::: MENU :::::::::: */

ul.menu {
	margin: 10px 10px 15px 0px;
	padding: 0px;
	text-align: center;
	list-style: none;
}

ul.menu li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

ul.menu a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 30px 8px 25px;
	margin-left: 10px;
	color: #777777;
	font-size: 13px;
}

ul.menu a:hover {
	background: #faf1d5;
}



/* :::::::::: NAV INDICATORS :::::::::: */

body#kor a#korNav,
body#mi a#miNav,
body#mk a#mkNav,
body#free a#freeNav,
body#column a#columnNav,
body#photo a#photoNav,
body#ucc a#uccNav,
{
	font-weight: bold;
	color:#990000;
}

/* For 1st level submenu */
body.about a#aboutNav,
body.volunteer a#volunteerNav,
body.community a#communityNav,
body.studies a#studiesNav,
body.resource a#resourceNav {
	background: #faf1d5;
	border-bottom: #faf1d5;
}

/* For 2nd level menu heads with submenus */
/*
body#volunteer1 a#volunteer1Nav,
body#volunteer2 a#volunteer2Nav,
body#volunteer4 a#volunteer4Nav,
body#volunteer5 a#volunteer5Nav,
body#volunteer6 a#volunteer6Nav {
	border-top: 1px solid #d7d7d7;
	font-weight: bold;
	background: #fbf8ee;
}
*/
/* :::::::::: MENU HIDE/SHOW :::::::::: */


/* hide submenus */
ul.menu ul {
	display: none;
}

/* show submenu based on body class */

body.about ul#aboutMenu,
body.volunteer ul#volunteerMenu,
body.community ul#communityMenu,
body.studies ul#studiesMenu,
body.resource ul#resourceMenu {
	display: block;
}

/* show 3rd level menus based on body id */
/*
body#volunteer1 ul#volunteer1Menu,
body#volunteer2 ul#volunteer2Menu,
body#volunteer4 ul#volunteer4Menu,
body#volunteer5 ul#volunteer5Menu,
body#volunteer6 ul#volunteer6Menu {
	display: block;
}
*/

div.menu_1 {
	width:160px;
	height:25px; 
	background-color:#669900; 
	border-left:1px solid #d7d7d7; 
	border-right:1px solid #d7d7d7; 
	border-top:1px solid #d7d7d7; 
	border-bottom:1px solid #d7d7d7; 
	padding-top:10px;
	font-size:14px;
	color:#ffffff;
}

div.menu_2 {
	width:160px;
	height:auto; 
	border-left:1px solid #d7d7d7; 
	border-right:1px solid #d7d7d7; 
	border-bottom:1px solid #d7d7d7; 
	padding-top:10px;
	font-size:12px;

}

.mainbox {
 font-size: 13px;
 }
 
.subbox {
	font-size: 10px;

}