/* CSS Document */

body	{
	margin:0px;
	padding:0px;
	min-width: 760px;
	color:#000;
	background-color: #E2E2E2;
	font-size: 65%;
}
		
#wrapper	{
	background-color:#fff;
	margin:0px 0px;
	width:760px;
	border-bottom: 1px solid #666;
}
						
img	{
	border: 0px;
}

#skipnavigation {
	position: absolute;
	left: -1000em;
	width: 20em;
}

/************************
* Start code for header *
************************/
#header	{
	display: block;
	width: 760px;
	height: 97px;
	margin: 0px;
	padding: 0px;
	overflow:hidden; /* makes IE work */
}
				
#header	h1, h2	{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

.header-image	{
	position:absolute;
	top: 0px;
	left: 205px;
}
/******************
* End header code *
******************/

/********************************************
* Start code for large graphic and gray nav *
********************************************/
#upper-bar {
	background-color: #FFF;
	width: 760px;
	margin: 3px 0px 7px 0px;
	padding: 0px;
	overflow: hidden;
}

/**********************************
* Begin code for middle-section *
**********************************/

#middle-section {
	margin-top: 3px;
	width: 760px;
	background-color: #FFF;
}

#main-body {
	float: right;
	position: relative;
	width: 555px;
	padding: 0px;
	margin: 0px;
}

/**********************************
* Begin code for bar on left side *
**********************************/
#left-sidebar {
  float: left;
  width: 205px;
  border: 0px;
  background-color: #FFFFFF;
  margin: 0px;
}

#topleft	{
	margin-bottom: 5px;
	width: 205px;
}

#navigation	{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 205px;
	background-color: #FFFFFF;
}
					
#navigation ul#leftnav	{
	margin: 0;
	padding: 0;
	margin-bottom:5px;
	line-height: 120%;
	list-style:none;
}
						
#navigation ul#leftnav li {
	display:block;
	margin:0;
	voice-family: "\"}\"";
	voice-family:inherit;
}
						
#navigation ul#leftnav li a {
	background: url("http://www.northeastern.edu/neuhome/images/css-dotted.gif") repeat-x bottom;
	background-color:#6B9BBD;
	display: block;
	padding: 11px 5px 11px 14px;
	width: 186px; /* width + padding-right + padding-left must equal 205px */
	text-decoration: none;
	color: #FFF;
}

#navigation ul#leftnav li a.selected-nosubnav {
	background: url("http://www.northeastern.edu/neuhome/images/css-dotted.gif") repeat-x bottom;
	background-color:#1C6395;
	display: block;
	padding: 11px 5px 11px 14px;
	width: 186px; /* width + padding-right + padding-left must equal 205px */
	text-decoration: none;
	color: #FFF;
}
		
#navigation ul#leftnav li a:link, #navigation ul#leftnav li a:visited {
	color: #FFF;
	text-decoration: none;
}

#navigation ul#leftnav li a:hover {
	background-color: #1C6395;
	text-decoration: none;
}

#navigation ul#leftnav li.selected {
	display: block;
 	margin: 0;
	background-color:#E2E2E2;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#navigation ul#leftnav li.selected a.main-selected:link, #navigation ul#leftnav li.selected a.main-selected:visited, #navigation ul#leftnav li.selected a.main-selected:hover {
	background-color:#E2E2E2;
	background: none;
	display: block;
 	padding: 11px 5px 0px 14px;
	margin: 0px;
	width: 186px; /* width + padding-right + padding-left must equal 205px */
	text-decoration: none;
	color: #314870;
}

/* This piece code is for the subnavigation in the left navbar */
#navigation ul#leftnav li.selected ul#left-subnav	{
	background-color: #E2E2E2;
	margin: 0;
	padding: 0px 0px 11px 0px;
	list-style:none;
}
		
#navigation ul#leftnav li.selected ul#left-subnav li a {
	background: none;
	display: block;
  padding: 6px 5px 0px 28px; /* width + padding-right + padding-left must equal 205px */
	margin: 0;
	width: 166px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
		
#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-inactive:link, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-inactive:visited {
	color: #000;
	text-decoration: none;
}

#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-inactive:hover {
	background-color: #E2E2E2;
	color: #000;
	text-decoration: underline;
}

#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:link, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:visited, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:hover {
	background-color: #E2E2E2;
	color: #314870;
	text-decoration: none;
}
/********************************
* End code for bar on left side *
********************************/

#two-column #main-body #main-photo, #three-column #main-body #main-photo {
	float: right;
	margin: 0px 0px 7px 0px;
	width: 547px;
}

#two-column #main-body #featured	{
	float: left;
	width: 521px;
	position: relative;
	background-color: #FFF;
	color: #333;
	padding: 0px 17px;
}

#three-column #main-body #featured {
	float: left;
	width: 345px;
	position: relative;
	background-color: #FFF;
	color: #333;
	padding: 0px 17px
}

#two-column #main-body #featured h3, #three-column #main-body #featured h3 {
	font-family: Georgia;
	font-size: 150%;
	color: #75A19B;
	text-decoration: none;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#two-column #main-body #featured p, #three-column #main-body #featured p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 10px 0px;
	line-height: 140%;
}

#two-column #main-body #featured p strong, #three-column #main-body #featured p strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}

#two-column #main-body #featured ul, #three-column #main-body #featured ul {
	line-height: 140%;
}

#two-column #main-body #featured li, #three-column #main-body #featured li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	line-height: 140%;
}

a:link, a:visited {
	color: #003366;
	text-decoration: underline;
}

a:hover, a:active {
	color: #CC0000;
	text-decoration: underline;
}

/*******************************
* Start code for interior-center column *
*******************************/
#three-column #middle-wrapper {
	margin-top: 0px;
	width: 760px;
	background-image: url('%24346');
	background-position: top right;
	background-repeat: repeat-y;
}

/*******************************
* Start code for interior right sidebar *
*******************************/
#three-column #main-body #right-sidebar {
  margin: 0px;
	padding: 10px 0px;
  float: right;
  width: 172px;
  border: 0px;
	background-color: #F3F1F2;
}

#three-column #main-body #right-sidebar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	padding: 0px 8px;
}

#three-column #main-body #right-sidebar h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 8px 8px 8px;
}

#three-column #right-sidebar img {
	margin: 0px;
	padding: 0px;
}

/*****************************
* End code for interior right sidebar *
*****************************/

#three-column #clear-main-body {
	background-color: #FFF;
	height: 1px;
	font-size: 1px;
	clear: both;
}

/***********************************************************
* Start code for links in the top right corner of the page *
***********************************************************/
#toplinks {
	width:740px;
	text-align: right;
	top: -4px; 
	position: absolute; 
	padding:0px;
}

.toplinks-inside {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top:0px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0px 1px 0px 0px;
}

.toplinks-inside-right {
	padding-top:0px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.toplinks-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 215%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

a:link.toplinks-link {
	text-decoration:none;
	color:#FFFFFF;
	outline: none;
	font-weight:normal;
	font-size: 10px;
}

a:visited.toplinks-link {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal; 
	font-size: 10px;
}

a:hover.toplinks-link {
	text-decoration:underline;
	color:#FFFFFF;
}

a:active.toplinks-link {
	text-decoration:underline;
	color:#FFFFFF;
}

/*********************************************************
* End code for links in the top right corner of the page *
*********************************************************/

#clearone	{
	font-size: 1px;
	clear: both;
	height: 1px;
}

/*****************************************************************************************
* Start code for bottom NU Home, Find Employees, Find Offices, Search and Site Map links *
*****************************************************************************************/
#bottom-admin-links	{
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#bottom-admin-links p {
	 margin: 0px;
	 padding: 0px;
}

#bottom-admin-links a:link, #bottom-admin-links a:visited {
	color: #666666;
	text-decoration: none;
}

#bottom-admin-links a:hover {
	color: #999999;
	text-decoration: underline;
}
/*************************
* End bottom admin links *
*************************/

/************************
* Start code for footer *
************************/
#footer	{
	clear:both;
	width: 760px;
	text-align: center;
	margin-top: 3px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px;
	margin-bottom: 25px;
}
				
#footer li	{
	display: inline;
}
	
#footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
	
#footer p	{
	padding:5px;
	margin:0;
}
/************************
* End code for footer *
************************/

<!--[if IE]><style type="text/css">
ul#nav li a span {
  cursor: hand; /* for IE5.x/Win */
}
<![endif]-->