body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000000;
	margin: 24px 0;
	padding: 0;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}
h1 {
	color: #FFFFFF;
	font-size: 1.25em;
	font-family: "Century Gothic", "Arial", "sans-serif";
	margin: 0 0 12px 10px;
	white-space: nowrap;
	font-weight: normal;
}
h2 {
	color: #FFFFFF;
	font-size: 1.0em;
	font-family: "Century Gothic", "Arial", "sans-serif";
	margin: 0 0 12px 10px;
	white-space: nowrap;
	font-weight: normal;
}

#menuwrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #303030;
	background-image: url(images/buttontexture.png);
	background-repeat: repeat-x;

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menubar {
	width: repeat-x;
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #333;
	font-size: .85em;
	color: #CCCCCC;
}
#menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menubar li {
	float: left;
	width: 9em;
}
#menubar li {position: relative;}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
	width: 12em;
}
#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-image: url(images/exp_mgrad.jpg);
	background-repeat: repeat-x;
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #FFFFFF;
	background-color: #303030;
}
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}
#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #A9A9A9;
	background-color: #303030;
}
#menubar ul a:hover {
	background-image: url(images/buttonselected.png);
	color: #FFFFFF !important;
}

#style22 {color: white; 
	font-family: "Century Gothic", "Arial", "sans-serif"; 
	text-decoration: none;  
	font-size:12px;
}

.style24 {color: #999999; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-weight: bold; font-size:18px;
}

.style26 {color: white; 
background-color: transparent;
	font-family: "Century Gothic", "Arial", "sans-serif"; 
	text-decoration: none;  
	font-size:16px;
}	

.style26b {color: white; 
	font-family: "Century Gothic", "Arial", "sans-serif"; 
	text-decoration: none;  
	font-size:4px;
}	

.style28 {color: white; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 35px;}
.style30 {color: #999999; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 16px; text align: center}
.style32 {color: #999999; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 22px;}
.style34 {color: white; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 22px;}
.style36 {color: white; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 25px;}
.style38 {color: white; font-family: "Century Gothic", "Arial", "sans-serif"; text-decoration: none; background-color: transparent; font-size: 29px;}

A:link {color: white; text-decoration: none;}
A:visited {color: white; text-decoration: none;}
A:hover {color: grey; text-decoration: none; }