/* CSS Document */

/* WMU LM BROWNS and/or GRAYS:
1d1309 (darkest gray-almost black)
564630 (dark gray)
94866f (gray)
cbc1b0 (light gray)
e9e2cf (lighter gray)
f4f0e7 (lightest gray-almost invisible)
*/
/* WMU LM YELLOWS:
af6704 (dark gold)
d3a21f (gold)
ecca44 (light gold)
*/
/* WMU LM MISC (not used):
a69882 (gray),
6c6251 (darker gray)
*/
@import url("wmu_classes.css");
@import url("wmu_layout_default.css");

#col1 {padding-top: 0px!important;}
#col1 p {line-height: 17px;}

/* Anchors */
a {color: #630; white-space: normal; font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: underline;
}
a:hover {text-decoration: none;}

#library_box {width: 180 px; height: auto;}


/* Body */
body {margin: 0; padding: 0; font: normal 12px Verdana, sans-serif; color: #564630;}
/* Forms */
form {}
form ul {list-style-type: none; padding-left: 0;}
form + h2 {margin-top: 1em;} /* Adds 1em to the margin-top of the h2 tag that immediately follows a form tag */
form p {clear: left; margin: 0; padding: 5px 0 0 0;}
form p label {float: left; width: 40%; color: #564630; font: bold 1em Arial, sans-serif; margin: 4px 0;}
form span {display: block; font-weight: normal; font-style: italic; font-size: 10px;}
legend {color: #564630; font: bold 1.4em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; background-color: #e9e2cf; border: 1px solid #cbc1b0; border-bottom-color: #94866f; border-right-color: #94866f; padding: 4px 8px;}
legend span {color: #94866f!important; font-weight: bold!important;}
fieldset {border: 1px solid #cbc1b0; padding: 10px;}
fieldset + fieldset {margin-top: 10px;}
input, label, select, textarea {padding: 0.2em;}
input.txt, textarea.txt, select.txt {color: #1d1309; background-color: #e9e2cf; border: 1px solid #cbc1b0; border-top-color: #94866f; border-left-color: #94866f; width: 200px;}
input.btn {font: bold 1.2em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; color: #564630; background-color: #e9e2cf; border: 1px solid #cbc1b0; border-bottom-color: #94866f; border-right-color: #94866f; margin: 0.5em; padding: 4px 8px;}
input.btn:hover {background-color: #ecca44; border: 1px solid #d3a21f; border-bottom-color: #94866f; border-right-color: #94866f;}
input.btn:active {background-color: #d3a21f; border: 1px solid #564630; border-bottom-color: #94866f; border-right-color: #94866f;}
input.disabled {background-color: #fff; border: 1px dotted #94866f; width: 200px;}
label a {display: block; font-size: 0.9em; font-style: italic; color: navy;}
optgroup {padding: 0.3em 0 0.5em 0.5em; margin: 0; font-size: 0.9em; color: #94866f; background-color: #e9e2cf; border-bottom: 1px solid #cbc1b0;}
optgroup + optgroup {padding: 0.3em 0 1.0em 0.5em;}
option {color: #1d1309; padding: 0.2em 0.2em 0 1.0em; font-size: 0.9em;}
textarea {font: normal 1em Arial, sans-serif;}
h2 + form {margin-top: 1em;} /* Adds 1em to the margin-top of the form tag that immediately follows a h2 tag */
div.twopart {float: left; margin: 0; padding: 5px 0;}
div.twopart label {display: block; color: #564630; font: italic normal 0.9em Verdana, sans-serif; margin: 0 0 4px 0;}

/* Headers */
h1 {font: 1.8em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif;}
h2 {font: 1.5em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif;}
h3 {font: bold 1.0em Verdana, sans-serif;}
h4 {font: italic normal 1.0em Verdana, sans-serif; margin: 0.3em 0 1.0em;}
h5 {font: bold 1.0em Verdana, sans-serif;}
h6 {font: bold 0.9em Verdana, sans-serif;}

/* WMU LM BROWNS: 1d1309, 564630, 94866f, cbc1b0, e9e2cf, f4f0e7 */
/* WMU LM YELLOW: ecca44, d3a21f */
/* LM: d3a21f, a69882, 6c6251? */
/* body: 564630 */
h1 {color: #564630;} /* 000, 1d1309, 630 */
h2 {color: #d3a21f;} 
h3 {color: #564630;}
h4 {color: #d3a21f;}
h5 {color: #94866f;}
h6 {color: #564630;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {margin-top: 0.2em;} /* Adds 0.2em to the margin-top of a <p> that immediately follows any header tags. */
h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; letter-spacing: 0; text-align: left;}
h2 + table {margin-top: 5px;} /* Adds 5px to the top of a <table> that immediately follows the <h2> element. */
h2 + h3, h3 + h4 {margin-top: 0.3em;}

/* Horizontal Rules */
hr {color: #cbc1b0; background-color: #cbc1b0; width: 100%; height: 2px; margin-left: auto; margin-right: auto; border: none;}
.hr_col3 {color:#630; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #630; border-right-color: #630; border-bottom-color: #630; border-left-color: #630;}

/* Images */
img {border: 0;}
.map {float: left; margin-right: 20 px;}

/* Lists */
ol {padding-left: 20px;}
ol li > ul {margin-top: 0.5em;}
ol li ul li {margin-bottom: 0.5em;}
ol ul li {list-style-type: none; background: url("http://www.wmich.edu/images/sw/lists/bullets/brn_1-2.gif") no-repeat left 0.1em; padding-left: 1.0em;}

/* Paragraphs */
p + ol > li {margin-bottom: 0.5em;} /* Adds 0.5em to the margin-bottom of each <li> within <ol> or <ul> elements that immediately follow a <p> tag. */
p + ul > li {margin-bottom: 0.5em;} /* Adds 0.5em to the margin-bottom of each <li> within <ol> or <ul> elements that immediately follow a <p> tag. */
p > strong {color: #564630;} /* Applies the color to <strong> tags that are children of a <p> tag, but not a descendant. */
p a {text-decoration: underline;}
p a:hover {text-decoration: none;}

/* Tables */
.style1 caption {background: #564630; color: #cbc1b0; font: bold 1.3em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; padding: 0.25em 0;}
.style1 table {border: 1px solid #94866f;}
.style1 th {background-color: #cbc1b0; border-right: 1px solid #94866f; border-bottom: 2px solid #94866f; font: bold 1.0em Verdana, sans-serif; color: #564630; padding: 3px 5px; text-align: center;}
.style1 th span {display: block; color: #564630; font-size: 0.9em;}
.style1 td {border-right: 1px solid #cbc1b0; border-bottom: 1px solid #cbc1b0; padding: 5px; vertical-align: top;}
.style1 td span {display: block; color: #564630; font-size: 0.9em;}
.style1 td ul {padding-left: 20px;}
.style1 td ul li {padding-right: 20px;}
.style1 td > p {margin-top: 0;} /* Removes the margin-bottom of the <p> that immediately follows a <td> tag. */
.style1 td + p {line-height: 0;}

.style2 caption {background: #564630; color: #cbc1b0; font: bold 1.3em "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; padding: 0.25em 0;}
.style2 table {border: 1px solid #94866f;}
.style2 th {background-color: #cbc1b0; border-right: 1px solid #94866f; border-bottom: 2px solid #94866f; font: bold 1.0em Verdana, sans-serif; color: #564630; padding: 3px 5px; text-align: center;}
.style2 th span {display: block; color: #564630; font-size: 0.9em;}
.style2 td {border-right: 1px solid #cbc1b0; border-bottom: 1px solid #cbc1b0; padding: 5px; vertical-align: top;}
.style2 td span {display: block; color: #564630; font-size: 0.9em;}
.style2 td ul {padding-left: 5px;}
.style2 td ul li {padding-left: 5px; margin-left:5px; list-style:circle;}
.style2 td > p {margin-top: 0;} /* Removes the margin-bottom of the <p> that immediately follows a <td> tag. */
.style2 td + p {line-height: 0;}


.style3 table {border: 1px solid #94866f;}
.style3 td {border-top: 1px solid #cbc1b0; border-bottom: 1px solid #cbc1b0; padding: 8px; vertical-align: top; font: bold 8pt; Verdana, sans-serif; color: #564630;}
.style3 td span { color: #564630; font-size: 0.9em;}
.style3 td ul {padding-left: 5px;}
.style3 td ul li {padding-left: 5px; margin-left:5px; list-style:circle; font: bold 8pt; Verdana, sans-serif; color: #564630;}
.style3 td > p {margin-top: 0;} /* Removes the margin-bottom of the <p> that immediately follows a <td> tag. */
.style3 td + p {line-height: 0;}
/* Page Container */
#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;}

/* Utility Navigation */
.nUtility {padding: 0; margin: 1px auto; background-color: #fff; border: 1px solid #fff; width: 769px;}
.nUtility a {font-size: 10px;}
.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;}

/* Masthead Container */
#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. */

/* Global Navigation */
#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 Navigation: 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");}
.home #nHome {background-image: url("http://www.wmich.edu/images/sw/nav/global/nHome_active.gif");}
/* WMU Home: col2: Layout */
 
.home #col2, .home #col2 p {font-size: 10px; line-height: 12px;}
.content {margin-right: 20px;margin-left: 30px;}
/* WMU Home: col2: News Layout */
.home #col2 #cNews table, .home #col2 #cNews td {padding: 0; border-collapse: collapse;}
.home #col2 #cNews table td {vertical-align: middle;}
.home #col2 #cNews img {margin-right: 10px;}
.home #col2 #cNews hr {margin: 20px auto;}

/* WMU Home: col2: News Navigation */
.home #col2 #nNews {float: left; display: inline;}
.home #col2 #nNews a {font-size: 10px; color: #564630;}
.home #col2 #nNews ul {padding: 0; margin: 0 0 1.0em 0; border: 0;}
.home #col2 #nNews li {display: inline; list-style: none; padding: 0; margin: 0; color: #94866f;}

/* WMU Home: col3: Layout */
.home #col3 #cSpotlight dd, .home #col3 #cSpotlight dd a {font-size: 10px; line-height: 12px;}

/* Global Navigation: 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 Navigation: 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 Navigation: 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 Navigation: 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 Navigation: 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");}

/* Search: Container */
#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;}

/* 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. */

/* Splash */
#cSplash {clear: both; border-top: 1px solid #94866f;}
#cSplash 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 \*/

/* "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;}
#close a:link, #close a:hover, #close a:active, #close a:visited {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;}
#close a:hover {color: #fff !important; border-color: #94866f; background-color: #cbc1b0;}



#col2 h2 a {font-size: 1.0em; font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; color: #d3a21f;}

#clear {clear: both; margin-bottom:10px;}

/*Content */
#content {width: auto; height:inherit; margin-left: 15px; margin-right: 5px; text-align: left; float: left; display: inline;}
#contentAds {margin-left: 15px; margin-right: 5px;}


/*Content */
#3Ccontent {width: inherit; height:inherit; margin: 0 20 0 20; text-align: left; float: left;}

/* right align */
.right {font-size: 9px; text-transform: capitalize; color: #999999;}
.right a:hover {font-size: 9px; text-transform: capitalize; color:#333333;}


/* TABLE BORDERS */

.Border_Right {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbc1b0; border-right-width: 1px; border-right-style: solid; border-right-color: #cbc1b0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #564630; }


.Border_Left {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbc1b0; border-left-width: 1px;  border-left-style: solid; border-left-color: #cbc1b0; border-right-width: 1px; border-right-style: solid; border-right-color: #cbc1b0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #564630;}

.Border_Top {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbc1b0;; border-top-color: #cbc1b0; border-right-color: #cbc1b0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #564630;}

.Border_TopLeft {border-bottom-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #564630; border: 1px solid #cbc1b0;}

.Border_3px {border-top-width: 3px; border-bottom-width: 3px; border-right-width: 1px; border-left-width: 1px; sborder-top-style: solid; border-right-style: solid;
	border-bottom-style: solid; border-top-color: #7F796E; border-bottom-color:#7F796E; border-right-color: #cbc1b0; border-left-color:#cbc1b0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #564630; border-top-style: solid; border-left-style: solid;}


/* Footer Container */
#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;}

/* NEW SUBNAV */
#subnav {
	padding-bottom: 20px;
	width: auto; text-align:center;
}

.image-l {float:left; margin-right: 10px; }
.image-r {float:right; margin-right: 10px; }

/* QUICK LINKS */
#quick-wrapper {width: 451px; position: relative; margin-left: auto; margin-right: auto; margin-top: 20px; font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; font-size: 13px; color: #434343; text-align: center; float:left;}
	
#quick-content {width: 451px; height:auto; overflow:auto; background-image:url(../images/quick-bkg.jpg); background-repeat:repeat-y; line-height: 25px;}
#quick-content p {margin-top: 0px;}

#left {width:120px; height:auto; float: left; margin-left: 5px; margin-right: 5px; margin-top: 10px; padding-left: 10px; padding-right: 10px; display: inline;}
#left a:link {font-size: 12px; color: #9F8248; text-decoration: none;}
#left a:visited {font-size: 12px; color: #9F8248; text-decoration: none;}
#left a:hover {font-size: 12px; color: #000; text-decoration: underline;}

#quick-bottom {width: 451px; height: 11px; background-image:url(../images/quick-bottom.jpg); background-repeat:no-repeat; margin-bottom: 15px;}

.small {margin-top: 10px;}
.small a:link, .small a:visited {font-size: 11px !important; color: #9F8248; text-decoration: none;}
.small a:hover {font-size: 11px !important; color: #000; text-decoration: underline;}

/* CLOSURES */
#closures-hr {width: 415px;padding-left: 34px; padding-top:35px; background-image:url(../images/closures-index.jpg); background-repeat:no-repeat; float:left; margin-top: 10px; margin-bottom: 20px;}
#closures-page {width: 415px; height:auto; padding-left: 34px; padding-top:55px; background-image:url(../images/closures-big.jpg); background-repeat:no-repeat; float:left; margin-top: 10px; margin-bottom: 20px;}

#newLeft {width:110px; border-style:dotted; border-color:#FC0; font-size:11px;}
#new {width:inherit; border-style:dotted; border-color:#FC0; font-size:11px;}
.clear {clear:both;}
  
/* Advertising Page */
#adClickHere {width: 210px; height:inherit; margin-left: 30px; float: left;
}
#adColumns {width: 200px; height:inherit; margin-right: 10px; padding: 10px 10px 10px 10px; text-align: left; float: left;}

#leftSideColumn {width: 231px; height:inherit; float: left;}

/* Mini Nav */
#miniNav {
	padding-right:20px;
	float:left;
}

#miniNav a {
	        height: 3em;
	        font-weight: bold;
	        text-decoration:none;
        }



