/* OU */
html,body {margin:0;padding:0;}
body{background:url(https://www.oakland.edu/images/generic/bg_slice_2.png) repeat-x top #CCC7BB !important;}
#skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
#skip a:focus { position:static; width:auto; height:auto; } 

/* header.css -- only header styles*/
#header {background-color: #000;}
#HeaderContainer{margin:0px auto 0px auto; background-color:#000000; width:958px; height: 137px;}
#HeaderLogo{position:absolute; margin:40px 0px 0px 0px;}
#HeaderTopNav{width:958px; text-align:right; height:20px; padding:10px 0px 0px 0px;}
#HeaderTopNav a{color:#b29b55; text-decoration:none; font-size:11px; font-weight:bold;}
.tmSeps{display:inline; padding:0 5px; color:#bbbbbb; font-size:10px;}
#HeaderTools{width:958px; text-align:right; margin:32px 0px 0px 0px; height:30px;}
#HeaderTools img{vertical-align:bottom;}
#HeaderSearchContainer{display:inline-block;padding:3px 5px 3px 5px;border-radius:3px;background-color:#ffffff;zoom: 1; *display:inline; }
#HeaderSearch{width:227px;height:18px;border:solid 0px #ffffff !important;-webkit-appearance: textfield;padding: 0px;background-color: white;border: none;border-image: none;-webkit-rtl-ordering: logical;-webkit-user-select: text;cursor: auto;}
#HeaderSearch:focus{outline:none;}
#HeaderMainNav{width:958px; height:40px; background-color:#B69A53; box-shadow: inset 0 -5px 30px #AF8E38; margin:5px 0px 0px 0px; border-radius:5px 5px 0px 0px;}
.HeaderMainNavItem{width:185px; height:40px; border:solid 0px #ccb984; border-left-width:1px; display:inline-block; zoom: 1; *display:inline; cursor:pointer;}
#HeaderMainNavFirstItem{border-left-width:0px;}
.HeaderMainNavTitle{ text-align:center; padding:13px 0px 0px 0px; height:27px;color:#ffffff;font-size:14px;font-weight:bold; -moz-user-select: -moz-none;-khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none;user-select: none;}
.HeaderMainNavOptions{min-width:250px;z-index:3000;border-radius:0px 0px 10px 10px; display:none;float:left;position:relative;background-color:#DCB72E;background-color:#b49747;padding:10px 0px 15px 0px;margin:-1px 0px 0px 0px;cursor:default;}
#HeaderMainNavOptions1{margin:-1px 0px 0px 0px;}
#HeaderMainNavOptions5{width:279px; margin:-1px 0px 0px -77px;}
.HeaderMainNavLinks{padding:3px 15px 3px 15px;}
.HeaderMainNavOptions a{font-weight:bold;text-decoration:none;color:#ffffff;}			
/* design001.css - only main container styles */
#Design001MainContentContainer{margin:0px auto 0px auto;background-color:#ffffff;width:958px; min-height:256px;box-shadow: 0px 5px 5px #969696;}
/* footer.css -- all of it */
#FooterContainer{margin:0px auto 0px auto; width:958px;}
#FooterContainer a{color:#A9A9A8; text-decoration:none;}
#FooterColoredBox{width:958px; padding:25px 0px 25px 0px;background-color:#212629; border-radius:0px 0px 5px 5px;text-align:center;color:#A9A9A8;font-weight:bold;}
#FooterLowerText{width:960px; padding:15px 0px 15px 0px;text-align:center;font-size:11px;font-weight:normal;color:#212629;}
#FooterLowerText a{color:#212629; text-decoration:none; font-weight:normal;}						

/* our customizations to OU styles*/
#FooterColoredBox a img { visibility: hidden }
.HeaderMainNavOptions a { font-size: .75em;}
#FooterColoredBox {font-size:.75em}

@media only screen and (max-width: 958px) {
#HeaderContainer, #HeaderTopNav, #HeaderTools, #HeaderMainNav, #Design001MainContentContainer, #FooterContainer, #FooterColoredBox, #FooterLowerText {width: 100%;}
	.HeaderMainNavItem { width: 18%; }
	.HeaderMainNavTitle {font-size: .8em;}
}
@media only screen and (max-width: 700px) {
#HeaderContainer {display: block; height: auto;}
	#HeaderLogo{ position: relative;margin: 5px 0 5px 0; width:100%}
	#HeaderLogo img {width: 35%; height: auto;margin: 0 auto 0 30%;}
 #HeaderTopNav, #HeaderTools, #HeaderMainNav { display: none}
	}
@media only screen and (max-width: 500px) {
	#HeaderLogo img {width: 50%; height: auto;margin: 0 auto 0 25%;}
}



/* library layout styles over 960px*/
body,html{font-size:1em;font-family:Arial, sans-serif;min-width:290px;margin:0;padding:0 0 20px 0;}
a img {border: none}
#lib{background:#343434;text-align:left;margin:0;padding:0}
#libheader{background:#4e4e4e url(../images/banner.jpg) top left no-repeat;height:120px;margin:0;padding:0}
#libheader img a{display:block;border:none;margin:0;padding:0}
#Nav{display:block;margin-bottom:20px}
#libtoggle{float:left;width:210px;font-size:.8em;text-align:center;margin:-1.75em 10px 10px;padding:0}
#libtoggle a{text-decoration:none;color:#000}
#kl{display:block;float:left;width:104px;background:#b59a57 url(../images/kl_back.jpg) top left repeat-x;border-right:1px solid #666;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-khtml-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;font-weight:700;padding:.5em 0}
#libtoggle a:hover#kl{background:#A48533;color:#fff}
#ml{display:block;float:right;width:104px;background:#343434 url(../images/ml_back.jpg) top left repeat-x;border-left:1px solid #999;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;-khtml-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;padding:.5em 0}
#libtoggle a#ml{color:#ccc}
#libtoggle a:hover#ml{background:#003594;color:#fff}
#libside{width:230px;float:left;clear:left;margin:5px 0 0;padding:0}
.hours{margin:0 0 5px}
.hours .date{float:left;width:30px;height:30px;background:#fff url(../images/hours.jpg) no-repeat top center;font-weight:700;font-size:90%;text-align:center;margin:3px 5px 20px;padding:0; line-height:2.5em;}
.hours p{font-size:.8em;color:#fff;margin:0;padding:0}
.hours a{color:#C2AE7A;text-decoration:none}
.hours a:hover{color:#fff}
.social{margin:15px 0 0;padding:0 0 0 40px}
.social img{width:25px;height:25px}
.social a img{border:none}
#libheader_m,#navToggle,#navMobile,.hoursm,.socialm{display:none}
#libcontentpg{background:#4e4e4e;-moz-border-radius:8px 0 0;-webkit-border-radius:8px 0 0 0;-khtml-border-radius:8px 0 0 0;border-radius:8px 0 0 0;margin:-24px 0 0 230px;padding:2px 0 0; font-size:1em;font-family:Arial, sans-serif;}
#onesearch{background:#f9f9f9 url(../images/bar_back.png) bottom left repeat-x;float:left;width:63%; height:47px; -moz-border-radius:8px 0 0;-webkit-border-radius:8px 0 0 0;-khtml-border-radius:8px 0 0 0;border-radius:8px 0 0 0;margin:-54px 0 0;padding:7px 0 6px 2%}
#onesearch h2{float:left;width:5em;font-size:.9em;font-family:"Times New Roman", Times, serif;font-style:italic;text-align:center;line-height:.85em;margin:0;padding:7px 0}
#onesearch p{font-size:.65em;text-align:right;margin:0 25% 0 0;padding:0}
#onesearch form{padding-top:5px}
#onesearch input[type=text]{width:60%;color:#666;font-size:.8em;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:5px}
#onesearch input[type=submit]{color:#000;font-weight:700;font-size:.8em;background:#C49F40 url(../images/kl_back.jpg) top left repeat-x;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:4px}
#onesearch input[type=submit]:hover{background:#A48533;color:#fff}
#ask{background:#EEEDEB url(../images/bar_back.png) bottom left repeat-x;float:right;width:35%; height:47px;text-align:center;margin:-54px 0 0;padding:7px 0 6px}
#ask img{width:40px;padding-top:3px}
#ask h2{float:left;width:3.2em;font-size:.7em;color:#333;font-weight:400;line-height:.9em;margin:0;padding:7px 0 0 8px}


#libtabs {
   background:#8b8b8b; clear: right;
   	margin: 0 0 0 0; padding: 15px 0 0 0;
	float:right;
    width:100%;
   overflow:hidden;
   font-size: .8em;
   position:relative;
}

#libtabs ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0 0 0 0;
   padding:0 0 0 1.5%;
   text-align:center;
   position:relative;
}
#libtabs ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position: relative;
}
#libtabs ul li a {
   display:block;  max-width: 5em; height: 2.2em; border-left: 1px solid #ccc; background: #747474;
   margin:0 0 0 1px;
   padding:13px 10px 5px 10px;
   color:#fff;
   text-decoration:none;
   line-height:1.1em;font-family: arial, sans-serif;
   -moz-border-radius: 8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-khtml-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;
}
#libtabs ul li a:hover {
   background:#fff url(../images/tab_back.jpg) top left repeat-x;
   color:#645220;
}

#libtabs ul li a.activelibtab, #libtabs ul li a.activelibtab:hover {
   background:#fff url(../images/tab_back.jpg) top left repeat-x;
   color:#645220;

}



#libcontent {
	margin: 0 0 0 0; padding: 10px 4% 10px 4%; clear:right;
	background: #fff;
	font-size: .8em;
	line-height: 1.5em; color: #333;
}
#onesearch a {
	color: #645220;
	text-decoration: none;
}
#onesearch a:hover {
color: #800000;	
}
#libcontent a {
	color: #645220;text-decoration: none;font-family:Arial, sans-serif;
}
#libcontent a.underline { text-decoration: underline;}

#libcontent a:hover {
	color: #800000; font-family:Arial, sans-serif;
}
#libcontent a.button {
	color:#666;background:#ebebeb url(../images/bar_back.png) bottom left repeat-x;border:1px solid #999;
	-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
	padding:.25em 8px; line-height: 2.25em; 
}
#libcontent a.button:hover {
	background:#ccc295;color:#000;
}
#libcontent a.goldbutton {color:#000;font-weight:700;background:#C49F40 url(../images/kl_back.jpg) top left repeat-x;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:10px}
#libcontent a.goldbutton:hover { background:#B39A49; color: #fff; }
#libcontent a.phone {color: #333;cursor: text; border-bottom: none;}
#libcontent h2 {
font-weight: normal; font-size: 1.7em; margin: 30px 0 15px 0; padding: 0;
}
#libcontent h3 {
font-weight: normal; font-size: 1.5em; margin: 0; padding: 25px 0 0 0;
}
#libcontent h4 {
font-weight: normal; font-size: 1.3em; margin: 20px 0 0 0; padding: 0;
}
#libcontent p {
margin: 10px 0 10px 0; padding: 0;	
}
#libcontent ul {
	list-style: square; font-family: arial, sans-serif;
}
.columnwrap {
float:right; width:100%; margin:10px 0 10px 0; padding:0;clear:right;	
}
.column50l { float:left; width: 47%;margin:0; padding:0 1% 0 1%; }
.column50r { float:right; width: 47%;margin:0; padding:0 1% 0 1%; }

.column30one { float:left; width: 31%; padding:0 1% 0 1%;}
.column30two { float:left; width: 31%; padding:0 1% 0 1%; margin: 0 1% 0 1%;}
.column30three {float:right; width: 30%; padding:0 1% 0 1%;}

.column70l { float:left; width: 65%; padding:0 1% 0 1%;}
.column30r { float:right; width: 30%; padding:0 1% 0 1%; clear:right;}

.column30l { float:left; width: 31%; padding:0 1% 0 1%; }
.column70r { float:right; width: 64%; padding:0 1% 0 1%; }

.curvedgray {
background: #fff url(../images/gray_back.jpg) top left repeat-x;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-khtml-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;	
}
input[type=submit].goldbutton {color:#000;font-weight:700;font-size:.9em;background:#C49F40 url(../images/kl_back.jpg) top left repeat-x;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:4px}
input[type=submit].goldbutton:hover {background:#B39A49; color: #fff; }
.pgcredit {font-size: .8em; color: #999; text-align: right;clear:right;}
#libcontent p.pgcredit a {color: #666; border-bottom: none;}
#libcontent p.pgcredit a:hover {color: #645220;}

.clear{clear:both;height:1px;}


/* LIBRARY NAVIGATION */
.Accordion{background-color:#F6F4F3;overflow:hidden;font-size:.8em;color:#333}
.AccordionPanel{margin:0;padding:0}
.AccordionPanelTab{color:#fff;background-color:#747474;border-bottom:solid 1px #4e4e4e;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;font-weight:700;margin:0;padding:7px}
.AccordionPanelContent{overflow:hidden;width:100%;margin:0;padding:0}
.BoxContent{border-bottom:1px solid #FFF;background-color:#F7F6F5;padding:7px}
.Accordion a{text-decoration:none;color:#333}
.Accordion a:hover .BoxContent{background-color:#EFE1BE}
.currentPage{border-bottom:solid 1px #fff;font-weight:700;background-color:#EFE1BE;padding:7px}
.AccordionPanelOpen .AccordionPanelTab,.AccordionPanelTabHover{background-color:#E7D19A;color:#000}
@media only screen and (max-width: 829px) {
.BoxContent, .AccordionPanelTab, .currentPage {padding: 15px 7px 15px 7px;}
}
/* end of library navigation */






@media only screen and (min-width: 830px) and (max-width: 958px) {
#ask { width: 37%}
#onesearch {width: 61%}
#onesearch form input[type=text] {width: 51%}
}

@media only screen and (max-width: 829px) {
#ask { width: 47%}
#onesearch {width: 51%}
#onesearch form input[type=text] {width: 31%}
#onesearch p {margin-right: 0;text-align:left;}
#libtabs ul li a {font-size: .85em;   padding:8px 5px 3px 5px; }
.columnwrap, .column50l, .column50r,  .column30one, .column30two, .column30three {float:none; width: 99%;}
.column70l, .column30r, .column30l, .column70r {float:none; width: 99%;}
.column50l, .column50r,  .column30one, .column30two, .column30three, .column70l, .column30r, .column30l, .column70r {margin: 30px 0 30px 0;}
#libcontent {padding-top: 60px;}
.linklist { line-height: 2.5em; }
#libcontent a.phone {color: #645220;cursor: pointer; }
.curvedgray {padding: 5px;}
}

@media only screen and (max-width: 699px) {
#libheader { display: none; }
#libheader_m { display: block; padding:0 0 10px 0; margin:0;}
#libheader_m img { width: 120px;}
#navToggle{ float: right; margin: -52.5px 120px 0 0;font-size: .7em; display:block;}
#libtoggle { float: right; width: 100px; margin: -50px 10px 0 0;font-size: .6em;}
#kl, #ml { width: 49px; height: 2.8em;}
#libside { width: 100%; float: none; background: #666;}
.hours, .social {display: none; }
.hoursm {display:block; text-align: center;margin-top: 15px; color: #000;font-size: .8em;}
.hoursm a {	color: #800000;text-decoration: none;}
.hoursm a:hover {color: #000;}
.socialm {display:block; text-align: center;margin-top: 15px;}
.socialm a img {border: none;}
#libcontentpg { width: 100%; margin:0 0 0 0; float:none; padding: 0;}
#onesearch {width: 98%; margin:0; padding-bottom: 13px;  float:none; text-align: center; height: auto;
    -moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-khtml-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;}
#onesearch form input[type=text] {width: 65%; }
#onesearch form input[type=submit] {width: 20%;}
#onesearch p {margin-right: 27%;}
#onesearch h2 {width: 100%;text-align: center; float:none;}
#ask h2 {float:none; width: 100%; text-align: center; margin-bottom: 5px;}
#ask {width: 100%; margin:0 0 0 0; float: none; height: auto;}
#ask img {width: 40px; margin: 0 2px;}
#libtabs ul li a {font-size: .8em;   padding:8px 4px 3px 4px; }
#libcontent { margin: 0 0 0 0; padding: 50px 2% 10px 2%;
    -moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-khtml-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	}
.columnwrap, .column50l, .column50r,  .column30one, .column30two, .column30three {float:none; width: 99%;}
.column70l, .column30r, .column30l, .column70r {float:none; width: 99%;}
.column50l, .column50r, .column30one, .column30two, .column30three, .column70l, .column30r, .column30l, .column70r {margin: 30px 0 30px 0;}
.linklist { line-height: 2.5em; }
}

/* mobile extras */
@media only screen and (max-width: 399px) {
#libtabs ul li a {font-size: .65em;   padding:8px 2px 3px 2px; 
}
}

@media print {
html, body {
margin: 0 0 0 0; padding: 0 0 0 0;
font-size: 12pt;
font-family: Garamond, serif;		
	}
#HeaderContainer, #libtoggle, #libside, #onesearch, #ask, #HeaderTopNav, #FooterLowerText, #HeaderMainNav, #HeaderSearchContainer {
display: none;
height: 1px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#libtabs ul li
a.activelibtab, #libtabs
ul li a.activelibtab:hover {
display: visible;
display: inline;
border-left: none;
font-size: 16pt;
text-decoration: underline;
float: left;
}
#libtabs ul li a{
display: none;
}
#Design001MainContentContainer {
box-shadow: none;
width: 100%;
margin: 0 0 0 0;
border-top: 1px solid #A48533;
}
#libcontent, #libcontentpg {
clear: both;
float: none;
width: 100%;
margin: 0 0 0 0;
font-size: 12pt;
padding: 2px 2px 2px 2px;
}
#FooterContainer { width: 100%; }

#FooterColoredBox {
	width: 100%;
	font-weight: normal;
	border-top: 1px solid #A48533; padding: 0 0 0 0;
}
element.style {
width: 100%;
}
.pluslet_body {
margin: 0 0 0 0;
padding: 2px 2px 2px 2px;
width: 95%;
}
.pluslet_body img {
max-width: 40%;
}
.columnwrap {
margin: 0 0 0 0;
}
.pluslet {
width: 100%;
margin-bottom: 0px;
float: none;
clear: both;
}
#leftcol {
width: 100% !important;
}
#rightcol {
clear: both;
float: none;
width: 100% !important;
}
#pluslet-223 {
display: none;
}
#pluslet-908 {
display: none;
}
#pluslet-2818 {
display: none;
}
.pgcredit {
display: none;
}
}