body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin:0;
	padding:0;
	background-color:#666666;
	
}
#wrap {
	background-color:#FFF;  /*only shows behind Extras column */
	width: 700px;
	padding: 0;
	margin: 10px auto;
}
#header {
	background-color: #fff;
	text-align: center;
	float:right;
	font-family:"Palatino Linotype", Perpetua, "Times New Roman", serif;
	font-size:200%;
	font-weight:bold;
	color:#060;
	#height: 60px;
	width: 700px;
	padding:0;
	margin:0;
}

#header img {
	display:inline;
 }

/* Navigation Styles */

#NavMenu {
	background-color:#009966;
	height:20px;
	text-align:center;
	padding:0;
	margin:0;
	top:0;
	position:relative;
	}

	/* Parent UL for NavMenu */
#NavMenu ul{
	padding: 2px 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
	text-align: center;
	background-color: #009966;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:13px; /* absolute font size for menu to prevent sub-menu
	 				lists from jumping out of place if font is
					resized.  doesn't prevent font resize in non-IE	browsers
					*/
	}
#NavMenu ul li{
	display:inline;
	}
	
#NavMenu ul li a {
	padding: 2px 10px;
/*	background-color: #009966;*/
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
}
#NavMenu li a:hover,#NavMenu li a:focus,#NavMenu li a:active {
	background-color:#ADDCAE;
	color:#0000FF;
	}

/* Nested ULs */ 
		/* Secondary (child) menu UL in NavMenu	*/
#NavMenu li ul {  
	position:absolute;
	top:20px;left:-2000px; /* Hides child menu by putting UL position off-screen. works better than display: or visibility:
*/
	width:auto;
	text-align:left;
	
	/* applies transparency to sub-menus 
		The lower the number the more transparent the object is
	*/
	
	filter:alpha(opacity=80); /* IE method */
	opacity: 0.8;			  /* safari method */
	-moz-opacity:0.8; 		  /* mozilla method */
	
	/* end tranparency code */
	
	}

/* Secondary list (LI) items */
/* we reset the margin for the children */
#NavMenu li ul li {
	display:block;
	margin:0;
	border-bottom:1px solid #FFF;
	}

/* sets bg color */
/* the background color is required because of recent version of Safari that keeps previous sub-level "alive"*/ 
#NavMenu li:hover ul,#NavMenu li.msieFix ul {
	background-color:#006600;
	color:#FFFFFF;
	}
	
/* MUST BE CHANGED if NavMenu.htm is changed */
/* places secondary menu under primary - position=absolute	change left:N px to reposition sub-menus*/
#NavMenu li:hover #NM_Info,#NavMenu li.msieFix #NM_Info {left:110px;}
#NavMenu li:hover #NM_Research,#NavMenu li.msieFix #NM_Research {left:160px;}
#NavMenu li:hover #NM_UG,#NavMenu li.msieFix #NM_UG {left:257px;}
#NavMenu li:hover #NM_Grad,#NavMenu li.msieFix #NM_Grad {left:398px;}
#NavMenu li:hover #NM_People,#NavMenu li.msieFix #NM_People {left:490px;}

#NavMenu li ul li a {
	display:block;
	color: #FFF;
	border:0;
}

#NavMenu li ul li a:hover,#NavMenu li ul li a:focus,#NavMenu li ul li a:active {
	background-color:#ADDCAE;
	color:#0000FF;
	}

/* End Nested LI */

.breadcrumb{
	font-weight:bold;
	text-indent:15px;
	margin: 0;
	padding: 3px 0;
	color:#777;
	background-color:#FFFFCC;
	/*background-color:#009966;*/
	}
.breadcrumb a{
	color:#00F;
}

/*  End of Navigation Styles */

#ContentWrapper{
	padding:0;
	margin:0;
	background-color: #FFF;
}
	
#Content{
	width:400px;
	float:left;
	padding:10px;
	border-right: 3px solid #000;
	background-color:#FFF;
	}

#Content img {
	padding: 5px 10px;
}

#CourseList{
	list-style-type:none;
}

#CourseList li{ 
	line-height:1.8em;
}

/* Column 2 (right side) styles */
#ExtrasWrapper{
	width:auto;
	padding:10px;
	margin-left:420px;
	border-left: 3px solid #000;
}
	
#ExtrasWrapper h1{
	font-size:110%;
	background-color:#006633;
	color:#FFCC00;
	line-height:25px;
	padding-left:25px;
	margin:0;
	}
	
#Extras{
	padding:0;
	top:0;
	}

#Extras h3 {font-size:110%; font-weight:bold;}
#Extras dt {font-weight:bold}
#Extras dd {padding-bottom:1.0em;}

#News{
	background-color:#FFFFCC;
	padding: 5px;
	margin-bottom:5px;
	}
#Announcements{
	background-color:#CCFFFF;
	padding: 5px;
	margin-bottom:5px;	}
#Seminars{
	background-color:#DDFFFF;
	padding: 5px;
	margin-bottom:5px;}
	
/* Footer Styles */
#footer{
	font-family:"Palatino Linotype", Perpetua, "Times New Roman", serif;
	font-size:0.8em;
	height:50px;
	padding: 8px 0px;
	margin: 0;
	background-color:#ADDCAE;
	color:#666666;
	vertical-align:middle;
	clear: both;
	text-align: center;
	}
#footer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-family:verdana, arial, helvetica, sans-serif;
}
#footer br{
	line-height:0.4em;
}
#footer ul li{
	display:inline;
	}
#footer ul li a {
	padding: 2px 10px;
	text-decoration: none;
	border-right: 1px solid #fff;
}
#footer ul li a:hover{
	background-color:#009966;
	color: #000;
}