/* CSS Document */

#wrapper {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 100%;
	background: #ffc;
}
#main {
	padding: 50px 10px 10px 10px;
}
.validate {
	position:absolute;
	bottom:5px;
	right:5px;
}
.validate img {
	border:none; 
}
/*NAVIGATION*/
 
/* reset browser defaults for unordered lists, to avoid possible unexpected behavior */ 
ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font:bold 14px navFont, arial;
}
li {
	padding:0;
	margin:0;
}
/* wrapper helpful for positioning on page without messing with main menu style */
#navwrap {
	float:left;
	padding-left:0px;
	background-color:#000000;
	border:0px solid green;
	width:100%;
	height:35px;
	line-height:35px;
}
/* it helps to arrange menu styles in order of increasing specificity */
/* first two styles, #nav li and #nav a apply to entire menu, unless over-ridden */

#nav li {
	float: left;
	position: relative;
	cursor: default;
	background-color: transparent;/*line-height: 30px;*/
}
#nav a {
	font-weight: bold;
	font-size:16px;
	color: #fff;
	text-align: left;   /* keeps text aligned in block.  do not put text-align on <li> or IE7 will put the submenu below the center of the top menu */
	border-right:0px solid #ffc; /*border color matches background of wrapper */
	text-decoration: none;
	/*width:102px;    /*variable widths can be used too */
	padding:7px 20px 7px 20px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background: transparent;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */
}
/* from here down, every style is in some way overriding the base styles */
#nav a:hover {
	background: #0424c9;    /* background turns black on hover */
	text-decoration:none;   /* text changes from plain to underline on hover */
}
#nav li li {
	float: none;  /* makes drop downs vertical instead of horizontal */
}
#nav li li a {
	width:200px;  /* this can be omitted if subs have same width as main headings */
	border-right:none; /* this is only really needed if the background color is different than the border color; in most layouts the border wouldn't be visible */
	font-size:14px;
	padding:5px 10px 5px 20px;  /*preferred to line height if menu items expand to two rows */
}
#nav li ul {
	display: none;    /* submenu is not visible until hover or .over (driven by JS) */
	position: absolute;  /* postioned absolutely, relative to parent <li> on top menu */
	top: 100%;   /* 100% of containing element height = #nav li, so the top of the submenu ul is at the bottom of the parent li */
	left: 0;  /* submenu lined up with the left side of the parent li.  move this if desired */
}
#nav li>ul {   /* overrides previous style for browsers that understand selector */
	top: auto;
	left: auto;
}
#nav li:hover ul, #nav li.over ul {
	display: block;  /* overrides display:none to make submenu visible  NB! the .over class is the thing the javascript generates */
}
/* the following styles give the specific colors to specific li's and cascade down to any <a> elements in the submenus as well */

/*li#home a {
	background:#c66;
}
li#about a {
	background: #069;
}
li#people a {
	background: #096;
}
li#academics a {
	background: #c69;
}
li#research a {
	background: #5e77a9;
}
li#news a {
	background:#996;
}
li#resources a {
	background:#eb9643;
}*/

#nav #about1{
background: #FF7F00;
}

#nav #people1{
background: #005297;
}

#nav #academics1 {
	background: #539906;
}
#nav #research1 {
	background: #AA006B;
}
#nav #news1 {
	background:#006D71;
}
#nav #resources1 {
	background:#cc0000;
}