/* global.css
   Styles applicable to all site pages
*/

body {
	margin: 0;
	padding: 0 0 0 52px;
	background: white url(http://www.udmercy.edu/images/global/blue_stripe.gif) top left repeat-y;
	border-top: 44px solid #003399; /* Top border contains nav1 and color matches the "Great Things" image */
	color: black;
	font: 11px/1.4 Verdana, Arial, sans-serif;
}


/* Images that are part of the global page design */

img#logo { /* University of Detroit Mercy logo */
	position: absolute;
	top: 19px;
	left: 51px;
}

img#greatthings { /* Image reads "WE WANT GREAT THINGS FOR YOU" */
	position: absolute;
	top: 90px;
	left: -3px;
}


/* sidebar is for complementary content.  Typically contains 
   specific navigation (nav3), and related events and news */

#sidebar {
	float: right;
	width: 180px;
	margin: 46px 0 10px 10px;
	padding: 0;
}


/* nav1 - Highest level site navigation; most general */

#nav1 {
	position: absolute; 
	top: 10px;
	right: 0;
	/* width: 100%; */
	font: 10px/1.3 Verdana, Arial, sans-serif; 
	color: white;
    /* text-align: right; */
}
	
#nav1 a {
	color: #FFF; 
	text-decoration: none; 
	padding: 0 3px 0 0;
	margin: 0;
}


/* nav2 - Most prominent site navigation; more specific than nav1 */

#nav2 {
	position: absolute;
	top: 90px;
	width: 170px;
	background-color:white;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font: 10px/1.4 Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

#nav2 a {
	display: block;
	padding: 3px 7px 3px 7px;
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	/* margin: 0; */
}

#nav2 a:hover, #nav2 .topics a:hover, #nav2 .audiences a:hover {
  color: #C00; /* rollover effect */
}

#nav2 .topics {
	border-bottom: 1px solid #666;
}

#nav2 .topics a {
	color: black;
}

#nav2 .audiences a {
	color: #039;
}

#nav2 a.youarehere {
	color: #C00;
}


/* nav3 - Navigation most specific to the page or section 
   nav3 ul styles affect dynamic navigation lists */

#nav3, #events, #news {
	background-color: #E5F1FF;
	margin-bottom: 10px;
}

#nav3 h1, #events h1, #news h1{
	margin: 0;
	color: #C00;
	font: 12px Verdana, Helvetica, sans-serif;
	background: white;
	border-bottom: #C00 1px solid;
}

#nav3 h2, #events h2, #news h2{
	color: #039;
	font: 11px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 10px;
	margin: 0;
}

#nav3 h3, #events h3, #news h3{
	color: #039;
	font-weight: bold;
	font: 10px Verdana, Helvetica, sans-serif;
	padding: 4px 10px;
	margin: 0;
	border-top: 2px solid white;
}

#nav3 a, #news a {
	/*display: block;*/
	color: black;
	padding: 2px 10px 2px 20px;
	text-decoration: none;
	border-bottom: 1px solid #CCDDF1;
}

#events p {
	color: #039;
	margin: 1ex;
	padding-bottom: 1ex;
	border-bottom: 1px solid #CCDDF1;
}

#events a {
	color: #039;
}

/* nav-3 dynamic lists */

#nav3 ul {
	background-color: #E5F1FF;
	list-style-type: none; /* get rid of the bullets */
	padding: 0;             /* no padding */
	margin: 0;              /* no margin for IE either */
}

#nav3 ul li {
	margin: 0;
	padding: 0;
	background-color: #E5F1FF;
	display: block;
	border-bottom: 1px solid #CCDDF1; /* lines */
}

#nav3 ul li a {
	display: block;         /* lines extend to right, make area clickable */
	color: #039;
	background-color: #E5F1FF;
	padding: 3px 3px 3px 23px;
	margin: 0;
	text-decoration: none;
	height: 15px;           /* hint for IE, alternatively remove whitespace from HTML */
	background-image:  url(http://www.udmercy.edu/images/global/automenu/bullet_leaf.gif);
	background-repeat: no-repeat;
}

#nav3 ul li a:hover {
	color: white;
	background-color: #039; /* rollover effect */
}

#nav3 ul ul li a {
	margin-left: 17px;     /* indent level 1 */
}

#nav3 ul ul ul li a {
	margin-left: 35px;     /* indent level 2 */
}

#nav3 li ul, #nav3 li.open li.closed ul {
	display: none;         /* collapse */
}

#nav3 li.open ul {
	display: block;        /* expand */
}
 
#nav3 ul li.open a {
	background-image:  url(http://www.udmercy.edu/images/global/automenu/bullet_open.gif);
	background-repeat: no-repeat;
}

#nav3 ul li.closed a {
	background-image:  url(http://www.udmercy.edu/images/global/automenu/bullet_closed.gif);
	background-repeat: no-repeat;
}

#nav3 ul li.leaf a {  /* Matches #nav3 ul li a - i.e. non-automenu li a */
	background-image:  url(http://www.udmercy.edu/images/global/automenu/bullet_leaf.gif);
	background-repeat: no-repeat;
}
 
#nav3 li.active a {
	background-position: 0px -20px;
	color: red;            /* highlight text */
}
 
#nav3 li.active li a {
	background-position: 0px 0px;
	color: #039;          /* fix lower levels */
}


/* content is the primary body content, i.e. the document itself, not including
   navigation and decoration */

#content {
	margin: 42px 3ex 0 200px;
	padding: 0;
}

#content a {
	color: #C00;
}

#content h1 {
	font: 14px Verdana, Arial, sans-serif;
	font-weight: 700;
	color: #039;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0;
}
	
#content h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C00;
	line-height: 16px;
}

#content h3 {
	font: 12px Verdana, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 1px;
}

#content h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #C00;	
	line-height: 16px;
}

#content h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	color: #C00;
	margin: 15px 0 7px 0;	
}

#content li {
	margin-bottom: 1ex;

}

/* footer - information at the bottom of every page */

#footer {
	clear: both;
	margin: 100px 0 0 200px;
	border-top: #CCC 1px solid;
	padding-bottom: 30px;
	color: #999;
}

#footer a {
	color: #C66;
}