/* 
 CREATION DATE: MAY 15 2008
	MODIFIED: JULY 2 2008
	          MARCH 25 2009
	PROJECT:  HOMEPAGE RELEASE 2.1 
	PROJECT NAME: COMBINED SEARCH TABS
	
	CONTENTS
====================
	1. DEFAULT SETTINGS
	2. LAYOUT
	3. NAVBARS + LINKS
	4. TYPOGRAPHY
	5. IMAGES
*/


/* -------- 1. DEFAULT SETTINGS ------------------------------- */
* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.6 Arial, Helvetica, sans-serif;
		}

p {
		font: 1.3em/1.6 Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}

img {
border: 0px;
}

hr {
margin-top: 20px;
margin-bottom: 20px;
}

#wrapper2 {
background: url(http://www.wmich.edu/library/images2-1/glow.png) 50% 0 repeat-y;
		}

#wrapper {
background: #ffffff;
width: 800px;
margin: 0 auto;
		}

#masthead {
margin-top:0;
margin-bottom:0
		}

#quickLinks {
height: 50px;
background: #000000;
}

#logo {
float: left;
}

#navContainer {
		height: 27px;
		}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
  z-index: 5;
		position: relative;
		float: left;
		background: #E9E2CF url(/library/images2-1/taboff.gif) repeat-x 0;
		width: 159px;
		height: 27px;
		margin-top:0px;
  margin-bottom:0px;
		border-bottom: 1px solid #94866F;
  border-left: 1px solid #94866F;
		}
#navigation li.help {
  z-index: 5;
		position: relative;
		float: left;
		background: #E9E2CF url(/library/images2-1/taboff.gif) repeat-x 0;
		width: 159px;
		height: 27px;
		margin-top:0px;
  margin-bottom:0px;
		border-bottom: 1px solid #94866F;
  border-left: 1px solid #94866F;
		}

#navigation a:link, #navigation a:visited {
		font: bold 1.4em Arial, Helvetica, sans-serif;
		text-transform: capitalize;
		color: #333333;
		text-decoration: none;
		display: block;
		height: 23px;
		padding: 4px 0px 0px 42px;
		}
#navigation a.help:link, #navigation a.help:visited {
		font: bold 1.4em Arial, Helvetica, sans-serif;
		text-transform: capitalize;
		color: #333333;
		text-decoration: none;
		display: block;
		height: 23px;
		padding: 4px 0px 0px 60px;
		}
#navigation a:hover {
  background: url(/library/images2-1/tabon.gif) repeat-x 0;
		}

#navigation a:active {
		background: url(/library/images2-1/taboff.gif) repeat-x 0;
		}
#navigation li ul {
		border-top: 1px solid #94866F;
		position: absolute;
		left: -10000px
		}

#navigation li:hover ul {
		display: block;
		left: 0;
		}

#navigation li li {
  width: 225px;
		background: #F2EEE3;
		margin-top:0px;
  margin-bottom:0px;
		font-size: .8em;
		font-weight: normal;
  border-bottom: 1px solid #F2EEE3;
  border-left: 1px solid #F2EEE3;
  border-right: 1px solid #F2EEE3;
		text-align:left;
		}

#navigation li li a:link, #navigation li li a:visited {
		text-transform: none;
		padding-left: 15px;
		}

#navigation li li a:hover, #navigation li li a:active {
		background: #FFCC00
		
		}

#navigation li li a:active {

		}
		
#content {
		background-color: #ffffff;
		}


/* -------------- DEFAULT LEFT RIGHT COLUMN PRIMARY ---------- */
.spacer {
clear:both;
}

#oneCol {
background: #cccccc;
margin-right: 10px;
padding: 30px 30px 16px 30px;
float: left;
width: 700px;
		}

#leftCol {
		background: #ffffff;
		margin-right: 0px;
		padding: 30px 10px 16px 30px;
		float: left;
		width: 438px;
		}
		
#rightCol {
  padding: 30px 20px 16px 20px;
		float: left;
		width: 272px;
}


/* ADDED JULY 2 FOR CHILD PAGE TEMPLATES */
#leftColB {
		background: #E9E2CF;
/*		margin-right: 10px; */
		padding: 30px 20px 30px 20px;
		float: left;
		width: 180px;
		}
		
#rightColB {
  /*background: #ffffff;*/
		background: url(/library/images2-1/rightColbkd.gif) 0 0 no-repeat; /* #5E4F40 */
  padding: 30px 50px 30px 50px;
		float: left;
		width: 480px;
}
#leftColC {
		background: #ffffff;
		border-right: 1px solid #eeeeee;
/*		margin-right: 10px;*/
		padding: 30px 30px 30px 30px; /* if 1px border removed, change 9px back to 10px */ /* right padding was 9px */
		float: left;
		width: 330px; /* was 360px jan 20 2009 */
		}
#rightColC {
  background: #ffffff;
  padding: 30px 30px 30px 30px;
		float: left;
		width: 340px;
}





/* ADDED MAR 19 2010 FOR NEW DIGI LANDING PAGES */

.oneColD {
background: #333;
padding: 30px 30px 16px 30px;
float: left;
width: 740px;
		}
#leftColD {
background: #ffffff;
padding: 30px 10px 30px 30px;
float: left;
width: 360px;
}

#rightColD {
background: #ffffff;
padding: 30px 30px 30px 10px;
float: left;
width: 360px;
}

#leftColD h1 {
background: url(/library/images2-1/tabon.gif) 0 0 repeat;
margin: 0;
padding: 10px 0px 5px 10px;
font: 1.65em Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform:uppercase;
color: #990000;
}

#rightColD h1 {
background: url(/library/images2-1/tabon.gif) 0 0 repeat;
margin: 0;
padding: 10px 0px 5px 10px;
font: 1.65em Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform:uppercase;
color: #990000;
}

.pageSectionD {
margin-bottom: 15px;
width: auto;
padding: 10px 20px 20px 20px;
background: #FFEDC7 url('/library/images2-1/cream_bkgd.jpg') top left repeat-x;
border: 1px #cccccc solid;
height: 327px;
}
.sidebarSectionD {
margin-bottom: 15px;
width: auto;
padding: 10px 20px 20px 20px;
background: #E2E2E2 url('/library/images2-1/sky_bkgd.jpg') top left repeat-x;
border: 1px #cccccc solid;
height: 327px;
}
/* THUMBNAILS */
.photobarrightD {
	float:right;
	margin: 15px 0 0 7px;
}




/* ADDED MAR 19 2010 FOR NEW DIGI LANDING PAGES */





/* HOURS */
#leftColCHours {
		background: #ffffff;
		border-right: 1px solid #eeeeee;
		padding: 30px 30px 0px 30px; 
		float: left;
		width: 330px;
		}
#rightColCHours {
  background: #ffffff;
  padding: 30px 30px 0px 30px;
		float: left;
		width: 340px;
}
#oneColHours {
		background: #E2E2E2 url('/library/images2-1/sky_bkgd.jpg') top left repeat-x;
		padding: 10px 30px 16px 30px;
		float: left;
		width: 740px;
		}
/* HOURS */





#oneCol ul, #oneCol ol, #leftCol ul, #leftCol ol, #rightCol ul, #rightCol ol, #rightColB ul, #rightColB ol, #rightColC ul, #rightColC ol, .oneCol ul, .oneCol ol, #leftColC ul, #leftColC ol, #rightColD ul, #rightColD ol, #leftColD ul, #leftColD ol {
  margin-left: 1.0em;
		padding-left: 2.0em;
		font: 1.2em/1.6 Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}
#rightColB ul, #rightColB ol {
  margin-left: 1.0em;
		padding-left: 2.0em;
		font: 1.2em/1.6 Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}
ul.directory {
  margin-left: 1.0em;
		padding-left: 2.0em;
		font: 1.2em/1.6 Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}
ul.directory li {

		margin-bottom: 1.3em;
		}
.directoryHeading {
  font: 1.4em Arial, Helvetica, sans-serif;
		font-weight: bold
}

#capabilities ul ul li {
		font: .8em/1.6 Arial, Helvetica, sans-serif;
}


.caption p {
		padding: 0 10px;
		font: 1.2em/1.4 Arial, Helvetica, sans-serif;
}
		
#navigationLeftColB ul {
  list-style-type: none;
  margin-left: 0;
		padding-left: 5px;
		font: 1.2em/1.8 Arial, Helvetica, sans-serif;
		margin-bottom: 1em; 
}
#navigationLeftColB ul ul {
  font-size: 1em;
}
#navigationLeftColB ul li {
		list-style-type: none;
}
#navigationLeftColB a:link, #navigationLeftColB a:visited  {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		/*isplay: block;*/
		/*padding: 10px 0;*/
		/*background-color: #666666;*/
		color: #000000;
}
#navigationLeftColB a:hover  {
		/*background-color: #000000;*/
		text-decoration: underline;
}
#navigationLeftColB li li a:link, #navigationLeftColB li li a:visited {

		text-decoration: none;
		text-transform: capitalize;
		font-weight: normal;
/*		padding: 0 8px; */ /* to adjust list overflow */
		color: #663300;
		}
#navigationLeftColB li li a:hover {
		text-decoration: underline;
		}
#navigationLeftColB li li a:active {
		color: #666666;
		}

































#oneCol {
		background: #ffffff;
		margin: 10px;
		/*padding: 30px 10px 16px 30px;*/
		float: left;
		/*width: 438px;*/
		}
/* -------------- DEFAULT BANNER LEFT COLUMN PRIMARY ---------- */
#bannerWrapper {
		background-color: #000000
		}
#bannerLeft {
		background: #000000;
		padding: 0;
		float: left;
		width: 488px;
		}
#bannerRight {
		background: #000000;
		padding: 10px 10px 53px;
		float: left;
		width: 292px;
}
#skipTrigger ul {
		position: absolute;
		top: 1px;
		margin-left: 125px;
		list-style-type: none;
		}
#skipTrigger li {
  margin: 0;
  padding:0px 5px 0;
  display: inline;
  float: left;
}
#skipTrigger a:link, #skipTrigger a:visited {
  padding:0px 5px 0;
		color: #cecece;
		text-decoration: none;
		}

#skipTrigger a:hover, #skipTrigger a:focus {
		padding:0px 5px 0;
		background: #000000;
		color: #FFcc00;
		text-decoration: underline;
		}

#signage { padding-bottom: 20px; }

/* -------- BLACK QUICK LINKS ----------------------- */
#topmenu ul {
		list-style-type: none;
		margin-right: 15px;
		}

#topmenu li
{
margin: 0;
padding: 17px 12px 0;
display: inline;
float: right;
}

#topmenu a:link, #topmenu a:visited
{
font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}

#topmenu a:hover { 
color: #FFCC00;
text-decoration: underline;
 }
/* -------- BLACK QUICK LINKS ----------------------- */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* FOR BODY BACKGROUND STYLE, USE NITE, EVENING, DAYTIME CSS FILES */
h1 {
margin: 0;
padding: 10px 0px 5px 0px;
font: 2.0em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333; 
}

h2 {
margin: 0;
padding: 10px 0px 0px 0px;
font: 1.75em Arial, Helvetica, sans-serif;
 font-weight: bold;
color: #996600; 
}

h3 {
margin: 0;
padding: 10px 0px 0px 0px;
font: 1.55em Arial, Helvetica, sans-serif;
font-weight: bold;
color: #996600; 
}

h3.AB {
 margin: 0;
 padding: 10px 0px 0px 0px;
	font: 1.55em Arial, Helvetica, sans-serif;
 font-weight: bold;
	color: #000000; 
	}
h4 {
 margin: 0;
 padding: 10px 0px 3px 0px;
	font: 1.35em Arial, Helvetica, sans-serif;
 font-weight: bold;
	color: #996600; 
	}

blockquote {
 margin-left: 16px;
}

img.guide {
 padding: 15px 0;
}

/* ACCESSIBILITY */
table {
 margin-bottom: 15px;
	font: 1.3em/1.6 Arial, Helvetica, sans-serif;
}

#quick {
	font: 0.8em/1.6 Arial, Helvetica, sans-serif;
}

table.booksearch {
 margin: 0;
	padding: 0;
}
form, input {
	font: 1.0em Arial, Helvetica, sans-serif;
}
.required {
font-weight: bold;
color: #FF0000
}
caption {
		font: 1.3em/1.6 Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
}
td {
  padding: 3px;
}
th.col {
	color: #000000;
	background: #cccccc;

	}


/* -------- DATABASE A-Z LIST ----------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.alphalist ul {
list-style-type: none;
	} 

.alphalist ul li
{
padding: 0;
margin: 0;
float: left;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
text-align: center;

}
.alphalist a:link, .alphalist a:visited {
background: #000000;
width: 16px;
padding: 3px;
display: block;
color: #FFFFFF;
text-decoration: none;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.alphalist a:hover, .alphalist li#active {
background: #E9D4A9;
color: #000000;
}
/* -------- DATABASE A-Z LIST ----------------------- */

/* -------- PLUGINS FOR CONNECTING FROM OFFCAMPUS --- */
#plugins p {
position: relative;
height: 45px;
margin: 10px 0 20px 20px;
padding: 0;
font-size: 8pt;
font-weight: 500;
line-height: 155%;
}
#plugins img {
display: block;
background: #eee;
float: left;
clear: left;
width: 35px;
height: 35px;
margin: 0 10px 10px 0;
padding: 0;
border: none;
}
#plugins a {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#0033FF;
	text-decoration: underline;
}
/* -------- PLUGINS FOR CONNECTING FROM OFFCAMPUS --- */

/* -------- SUBJECT GUIDE STYLES -------------------- */
h2.sgtitle {
 color: #CC0000;
	text-align: center;
}
.sgtitle {
 color: #CC0000;
}
.libcomment {
margin-left: 10px;
margin-bottom: 15px;
padding: 10px 10px 0 10px;
background: #FFEDC7 url('/library/images2-1/cream_bkgd.jpg') top center repeat-x;
border: 1px #cccccc solid;
width: 375px;
}
.pageSection {
margin-bottom: 15px;
width: auto;
padding: 10px 20px 20px 20px;
background: #FFEDC7 url('/library/images2-1/cream_bkgd.jpg') top left repeat-x;
border: 1px #cccccc solid;
}
.sidebarSection {
margin-bottom: 15px;
width: auto;
padding: 10px 20px 20px 20px;
background: #E2E2E2 url('/library/images2-1/sky_bkgd.jpg') top left repeat-x;
border: 1px #cccccc solid;
}
.askSection {
margin-bottom: 15px;
width: auto;
padding: 10px 20px 20px 20px;
background: #00CCFF url('/library/images2-1/imbox_bkgd2.jpg') top left repeat-x;
border: 1px #cccccc solid;
}
/*
/* -------- SUBJECT GUIDE STYLES -------------------- */


/* -------- BANNERS -------------------- */
.bannerMain {
position:relative;
z-index:1;
margin: 0;
padding-bottom: 15px;
}

/* -------- BANNERS -------------------- */



/* -------- PHOTOS -------------------- */
.photobarleft {
	float:left;
	width: 220px;
	margin: 0 20px 0 20px;
}
.photobarright {
	float:right;
	width: 220px;
	margin: 0 0 20px 20px;
}
.photobarrightWrap {
	float:right;
	margin: 0 0 20px 20px;
}
.photoclear {
 clear:both;
}
.photobarltmug {
	float:left;
	width: 100px;
	margin: 0 20px 0 20px;
}
.photobarleftAB {
	float:left;
	margin: 0 20px 0 10px;
}
.photobarrightAB {
	float:right;
	margin: 0 0 0 20px;
}
/* -------- PHOTOS -------------------- */








/* -------- BUTTONS -------------------- */
.btn {
display:block;
width:100px;
height: 20px;
padding: 5px;
background: #906530 url('/library/images2-1/gold_bkgd.gif') top left repeat-x;
border: 1px #906530 solid;
}

/* -------- BUTTONS -------------------- */











/* -------- LISTS -------------------- */
.geco ul {
  padding: 5px 0px 5px 0px;
  margin: 0px;
	 font: 12px Verdana, Arial, Helvetica, sans-serif;
} 
.geco ul li {
  padding: 5px 0px 5px 0px;
  margin: 0px;
	 font: 12px Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ccc;
  list-style: none ! important;
}
.geco ul li.first {
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.25em;
 font-weight:bold;
 color:#333;
 list-style: none !important;
}
.geco li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
	color:#0033FF;
	text-decoration: underline;
}
.geco li a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
	color:#0033FF;
	text-decoration: underline;
}
.geco li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
	color:#660099;
	text-decoration: underline;
}
.geco li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
	color:#cc0000;
	text-decoration: underline;
}

/* STUDENT EMPLOYMENT PAGE */
div.contactinfo p {
		font: 1.3em Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}
/* STUDENT EMPLOYMENT PAGE */


#foot {
background:#564630;
width: 800px;
padding: 5px 0;
	margin: 0 auto;
 font: 10px/20px "Lucida Grande", verdana, sans-serif;
 color:#cbc1b0;
 text-align: center;
}

#foot a.footer:link,a.footer:visited {
color:#cbc1b0;
}
#foot a.footer:hover {
color:#ffcc00;
}