/*
- - - - - - - - - - - - - - - - - - - - >
/ur/web/guidelines.html
- - - - - - - - - - - - - - - - - - - - >
*/
#col2 h3 + h6 {font-weight: normal; font-style: italic;}
#col2 h3 + h6 a {color: #564630; font-style: italic; font-size: 0.9em;}
#col2 h3 a {color: #564630; font-weight: bold; font-size: 1.0em;}
/*
- - - - - - - - - - - - - - - - - - - - >
/president/bio.html
/ur/web/index.html
- - - - - - - - - - - - - - - - - - - - >
*/
table.headshot {line-height: 1.5em; margin-bottom: 1.5em; margin-left: 1.0em; float: right; border: 0; width: 115px;}
table.headshot strong {display: block; font-size: 10px; text-align: center;}
table.headshot div {text-align: left; margin-top: 1.0em; font-size: 10px; font-weight: bold; color: #564630;}
table.headshot a {display: block; line-height: 1.5em;}
table.headshot a.email {padding-left: 14px; background: url(../images/sw/lists/icons/email.gif) center left no-repeat;}
table.headshot a.external {padding-left: 14px; background: url(../images/sw/lists/icons/external.gif) center left no-repeat;}
table.headshot a.image {line-height: 2.0em; padding-left: 22px; background: url(../images/sw/lists/icons/image.gif) center left no-repeat;}
table.headshot em {display: block; font-size: 10px; margin-bottom: 5px; line-height: 1.0em; text-align: center;}
/*
====================>
Mods to "wmu_layout_default.css"
====================>
- - - - - - - - - - - - - - - - - - - - >
/commencement/photography.html
- - - - - - - - - - - - - - - - - - - - >
*/
.layout3 #col3 #cContact {background-color: #cbc1b0; color: #564630; font-size: 10px; padding: 5px 0; border: 0;}
.layout3 #col3 #cContact a:link, .layout3 #col3 #cContact a:visited {color: #564630; font-size: 10px; font-weight: bold;}
.layout3 #col3 #cContact a:hover, .layout3 #col3 #cContact a:active {text-decoration: none;}
/*REPLACE w/ h4 */.layout3 #col3 #cContact h2 {font: italic normal 1.0em Verdana, sans-serif; color: #948664; border-top: 1px solid #94866f; border-bottom: 1px solid #94866f; padding: 0.3em 0; margin: 0.5em 0 0.3em;}
.layout3 #col3 #cContact h4 {font: italic normal 1.0em Verdana, sans-serif; color: #948664; padding: 0.1em 0 0 0; margin: 0;}
.layout3 #col3 #cContact dl {padding: 0.5em 0; margin: 0; line-height: 1.5em;}
.layout3 #col3 #cContact dt {margin: 0 0 3px 0;}
.layout3 #col3 #cContact dd {margin: 0; padding: 0;}
.layout2 #col2 li + li {margin-top: 0.5em;}
/* ^Any <li> that comes after a <li> */
.layout3 #col1 ul ul li {font-size: 10px; color: #7d4802;}
/*
====================>
Images
- - - - - - - - - - - - - - - - - - - - >
Drop Shadow
- - - - - - - - - - - - - - - - - - - - >
*/
.img-wrapper {background: url(/img/effects/dropshadow/shadow.gif) no-repeat right bottom; float: right; margin-top: 1.0em; margin-left: 1.0em;}
.img-wrapper div {background: url(/img/effects/dropshadow/mask.png) no-repeat left top !important; background: url(/img/effects/dropshadow/mask.gif) no-repeat left top; padding: 0 5px 5px 0; float: left; /* :KLUDGE: Fixes bug in IE/Mac */}
.img-wrapper img {background-color: #fff; border: 1px solid #a9a9a9; padding: 4px;}
.img-wrapper + h6, .img-wrapper + h6 a {font-weight: normal!important; font: italic 0.9em Verdana, sans-serif!important; text-align: center!important; color: #94866f!important; margin: 0!important; clear: both!important; float: right!important;} /*/* <-Caption */
/* HTML
<div class="img-wrapper left">
	<img src="/img/photos/" width="" height="" alt="" /><br />
</div>
<h6>Caption</h6>
/*
/*
====================>
Lists
- - - - - - - - - - - - - - - - - - - - >
Definition
- - - - - - - - - - - - - - - - - - - - >
*/
.websites dt {color: #d3a21f;	font: italic normal 1.0em Verdana, sans-serif;}
.websites dd {margin-left: 0.5em; padding: 0.5em 0;}
.websites dd + dt {margin-top: 0.5em;}
/* ^Any <dt> that comes after a <dd> */
/*
====================>
Tables
====================>
- - - - - - - - - - - - - - - - - - - - >
Contact Information
- - - - - - - - - - - - - - - - - - - - >
*/
table.contact {background: #f4f0e7; font: 1.0em normal Verdana, sans-serif; color: #564630; margin: 0 0 2.0em 0; padding: 0; border: 1px solid #cbc1b0; border-top-width: 2px;}
table.contact caption {background: #f9f7f3 /* #f4f0e7 url(/img/backgrounds/02.gif)*/; color: #a69882; font: small-caps normal 1.2em Verdana, sans-serif; padding: 0.3em 0.3em 0.5em 0.3em; border: 1px solid #948664; margin-top: 0.5em}
table.contact th {white-space: nowrap; text-align: center; font-weight: bold; padding: 0.8em 1.0em 0.6em; vertical-align: top; border-right: 1px solid #cbc1b0; border-bottom: 1px solid #cbc1b0; color: #948664; background: #f4f0e7;}
table.contact th span {display: block; font-weight: normal; font-size: 0.9em; padding-top: 0.3em;}
table.contact td {margin: 0; padding: 0.5em; line-height: 1.5em; vertical-align: top; border-bottom: 1px solid #cbc1b0;  border-right: 1px solid #cbc1b0;}
table.contacttt td {margin: 0; padding: 1.0em 1.0em 0; vertical-align: top; border-bottom: 1px solid #cbc1b0;}
table.contact td table td {margin: 0; padding: 0; vertical-align: top; border-bottom: 0;}
table.contact em {font: italic normal 0.9em Verdana, sans-serif; color: #948664; padding: 0; margin: 0;}
table.contact h1 {font: bold 1.0em Verdana, sans-serif; color: #564630;}
table.contact h1 a:link, table.contact h1 a:visited {font: bold 1.0em Verdana, sans-serif; color: #564630;}
table.contact h1 a:hover, table.contact h1 a:active {text-decoration: none;}
table.contact h2 {font: normal 1.0em Verdana, sans-serif!important; color: #564630!important;}
table.contact h2 a:link, table.contact h2 a:visited {font: normal 1.0em Verdana, sans-serif!important; color: #7d4802!important;}
table.contact h2 a:hover, table.contact h2 a:active {text-decoration: none!important;}
table.contact h3 {font: italic normal 0.9em Verdana, sans-serif; color: #948664;}
table.contact h6 a:link, table.contact h6 a:visited {font: bold 0.9em Verdana, sans-serif!important; color: #564630;}
table.contact h6 a:hover, table.contact h6 a:active {text-decoration: none;}
table.contact p {margin-bottom: 0; padding: 0;}
table.contact p a {font-size: 0.9em; font-style: italic; color:#948664;}
table.contact ul {list-style-type: none; margin: 0; padding: 0;}
table.contact h3 + ul {list-style-type: none; margin: 0; padding-top: 0.5em;}
table.contact li {margin-bottom: 1.0em;}
table.contact tfoot {background: #fff;}
table.contact tfoot td {padding: 0;background: #fff;}
table.contact tfoot p {margin: 0; padding: 1.0em; line-height: 0.5em; font-size: 10px; color: #948664;}
table.contact tfoot a:link, table.data tfoot a:visited {font-weight: bold; font-style: normal; font-size: 10px; color: #948664;}
table.contact tfoot a:hover, table.data tfoot a:active {text-decoration: none;}
p + table.contact caption {margin-top: 0;}
/* ^Affects only the <table> tag with a class of "contact" immediately following a <p> tag */
table.contact h1 + h2 {margin-top: 0.2em;}
/* ^Affects only the <h2> tag immediately following a <h1> tag */
table.contact h2 + h3 {margin-top: 0.2em;}
/* ^Affects only the <h3> tag immediately following a <h2> tag */
table.contact em + p {margin-top: 0;}
/* ^Affects only the <em> tag immediately following a <p> tag */
table.contact p + h2 {margin-top: 0.3em!important;}
/* ^Affects only the <h2> tag immediately following a <p> tag */
/*
- - - - - - - - - - - - - - - - - - - - >
Data Information
- - - - - - - - - - - - - - - - - - - - >
*/
table.data {background: #f9f7f3; font: 1.0em normal Helvetica, sans-serif; color: #564630; margin: 0 0 2.0em 0; padding: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table.data caption {background: #564630; color: #e9e2cf; font: small-caps normal 1.2em Verdana, sans-serif; padding: 0.3em 0.3em 0.5em 0.3em; border: 1px solid #666;}
table.data th {white-space: nowrap; text-align: center; font-weight: bold; padding: 0.8em 1.0em 0.6em; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333; background: #e5e5e5;}
table.data th span {display: block; font-weight: normal; font-size: 0.9em; padding-top: 0.3em;}
table.data td {margin: 0; padding: 0.5em; line-height: 1.5em; vertical-align: top; border-bottom: 1px solid #e9e2cf;  border-right: 1px solid #e9e2cf;}
table.data a {color: #564630; font: 1.0em normal Helvetica, sans-serif;}
table.data tfoot {background: #fff;}
table.data tfoot td {padding: 0;background: #fff;}
table.data tfoot p {margin: 0; padding: 1.0em; line-height: 0.5em; font-size: 10px; color: #666;}
table.data tfoot a:link, table.data tfoot a:visited {font-weight: bold; font-style: normal; font-size: 10px; color: #666;}
table.data tfoot a:hover, table.data tfoot a:active {text-decoration: none;}

table.data h1 {font: bold 1.0em Verdana, sans-serif; color: #333;}
table.data h2 {font: normal 0.9em Verdana, sans-serif; color: #333;}
table.data h3 {font: italic normal 0.9em Verdana, sans-serif; color: #666;}

table.data tr.state td {border-bottom: 0; padding: 0.5em 0 0 0.5em; font: 1.5em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; color: #d3a21f;}
table.data tr.city {background: #e9e2cf;}
table.data tr.city td {padding: 0.5em 0 0.5em 0.6em; font: bold 1.0em Verdana, sans-serif; color: #564630;}

table.data h1 + h2 {margin-top: 0.2em;}
table.data h2 + h3 {margin-top: 0.2em;}
table.data p {margin-bottom: 0; padding: 0;}
table.data ul {list-style-type: none; margin: 0; padding: 0;}
table.data li {margin-bottom: 1.0em;}
table.data tr.total td {font-weight: bold; border-top: 2px solid #ccc;}
.odd {background-color: #e5e5e5;}
table.data td.white {background: #fff;}
table.data td.indent {padding-left: 2.0em;}
h2 + table.data caption {margin-top: 0.5em;}
h2 + table.data {margin-top: 1.0em;}
h3 + table.data caption {margin-top: 0.5em;}
h5 + table.data {margin-top: 0.5em;}
.header td {background: #fff;}
.header td h2 {font: 1.5em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; color: #d3a21f;}
.header td h3 {font: bold 1.0em Verdana, sans-serif; color: #564630;}
/*
- - - - - - - - - - - - - - - - - - - - >
Bio
- - - - - - - - - - - - - - - - - - - - >
*/
table.bio {padding: 0.5em; border: 1px solid #ccc; width: 100%;}
table.bio a {color: #666;}
table.bio caption {font: bold 1.4em "Trebuchet MS", Lucida, Arial, Helvetica, Verdana, sans-serif; text-align: left; background: #6c6251; /*cbc1b0 (lighter)*/ color: #cbc1b0; /*6c6251 (dark)*/ padding: 0.2em 0.4em; margin-top: 0.4em; border-bottom: 1px solid #564630; /*e9e2cf (lightest)*/ border-right: 1px solid #564630; /*e9e2cf (lightest)*/}
table.bio th {color: #e9e2cf; padding: 0.5em; background: #564630; text-align: left;}
table.bio td {vertical-align: top;}
table.bio strong {display: block; color:#333;}
table.bio ul {list-style: none; margin: 0; padding: 0; line-height: 1.5em;}
table.bio li {margin-bottom: 1em;}
table.bio ul li ul {list-style: none; padding-left: 1.5em; margin: 0; font-size: 10px; color: #666; line-height: 12px;}
table.bio ul ul a {font-size: 10px;}
table.bio h3 {margin: .5em 0 .25em; color: #666; font-style: italic;}
table.bio h4 {line-height: 100%; padding-top: 0;}
/*
- - - - - - - - - - - - - - - - - - - - >
Staff
- - - - - - - - - - - - - - - - - - - - >
*/
table.staff {padding: 0.5em; border: 1px solid #ccc; width: 100%; line-height: 1.5em; font-size: 0.9em;}
table.staff a {color: #6c6251; font-size: 0.9em;}
table.staff caption {font: bold 1.4em "Trebuchet MS", Lucida, Arial, Helvetica, Verdana, sans-serif; text-align: left; background: #6c6251; color: #cbc1b0; padding: 0.2em 0.4em; margin-top: 0.4em; border-bottom: 1px solid #564630; border-right: 1px solid #564630;}
table.staff th {color: #e9e2cf; padding: 0.5em; background: #564630; text-align: left;}
table.staff h3 {padding-top: 2.0em; margin: 0; color: #6c6251; font-size: 1.0em;}
table.staff h4 {margin: 0; padding: 0; color: #6c6251;}
/*
====================>
Boxes
====================>
- - - - - - - - - - - - - - - - - - - - >
Style No. 1
- - - - - - - - - - - - - - - - - - - - >
*/
.box_01 {margin: 1.0em;}
.box_01 ul {list-style-type: none; margin: 0; padding: 1.0em; background: #fff url(/img/boxes/234x60/bottom.gif) bottom left no-repeat; font-size: 11px;}
.box_01 li {padding-bottom: 0.5em;}
.box_01 a {font-weight: bold; text-decoration: none;}
.box_01 a:link, .box_01 a:visited {color: #af6704;}
.box_01 a:hover, .box_01 a:active {color: #d3a21f; text-decoration: underline;}
.box_01 h1 {background: #fff url(/img/boxes/234x60/top_04.gif) top left no-repeat; color: #fff; font: normal 12px/13px Verdana, sans-serif; padding: 0.4em 0.4em 0.4em 1.0em;}
.box_01 h2 {background: #fff url(/img/boxes/234x60/top_04.gif) top left no-repeat; color: #af6704; font: normal 10px/11px Verdana, sans-serif;  padding: 5px 5px 4px 13px;}
/* HTML 
<div class="box_01">
	<h1>Header 1</h1> 
	<ul>
		<li><a href="LINK" title="TEXT (FORMAT)">TEXT</a></li>
	</ul>
</div>
*/
/*
- - - - - - - - - - - - - - - - - - - - >
Style No. 2
- - - - - - - - - - - - - - - - - - - - >
*/
.box_02 {float: right; 	border: 1px solid #af6704; width: 200px; margin: 1.0em 0 1.0em 1.0em;}
.box_02 h1 {border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #af6704; border-left: 1px solid #ecca44;	background: #ecca44 url(/img/backgrounds/gradients/20x100/yellow_01.gif); font: normal 12px/14px Arial, sans-serif; color: #ffff88; text-align: center;	margin: 0; padding: 3px 0;}
.box_02 h2 {border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #af6704; border-left: 1px solid #ecca44;	background: #ecca44 url(/img/backgrounds/gradients/20x100/yellow_01.gif); font: normal 12px/14px Arial, sans-serif; color: #fff; /* ffff88 */ text-align: center;	margin: 0; padding: 3px 0;}
.box_02 h4 {border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #af6704; border-left: 1px solid #ecca44;	background: #ecca44 url(/img/backgrounds/gradients/20x100/yellow_01.gif); font: normal 12px/14px Arial, sans-serif; color: #fff; /* ffff88 */ text-align: center;	margin: 0; padding: 3px 0;}
.box_02 ul {margin: 0; padding: 0.2em 1.0em; list-style-type: none; border-top: 1px solid #3d1400; border-right: 1px solid #fff; border-bottom: 1px solid #ecca44; border-left: 1px solid #ecca44; background: #ecca44 url(/img/backgrounds/gradients/20x100/yellow_02.gif);}
.box_02 a:link, .box_02 a:visited {white-space: nowrap; display: block; margin: 0.3em 0; color: #7d4802; font-size: 11px; font-weight: bold; line-height: 17px; text-decoration: none; height: 20px;}
.box_02 a:hover, .box_02 a:active {text-decoration: underline;}
/* HTML 
<div class="box_02">
	<h2>HEADER</h2>
	<ul>
		<li><a href="URL/DOC.pdf" title="TITLE (FORMAT)">TITLE</a></li>
	</ul>
</div>
*/
/*
====================>
Hyperlink Cues
====================>
*/
div.readmore {float: right; margin-right: 0.5em;}
div.readmore a {padding-left: 1.7em; background: transparent url(/img/lists/icons/go_16.gif) no-repeat left center;}
/* 20080330 Added a background to make it look more like a button ~ Bradley */
div.readmore {background: url(http://www.wmich.edu/img/backgrounds/02.gif); border: 1px solid #963; padding: 0.5em;}


a.arrow {padding-left: 1.7em; background: transparent url(/img/lists/icons/forwd_16.gif) no-repeat left center;}
a.favs {padding-left: 1.7em; background: transparent url(/img/lists/icons/favs_16.gif) no-repeat left center;}
a.img {padding-left: 1.7em; background: transparent url(/img/lists/icons/picts_16.gif) no-repeat left center;}
a.doc, a[href$=".doc"]{padding-left: 1.7em; background: transparent url(/img/lists/icons/doc.gif) no-repeat left center;}
/* ^All <a> tags whose "href" attribute ends in .doc, or whose .class attribute is .doc */
a.pdf {padding-left: 1.7em; background: transparent url(/img/lists/icons/pdf.gif) no-repeat left center;}
/* ^All <a> tags whose "href" attribute ends in .pdf, or whose .class attribute is .pdf */
a.print {padding-left: 1.7em; background: transparent url(/img/lists/icons/print.gif) no-repeat left center;}
/*a.email, a[href^="mailto:"] {padding-left: 1.7em; background: transparent url(/img/lists/icons/email.gif) no-repeat left center;}*/
/* ^All column 2 <a> tags whose "href" attribute starts with mailto:, or whose .class attribute is .mailto */
a.external {padding-right: 1.4em; background: transparent url(/img/lists/icons/external.gif) no-repeat right center;}
a.popup {padding-right: 1.4em; background: transparent url(/img/lists/icons/popup.gif) no-repeat right center;}
/* ^All <a> tags whose .class attribute is .popup 
a[href^"http:"], a.external {padding-right: 1.0em; background: transparent url(/img/lists/icons/external.gif) no-repeat right top;}
/* ^All links whose "href" begins with "http:", or whos .class attribute is external 
a[href^="http://www.wmich.edu"], a[href^="http://wmich.edu"] {padding-right: 0; background-image: none;}
/* ^Resets all links to the wmich.edu domain */
/*
- - - - - - - - - - - - - - - - - - - - >
/ur/web/staff.html
- - - - - - - - - - - - - - - - - - - - >
*/
a.email {padding-left: 14px; background: url(../images/sw/lists/icons/email.gif) center left no-repeat;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                       New Style Sheet (October 25, 2007)                                        */
/*                                                                                                                                 */
/*                                       A comprehensive CSS to make pages look like Faculty Senate                                */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                                                                                                 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

@charset "UTF-8";
@import url("wmu_layout_default.css");
@import url("wmu_default.css");

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                               Images                                                            */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

img {border: 0;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                        Layout and structure                                                     */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Body */
body {margin: 0; padding: 0;}

/* Footer */
#cFooter {clear: both; width: 769px; padding: 10px 0 40px; margin: 1px auto; background-color: #fff; border: 1px solid #fff;}
#cFooter p {font-size: 10px; line-height: 12px; margin: 0;}
#cFooter a {font-size: 10px;}
#cFooter span {color: #94866f;}

/* Masthead */
#cMasthead {border-top: 1px solid #564630; border-bottom: 1px solid #564630;}
#cMasthead h1, #cMasthead h2 {display: none;} /* Only displayed when for when the CSS is disabled. */

/* Main Navigation: Container */
.cMainNav {border-top: 1px solid #94866f; border-bottom: 1px solid #94866f;}
* HTML .cMainNavFix {height: 1px;} /* Mac filter \*/

/* Page */
#cPage {padding: 0 1px; width: 769px; margin: 0 auto; position: relative; background-image: url("http://www.wmich.edu/images/sw/bg/body.gif"); text-align: left;}

/* Search */
#cSearch {background-color: #e9e2cf; border-top: 1px solid #564630; height: 32px; padding-right: 20px;}

/* Search: Form */
#cSearch form {display: inline; margin: 0; float: left;}
#cSearch form input {color: #564630; padding: 2px; border: 1px solid #94866f;}
#cSearch form span {color: #94866f;}
#cSearch .noborder {border: 0;}
#cSearch .middle {vertical-align: middle;}

/* Splash */
#cSplash {clear: both; border-top: 1px solid #94866f;}

/* Utility Navigation Container */
.nUtility {padding: 0; margin: 1px auto; background-color: #fff; border: 1px solid #fff; width: 769px;}
.nUtility ul {padding: 0; margin: 5px 0; border: 0;}
.nUtility li {display: inline; list-style: none; padding: 0; margin: 0; font: normal 10px Verdana, sans-serif; color: #94866f;}
.nUtility li.right {float: right; color: #94866f;}

.cMainNav {background-image: url("http://www.wmich.edu/images/sw/bg/col3.gif");}
#col1 {float: left; padding: 0 0 20px 0;}
#col1 ul {margin: 0; padding: 10px 0 0 10px; list-style: none; line-height: 130%; width: 181px; voice-family: "\"}\""; voice-family: inherit; width: 171px;}
#col1 ul a {font: bold 11px Verdana, sans-serif;}
#col1 hr {padding: 0; margin: 0; height: 1px; width: 90%; border: none; background-color: #94866f;}
#col1 ul li ul {margin: 0; list-style: none; line-height: 130%;}
#col1 ul li ul {width: 171px; padding: 0.2em 0 0.2em 10px; voice-family: "\"}\""; voice-family: inherit; width: 161px; padding: 0.2em 0 0.4em 10px; }
#col1 ul li ul span {font: normal 10px Verdana, sans-serif; color: #963; display: block; padding-left: 7px;}
#col1 ul li ul a {font: normal 10px Verdana, sans-serif; padding-left: 0;}
#col1 ul li ul a.active {font-weight: normal;}
#col1 ul > li {padding-bottom: 0.5em;}
#col1 ul > li ul li {padding: 0 10px 0.5em 10px; line-height: 0;}
#col1 li {padding-bottom: 0.5em;}
#col1 span {font: normal 10px Verdana, sans-serif; color: #963; display: block;}

#col1 ul li ul {width: 171px; padding: 0.2em 0; voice-family: "\"}\""; voice-family: inherit; width: 161px; padding: 0.2em 0 0.4em 0; }
#col1 ul > li ul li {padding: 0 10px 0.5em 0; line-height: 0;}
#col2 h2 a {font: bold 12px Verdana, sans-serif; color: #963;}

/* col2 */
#col2 {float: left; width: 417px; padding: 10px 10px 20px;}
* HTML #col2 {width: 437px; w\idth: 417px;}
#col2 .accent {background: url("http://www.wmich.edu/images/sw/bg/accent.gif") top right no-repeat;}
#col2 p, #col2 li {line-height: 1.5em;}

/* col3 */
#col3 {float: right; width: 130px; padding: 10px 10px 20px;}
* HTML #col3 {width: 150px; w\idth: 130px;}

/* .layout1 */
.layout1 .cMainNav {background-image: url("http://www.wmich.edu/images/sw/bg/col1.gif");}
.layout1 #col1 {float: left; width: 738px; padding: 10px 10px 20px;}
* HTML .layout1 #col1 {width: 758px; w\idth: 738px;}
.layout1 #ad {display: none;}
.layout1 #col2 {display: none;}
.layout1 #col3 {display: none;}

/* .layout2 */
.layout2 .cMainNav {background-image: url("http://www.wmich.edu/images/sw/bg/col2.gif");}
.layout2 #col2 {float: left; width: 547px; padding: 10px 10px 20px;}
* HTML .layout2 #col2 {width: 587px; w\idth: 547px;}
.layout2 #col3 {display: none;}

/* .layout3 */
.layout3 .cMainNav {background-image: url("http://www.wmich.edu/images/sw/bg/col3.gif");}
.layout3 #col1 {float: left; padding: 0 0 20px 0;}
.layout3 #col1 ul {margin: 0; padding: 10px 0 0 10px; list-style: none; line-height: 130%;}
.layout3 #col1 ul {width: 181px; voice-family: "\"}\""; voice-family: inherit; width: 171px;}
.layout3 #col1 ul > li {padding-bottom: 0.5em;}
.layout3 #col1 ul a {font: bold 11px Verdana, sans-serif;}
.layout3 #col1 ul li ul {margin: 0; list-style: none; line-height: 130%;}
.layout3 #col1 ul li ul {width: 171px; padding: 0.2em 0 0.2em 10px; voice-family: "\"}\""; voice-family: inherit; width: 161px; padding: 0.2em 0 0.4em 10px; }
.layout3 #col1 ul li ul span {font: normal 10px Verdana, sans-serif; color: #963; display: block; padding-left: 7px;}
.layout3 #col1 ul > li ul li {padding: 0 10px 0.5em 10px; line-height: 0;}
.layout3 #col1 ul li ul a {font: normal 10px Verdana, sans-serif; padding-left: 0;}
.layout3 #col1 ul li ul a.active {font-weight: normal;}
.layout3 #col1 ul li ul hr {height: 1px; width: 90%; border: none; background-color: #94866f;}
.layout3 #col2 {float: left; width: 417px; padding: 10px 10px 20px;}
* HTML .layout3 #col2 {width: 437px; w\idth: 417px;}
.layout3 #col3 {float: right; width: 130px; padding: 10px 8px 20px 7px;}
* HTML .layout3 #col3 {width: 150px; w\idth: 130px;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                             Navigation                                                          */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Global */
#nGlobal {background-color: #94866f; text-align: center;}
#nGlobal ul {list-style-type: none; border: 0; padding: 0; margin: 0 auto; width: 769px; height: 23px;}
#nGlobal ul li {display: inline; float: left; background-repeat: no-repeat; height: 23px;}
#nGlobal ul li a {background-repeat: no-repeat; display: block; height: 23px;}
#nGlobal ul a span {display: none;} /* Only displayed when for when the CSS is disabled. */

/* Global: WMU Home */
#nHome {background-image: url("http://www.wmich.edu/images/sw/nav/global/nHome.gif"); width: 118px;}
#nHome a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nHome_hover.gif");}

/* Global: About WMU */
#nAbout {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAbout.gif"); width: 122px;}
#nAbout a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAbout_hover.gif");}
.about #nAbout {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAbout_active.gif");}

/* Global: Academics */
#nAcademics {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAcademics.gif"); width: 116px;}
#nAcademics a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAcademics_hover.gif");}
.academics #nAcademics {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAcademics_active.gif");}

/* Global: Admissions */
#nAdmissions {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAdmissions.gif"); width: 123px;}
#nAdmissions a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAdmissions_hover.gif");}
.admissions #nAdmissions {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAdmissions_active.gif");}

/* Global: Alumni and Friends */
#nAlumni {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAlumni.gif"); width: 164px;}
#nAlumni a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAlumni_hover.gif");}
.alumni #nAlumni {background-image: url("http://www.wmich.edu/images/sw/nav/global/nAlumni_active.gif");}

/* Global: Student Life */
#nStudent {background-image: url("http://www.wmich.edu/images/sw/nav/global/nStudent.gif"); width: 106px;}
#nStudent a:hover {background-image: url("http://www.wmich.edu/images/sw/nav/global/nStudent_hover.gif");}
.studentlife #nStudent	{background-image: url("http://www.wmich.edu/images/sw/nav/global/nStudent_active.gif");}

/* Hyperlinks */
a:link,
a:visited {color: #630; font: normal 12px Verdana, sans-serif; white-space: normal;}
a:hover,
a:active {text-decoration: none;}

/* Hyperlinks: Cues */
a.about:link,
a.about:visited,
a.about:active {text-decoration: none; background: transparent url("/img/lists/icons/about_16.gif") no-repeat 0.5em 0.3em;}
a.cal:link,
a.cal:visited,
a.cal:active {text-decoration: none; background: transparent url(/img/lists/icons/cal_16.gif) no-repeat 0.5em 0.3em;}
a.docs:link,
a.docs:visited,
a.docs:active {text-decoration: none; background: transparent url(/img/lists/icons/docs_16.gif) no-repeat 0.5em 0.3em;}
a.form:link,
a.form:visited,
a.form:active {text-decoration: none; background: transparent url(/img/lists/icons/edit_16.gif) no-repeat 0.5em 0.3em;}
a.home:link,
a.home:visited,
a.home:active {text-decoration: none; background: transparent url(/img/lists/icons/home_16.gif) no-repeat 0.5em 0.3em;}
a.group:link,
a.group:visited,
a.group:active {text-decoration: none; background: transparent url(/img/lists/icons/group_16.gif) no-repeat 0.5em 0.3em;}
a.pdf {padding-left: 1.7em; background: transparent url(/img/lists/icons/pdf.gif) no-repeat left center;}
a.about:hover,
a.cal:hover,
a.docs:hover,
a.form:hover,
a.group:hover,
a.home:hover {text-decoration: underline;}

/* Page Navigation: Tabbed */
#nav_minor_top ul {background: #fff; margin: 0.5em 0 1.0em 0; padding: 0.5em 0 0.2em 0; border-bottom: 1px solid #ccc;}
#nav_minor_top li {list-style-type: none; display: inline; margin: 0; padding: 0;}
#nav_minor_top li a {font-size: 1.0em; color: #333; background-color: #e5e5e5; padding: 0.5em 1.0em 0.2em 2.5em; border: 1px solid #ccc; text-decoration: none; margin: 0;}
#nav_minor_top li + li a {border-left: 0;}
#nav_minor_top li a:hover {background-color: #f5f5f5;}
#nav_minor_top li a#active {font-weight: bold; background-color: #fff; border-bottom: 1px solid #fff;}

/* Search: Hyperlinks */
#cSearch #hyperlinks {float: left; height: 28px; padding-top: 3px;}
#cSearch #hyperlinks a {display: block; margin-top: 0; margin-left: 4px; font-size: 9px; color: #564630; line-height: 12px;}
#cSearch #hyperlinks a + a {margin-top: 0;} /* Removes the margin-top on the following anchor tag. */

/* Top button */
#top a:link,
#top a:hover,
#top a:active,
#top a:visited {float: right; margin: 0.1em 0.1em 0.4em; padding: 3px; background-color: #e9e2cf; border: 1px solid #94866f; color: #564630 !important; text-decoration: none; font: small-caps normal 10px Verdana, sans-serif;}
#top a:hover {color: #fff !important; border-color: #94866f; background-color: #cbc1b0;}

/* Utility Navigation */
.nUtility a {font-size: 10px;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                               Tables                                                            */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Data */
table.data {background: #f9f7f3; font: 1.0em normal Helvetica, sans-serif; color: #564630; margin: 0 0 2.0em 0; padding: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table.data caption {background: #564630; color: #e9e2cf; font: small-caps normal 1.2em Verdana, sans-serif; padding: 0.3em 0.3em 0.5em 0.3em; border: 1px solid #666;}
table.data td {margin: 0; padding: 0.5em; line-height: 1.5em; vertical-align: top; border-bottom: 1px solid #e9e2cf;  border-right: 1px solid #e9e2cf;}
table.data tfoot {background: #fff;}
table.data tfoot a:link, table.data tfoot a:visited {font-weight: bold; font-style: normal; font-size: 10px; color: #666;}
table.data tfoot a:hover, table.data tfoot a:active {text-decoration: none;}
table.data tfoot p {margin: 0; padding: 1.0em; line-height: 0.5em; font-size: 10px; color: #666;}
table.data tfoot td {padding: 0;background: #fff;}
table.data th {white-space: nowrap; text-align: center; font-weight: bold; padding: 0.8em 1.0em 0.6em; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333; background: #e5e5e5;}
table.data th div {display: block; font-weight: normal; font-size: 0.9em; padding-top: 0.3em;}
.even {background-color: #e5e5e5;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*                                                               Typgraphy                                                         */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Colors */
body,
h1,
h3,
h6 {color: #564630;}
h2,
h4 {color: #d3a21f;}
h5 {color: #94866f;}
hr {background-color: #cbc1b0; color: #cbc1b0;}

/* Font Family */
body {font-family: Verdana, sans-serif;}
h1,
h2 {font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif;}
h3,
h4,
h5,
h6 {font-family: Verdana, sans-serif;}

/* Font Sizes */
body {font-size: 12px;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3,
h4,
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

/* Structure and layout */
h1,
h2,
h3,
h4,
h5,
h6 {padding: 0; margin: 0; letter-spacing: 0; text-align: left;}
hr {width: 100%; height: 2px; margin-left: auto; margin-right: auto; border: none;}