body {
/* -------------------------------------------------------------------
    ulinks - Applied to the body tag of the page. In this case if no
    attributes are provided for divisions, tables, rows, cells etc.,
	these attributes will control page attributes.
 
	text-align:       Center the body of the page (i.e. any division, 
	                  table etc. will be centered on the page).
    background-color: When no background color is specified this color
	                  will bleed through the page. This tends to be
					  the border outside of the content wrapper. All
					  other content (divisions) will typcailly specify
					  a background color to be different than the page
					  border. 
   ------------------------------------------------------------------*/
	margin: 0px;
	padding: 0px;
	text-align: center;
 	background-color: #BCBB99;
}
#contentwrapper {
/* -------------------------------------------------------------------
    contentwrapper - Using the body tag with centered alignment, 
	establishes the content wrapper centered on the page.
	
    width:            A width of 800 pixels is a standard fitted on a 
	                  printed page. All content will be contained 
					  within 800 pixels.
    background-color: This bacground color is the default inside the 
	                  content wrapper. This color will bleed through
					  when a division, table or cell does not specify
					  a color. 
	text-align:       All content will aligh to the left unless other-
	                  wise specfified.
   ------------------------------------------------------------------*/
	padding: 0px;
	width: 800px;
	background-color: #e4e3c2;
/*	background-image: url(images/0.gif); */
	border-style: none;
	text-align: left;
	margin: 0px auto;
}

#contentwrapper  #ulinks {
/* -------------------------------------------------------------------
    ulinks - top line links: EMU Home, Apply, Calendars, Directories,
	Ask EMU and My.Emich. 
	
    color:            Font color used by the division for this ID.
    background-color: This background color blends the top border in
	                  with the default color. 
	padding:          This padding provides space at the top and bottom 
	                  of the links used in this division.
	font:             Up to this point in the page design no font has 
	                  been provided. This font usage will over-ride any 
					  default being used.
	float:            Floats the entire division, divisions using this ID,
	                  to the right. In the case of the one divisions using
					  this ID its unnoticable because the width is almost
					  the entire width of the content wrapper. Its the text
					  alignment that makes the difference in this case.
	text-align:       The text is aligned right to push the links to the 
	                  right side of the division.
   ------------------------------------------------------------------*/
	color: #292F27;
	margin: 0px;
	width: 795px;
	overflow: hidden;
	background-color: #BCBB99;
	border-bottom: 1px solid #999966;
	padding: 5px 0px 2px 5px;
	float: right;
	text-align: right; 
	font: bold 10px "Lucida Grande", Verdana, Geneva, sans-serif;
}
#contentwrapper #ulinks a {
/* -------------------------------------------------------------------
    ulinks a - set up the top hyperlink attributes.
   ------------------------------------------------------------------*/
	color: #3B4339;
	text-decoration: none;
}
#contentwrapper  #ulinks a:hover {
	text-decoration: underline;
}

#contentwrapper #topsection{
/* -------------------------------------------------------------------
    topsection - sets up the header portion of the page.
   ------------------------------------------------------------------*/
	margin: 0px;
	width: 783px;
	overflow: hidden;
	background-color: #006633;
	border-bottom: 1px solid #999966;
	padding: 7px 10px 5px 7px;
	height: 32px;
	vertical-align: bottom;
	float: left;
}
#contentwrapper #topsection #uidlogo {
/* -------------------------------------------------------------------
    uidlogo - sets up the header image area.
   ------------------------------------------------------------------*/
	float: left;
	width: 536px;
	margin: 0px;
	padding: 7px 5px 0px 0px;
	height: 26px;
}
#contentwrapper #topsection  #formarea {
/* -------------------------------------------------------------------
    formarea - defines the area used for the search form.
   ------------------------------------------------------------------*/
	margin: 0px;
	width: 240px;
	padding: 13px 0px 0px;
	text-align: right;
	height: 30px;
	vertical-align: bottom;
	display: block;
	float: left;
}
#contentwrapper #topsection  form {
/* -------------------------------------------------------------------
    form - defines the form.
   ------------------------------------------------------------------*/
	margin: 0px;
	padding: 0px;
	border-style: none;
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 11px;
	height: 30px;
	width: 240px;
}
/* -------------------------------------------------------------------
    Defining the remaining areas of the form in teh top section.
   ------------------------------------------------------------------*/
#contentwrapper #topsection  #formarea input {
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px 2px;
}
#contentwrapper #topsection #formarea #gs {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #topsection #formarea #gs input {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #topsection #formarea #gs #q {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #topsection #formarea #gs label {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #topsection #formarea #gs #btnG {
	margin: 0px;
	padding: 0px;
	width: 60px;
}

#contentwrapper #decorativebar {
/* -------------------------------------------------------------------
    decorativebar - The decorative bar sets up an area to place top
	level links for the institution, About EMU, Future Students, 
	Current Students etc. 
   ------------------------------------------------------------------*/
	background-color: #003300;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px;
	width: 800px;
	border-bottom: 1px solid #999966; 
	font-size: 9px;
/*	overflow: hidden;  */
}

#contentwrapper #leftsection{
/* -------------------------------------------------------------------
    leftsection - The left section is contained within the content 
	wrapper. This area holds the navigation on the left and the division 
	resources.
	
	z-index: Set a postive z-index for the left section. This will
	         ensure that the navigation section appears in front of the
			 other content on the page. 
    background-image:    The background-image property sets an image 
	                     as the background. 
	background-position: Set the starting position of the background
	                     image. In this case for the left section area
						 starting at 0 pixels from the top of the 
						 division.
	background-repeat:   The background-repeat property sets if/how a 
	                     background image will be repeated.
   ------------------------------------------------------------------*/
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 185px;
	float: left;
	z-index: 100;
	background-color: #003300;
/*	background-image: url(/controller/images/VPofBusFinLeft.gif); 
	background-position: 0px top;  
	background-repeat: no-repeat; */
}
#contentwrapper #leftsection p, ol, li, h6, h5, h4, h3, h2, img {
	margin: 0px; 
	padding: 0px; 
}

/*
#contentwrapper #leftsection img {
	margin: 0px;
	padding: 0px;
	float: left;
	text-decoration: none;
	border-style: none;
}
*/

#contentwrapper #leftsection #leftsectionheader {
/* -------------------------------------------------------------------
    leftsectionheader - A little header space above the navigation
	section. This area is typically reserved for a image of department
	identifier. 
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	color: #6E9D72;
	float: left;
	width: 185px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #003300;
}
#contentwrapper #leftsection #leftsectionheader a {
	color: #6E9D72;
	text-decoration: none;
}
#contentwrapper #leftsection #leftsectionheader a:hover {
	color: #6E9D72;
}
/*Zeroing the content resources - won't interfere with existing styles for navigation_*/
#contentwrapper #leftsection #leftsectionheader p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px;
	padding: 0px;
}

#contentwrapper #leftsection #navsection {
/* -------------------------------------------------------------------
    navsection - Modified suckerfish drops, this section contains the 
	menu and its pop-up menu items for navigation within the department. 
	
	z-index:             Set a postive z-index higher than the left 
	                     section to ensure the left index and its 
						 menu items appear on top of the other content
						 on the page.
   ------------------------------------------------------------------*/
	width: 185px;
	font-family: "Lucida Grande", tahoma, Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	z-index: 150;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	border-top: 1px solid #999966; 
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0x;
}
#contentwrapper #leftsection #navsection img {
	text-decoration: none;
	margin: 0px;
	border-style: none;
	padding: 0px 0px 2px 10px;
	float: left;
}
#leftsection #navsection, #navsection ul { /* all lists */
/* -------------------------------------------------------------------
   #navsection ul - The <ul> tag defines an unordered list.
   ------------------------------------------------------------------*/
	list-style: none;
	float : left;
	width: 185px;
	background-color: #003300;
	padding: 0px;
	clear: left;
	margin: 30px 0px 0px 0px;
	position: relative;
	}
#leftsection #navsection li { /* all list items */
/* -------------------------------------------------------------------
   #navsection li - The <li> tag defines the start of a list item. 
   The <li> tag is used in both ordered (<ol>) and unordered lists (<ul>).
   ------------------------------------------------------------------*/
	position : relative;
	float : left;
	width: 185px;
	margin: 0px;
	}
#navsection li ul { /* second-level lists */
/* -------------------------------------------------------------------
   #navsection li ul - Set up the second level list items. These are
   the drop out items that appear when the mouse is positioned over
   one of the menu items.
   ------------------------------------------------------------------*/
	position : absolute;
	left: -999em;
	margin-left : 185px;
	margin-top : -1.77em;
	border-style: none;
	width: 230px;	
	}
#navsection li a {
	width: 175px;
	w\idth : 175px;
	display : block;
	color: #6E9D72;
	text-decoration : none;
	border-bottom: 1px solid #707B4C;
	margin: 0px;
	padding: 3px 0px 3px 10px;
	}
/* -------------------------------------------------------------------
   Define the remaining attributes of the navigation menu items at the
   first and second level. 
   ------------------------------------------------------------------*/
#navsection li a:hover {
	color : #000000;
	background-color: #999966;
	}
#navsection li:hover ul, #navsection li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color: #999966;
	}
#navsection li:hover ul a, #navsection li.sfhover ul a { /* lists nested under hovered list items */
	background-color: #999966;
	color: #333333;
	width: 215px;
	padding: 2px 0px 2px 15px;
	}
#navsection li:hover ul a:hover, #navsection li.sfhover ul a:hover { /* lists nested under hovered list items */
	background-color: #999966;
	color: #333333;
	text-decoration: underline;
	}		
.homearealinks {
	font-weight: bold;
	color: #003300;
	font-size: 1.05em;
	margin-left: -5px;
}
.promotext {
	font-weight: bold;
	color: #006633;
	font-size: 1.05em;
}
.noline{
	border-style: none;
}
/*Image area_*/
#contentwrapper #leftsection #imageplace {
	margin: 0px;
	padding: 0px;
	width: 625px;
	border-style: none;
	float: left;
	position: relative;
	overflow: hidden;
	top: 0px;
	clear: none;
	}

#contentwrapper #leftsection #divisionresources {
/* -------------------------------------------------------------------
    divisionresources - The department menu items sit above this 
	resource area. This area promotes division specific resources
	to be displayed for each departmental page. 
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 78%;
	color: #333333;
	float: left;
	width: 185px;
	height: auto
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #e4e3c2;
}
#contentwrapper #leftsection #divisionresources a {
	color: #006633;
	text-decoration: underline;
}
#contentwrapper #leftsection #divisionresources a:hover {
	color: #86856D;
}
/*Zeroing the content resources - won't interfere with existing styles for navigation_*/
#contentwrapper #leftsection #divisionresources p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px;
	padding: 0px;
}
/*Date head_*/
#contentwrapper #leftsection #divisionresources #datehead {
	color: #97b098;
	background-color: #003300;
	width: 160px;
	float: left;
	margin: 0px;
	overflow: hidden;
	text-align: left;
	height: 26px; 
	padding: 0px 10px 0px 15px;
	border-top: 1px solid #e4e3c2;
	border-bottom: 5px solid #e4e3c2;
}
#contentwrapper #leftsection #divisionresources #datehead h3 {
	font-size: 1em;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}
#contentwrapper #leftsection #divisionresources #divisioncolumn {
/* -------------------------------------------------------------------
    divisioncolumn - The remaining area of division resources.
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 78%;
	color: #333333;
	float: left;
	width: 174px;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	overflow: hidden;
	background-color: #e4e3c2;
/*	border-right: 1px solid #a8c094; */
}
#contentwrapper #leftsection #divisionresources #divisioncolumn a {
	color: #006633;
	text-decoration: underline;
}
#contentwrapper #leftsection #divisionresources #divisioncolumn a:hover {
	color: #86856D;
}
/*Zeroing the content box - won't interfere with existing styles for navigation_*/
#contentwrapper #leftsection #divisionresources #divisioncolumn p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px;
	padding: 0px;
}

#contentwrapper #contentheader {
/* -------------------------------------------------------------------
    contentheader - This area has been set up to hold the header image 
	for the content area. It was needed to separate the padding for 
	this image and the content padding which needed to be pushed out
	away from the navigation menu on the left.
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.92em;
	color: #333333;
	float: left;
	width: 615px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #e4e3c2;
}
#contentwrapper #contentheader a {
	color: #006633;
	text-decoration: underline;
}
#contentwrapper #contentheader a:hover {
	color: #86856D;
}
/*Zeroing the content header - won't interfere with existing styles for navigation_*/
#contentwrapper #contentheader p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px;
	padding: 0px;
}

#contentwrapper #contentbox {
/* -------------------------------------------------------------------
    contentbox - The main area for the web author to post content.
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.82em;
	color: #333333;
	float: left;
	width: 609px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
	background-color: #e4e3c2;
	border-left: 1px solid #a8c094;
}
#contentwrapper #contentbox a {
	color: #006633;
	text-decoration: underline;
}
#contentwrapper #contentbox a:hover {
	color: #86856D;
}

/*Zeroing the content box - won't interfere with existing styles for navigation_  */
#contentwrapper #contentbox p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px; 
	padding: 0px; 
}

#contentwrapper #contentbox ul, ol, li {
	margin: 0px 0px 0px 15px; 
	padding: 0px; 
}

#contentwrapper #footer {
/* -------------------------------------------------------------------
    contentfooter - Define the footer area for the page.
   ------------------------------------------------------------------*/
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 78%;
	color: #333333;
	float: left;
	width: 800px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #e4e3c2;
}
#contentwrapper #footer a {
	color: #006633;
	text-decoration: underline;
}
#contentwrapper #footer a:hover {
	color: #86856D;
}
/*Zeroing the content footer - won't interfere with existing styles for navigation_*/
#contentwrapper #footer p, ul, ol, li, h6, h5, h4, h3, h2,img {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #footer #close {
	width: 780px;
	float: left;
	border-top: 1px solid #a8c094;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 20px 10px;
}
#contentwrapper #footer #close a {
	text-decoration: none;
}
#contentwrapper #footer #close img {
	margin: 0px;
	float: left;
	border-style: none;
	padding: 3px 10px 2px 0px;
}
#contentwrapper #footer #close #basetext{
	width: 430px;
	font-size: .95em;
	line-height: 1.1em;
	margin: 0px;
	padding: 0px;
	border-style: none;
	top: 0px;
	float: left;
}
#contentwrapper #footer #close #basetext p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.95em;
	line-height: 1em;
}
#contentwrapper #footer #close #basetext  .utitle {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	line-height: 1.1em;
}
/*Quicklinks_*/
#contentwrapper #footer #close #quicklinks {
	width: 200px;
	float: right;
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}
#contentwrapper #footer #close #quicklinks form {
	margin: 0px;
	padding: 0px;
}
#contentwrapper #footer #close #quicklinks select {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	
}
#contentwrapper #footer #close #quicklinks h4 {
	margin: 0px;
	color: #006633;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 3px 3px;
	font-weight: bold;
}

/*General controls from old site_*/
a {color: #006633;}
td { font-family: "Lucida Grande", Verdana, Geneva, sans-serif; font-size: 12px; color: #000000; }
h1 { font-family: "Lucida Grande", Verdana, Geneva, sans-serif; font-size: 20px; }
h2 { font-family: "Lucida Grande", Verdana, Geneva, sans-serif; font-size: 18px; }
h3 { font-family: "Lucida Grande", Verdana, Geneva, sans-serif; font-size: 16px; }
.text { font-family: "Lucida Grande", Verdana, Geneva, sans-serif; font-size: 12px; color: #000000; }
/*Additional colors from old site_*/
.white {color: #ffffff }
.blue {color: #000099 }
.green {color: #006633 }
.dkgreen {color: #003300 }
.tan {color: #cccc99 }
.dktan {color: #999966 }
.purple {color: #660099 }
.teal {color: #006699 }
.rust {color: #660000 }
.magenta {color: #660033 }
.burgundy {color: #660000 }
.darkblue {color: #000099 }
.red {color: #990000 }
.black {color: #000000 }
.single { margin-bottom: 0; margin-top: 0; text-align: justify; }