/* CSS Document */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align: center;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width: 61em;
	min-width: 600px;
	background: #DCD5B6 url(http://www4.oakland.edu//Images/design001/global_gradient_01.gif) repeat-x top left;

}

#page
{   font-family:Arial, Helvetica, sans-serif;
font-size:1em;
text-align: center;
margin:0 auto 0 auto;
padding:0 0 10px 0;
/*background: #DCD5B6; */
text-align:left;
}
#bottom_shade { margin: 0; padding: 0 0 10px 0;
background: transparent url(../images/backgrounds/bottom_shade.gif) repeat-x bottom left;}

#wrapper {
margin: 0;
padding: 0;
text-align:left;
border-left: 1px solid black;
border-right: 1px solid black;
}
a {
color: #000000;
}

a:hover {
color:  #A48533;
}
#libraryHeader {
     background: #B39A59 url(../images/backgrounds/header_home_bg.jpg) repeat-x top left;
}
#libraryHeader h1 {
margin: 0; padding: 0;
}
#libraryHeader h1 img {
border: none;
}
#libraryHeader h1 a img {
border: none;
}
#accessory {
float: right;
margin: 68px 2em 0 0;
padding: 0 0 .5em 0;
font-size: small;
}
#accessory a {
color: black;
text-decoration: none;
}
#accessory a:hover {
color: white;
text-decoration: none;
}
#libraryNav {
clear:right;
width: 100%;
background: #000 url(../images/backgrounds/nav_bg.jpg) repeat-x top left;
padding: 1em 0 1em 0;
margin: 0;
color: white;
font-size: small;
border-bottom: 2px solid #B08F37;
font-weight: bold;
}
#libraryNav ul {
margin: 0;
padding: 0;
text-align:center;
}
#libraryNav ul li {
text-align: center;
list-style: none;
display: inline;
padding: 1em 1.1em 1em 1.1em;
border-left: 2px solid #333;
margin: 0;
}
#libraryNav li.first {
border-left: none;
list-style: none;
display: inline;
margin: 0;
}
#libraryNav li:hover {
background: black url(../images/backgrounds/nav_hover.gif) no-repeat center left;
text-decoration:underline;
color: #B39A59;
}
#libraryNav ul li a {
color: white;
text-decoration: none;
}
#libraryNav a:hover {
text-decoration:none;
color:#B39A59;
}
#sample_attach_books_child, #sample_attach_articles_child, #sample_attach_guides_child, #sample_attach_courses_child, #sample_attach_tutorials_child, #sample_attach_info_child, #sample_attach_ask_child {
line-height: 1.8em;
background: black;
padding: 1em 2em 1em 2em;
color: #B39A59;
border: 2px solid #B39A59;
border-top: none;
z-index: 20;
}
#sample_attach_books_child a, #sample_attach_articles_child a, #sample_attach_guides_child a, #sample_attach_courses_child a, #sample_attach_tutorials_child a, #sample_attach_info_child a, #sample_attach_ask_child a {
color: white;
text-decoration: underline;
}
#sample_attach_ask_child {
margin-left: -2.5em;
color: #B39A59;
}
.book_forms {
line-height: 1.2em;
margin-top: 1.2em;
margin-bottom: .5em;
font-weight: normal;
}
.book_forms form{
margin-top: 0;
margin-bottom:0;
}
.book_forms input {
margin-top:0;
color: white;
background: #272727;
border: 1px solid #B39A59;
}
.book_forms input.button {
font-weight:bold;
color: black;
background: #A48533;
}
#pageNudge{
clear:left;text-align:left;
font-size:small;background: #F1EDDE;
position: relative;
z-index:1;
}
#page_banner {
background: black;
text-align:center;
}
#libraryPage {
margin: 0 2em 0 2em;
padding:  10px 0 0 0;
color: #000;
line-height: 1.4em;
background: #F1EDDE;
}
#noticeOn {
margin: 0;
padding: 10px;
background: #877148;
color: #FFF;
font-weight: bold;
text-align: center;
border-bottom: 2px solid #B39A59;
}
#noticeOn a {
color: #FFF;
}
#noticeOn a:hover {
color: #DCD5B6;
}
#noticeOff {
display: none;
margin:0; padding:0;
}

/*---  NEWS scrollie styles ---*/
#news {
position: absolute;
top: 0;
right: 25px;
width: 28.5%;
}
#news a img {
border: none;
}
#news a {
text-decoration: none;
}
#news a:hover {
color: #A48533;
text-decoration:none;
}
.rssclass {
padding: 0;
zoom:1;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=98); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.98; /*Specify fade effect in Firefox. Remove if desired.*/
}
#news .rsstitle a {
border-bottom: 1px solid #A48533;
font-size: 110%;
}
#news .rsstitle a:hover {
color: #A48533;
}
.rssdescription {
margin-top: 10px;
color:black;
line-height: 1.4em;
}

/*--- Library OneSearch ---*/
#onesearch {
background: #DCD5B6;
float: left;
width: 65%;
margin: 25px 0 15px 0;
border: 1px solid #B39A59;
}
#onesearch2 {
background: #DCD5B6;
border: 1px solid #fff;
padding: 0 10px 10px 10px;
}
#onesearch h2 {
border-bottom: 1px solid #B39A59;
font-size: 1.3em;
}
#onesearch .searchbox {
border: 1px solid #A48533;
width: 80%;
padding: 6px;
font-weight: bold;
color: #666;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #fff); /* for firefox 3.6+ */
}
#onesearch .searchbutton {
border: 1px solid #A48533;
background: #B39A59;
font-weight: bold;
padding: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1AD79', endColorstr='#A48533'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C1AD79), to(#A48533)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C1AD79,  #A48533); /* for firefox 3.6+ */
}
#onesearch a {
text-decoration: none;
border-bottom: 1px solid #A48533;
}
#onesearch a:hover {
color: #93772F;
text-decoration:none;
}
/* ----------*/



#express_links {
float:right;
width: 30%;
font-weight: bold;
margin-bottom: 1.5em;
}
#express_links a {
text-decoration:none;
}
#express_links select {
width: 15em;
border: 1px solid #A48533;
}
#news h2, #express_links h2 {
margin: 1.5em 0 .5em 0;
padding: 0 0 .1em 0;
font-size: 1.2em;
color: #A48533;
border-bottom: 1px solid #A48533;
}
#footer {
	text-align:right;
	background: black;
	margin: 1em 0 0 0;
	padding: 0;
	color: #B08F37;
}
#libraryLocation {
	font-size: .7em;
	text-align:left;
	float:left;
	width: 30%;
	margin: 0 0 1em 5px;
	padding: 0;
}
#libraryLocation p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
line-height: 1.4em;
}
#ou_seal {
margin: 0 5px 0 0;
padding: 0;
}
#libraryLocation a, #copyright a {
text-decoration: none;
}
#libraryLocation a:hover, #copyright a:hover {
color: #000;
}
#social {
width: 140px; float: right;margin-top: 3px;
}
#social img, #social a {
border: none;
}
#footerNav {
float: right;
width: 40%;
margin: 0 10px 0 0;
padding: 0;
font-size: .8em;
text-align: right;
color: #A48533;
}
#footerNav a  {
font-weight: bold;
color: #A48533;
text-decoration: none;
}
#footerNav a:hover {
color: #A48533;
text-decoration: underline;
}


#copyright  {
float: right;
width: 40%;
margin: .5em 10px 0 0;
padding: 0;
font-size: .75em;
text-align: right;
color: black;
}

@media screen and (max-device-width: 480px){

body, html {
background-image: none;
width: 100%;
min-width: 10px;
padding:0 0 0 0;
margin:0 0 0 0;
}
#bottom_shade, #wrapper, #page  {
margin:0 0 0 0;
padding:0 0 0 0;
border: none;
width: 100%;
}
#libraryPage {
margin:0;
padding:0 5px 0 5px;
border-bottom: 1px solid black;
 }
* {
	float: none;
	}
#libraryHeader {
     background: #B39A59 url(../images/backgrounds/header_home_bg.jpg) repeat-x 0 23px;
}
#libraryHeader h1 {
margin: 0 auto 0 auto; padding: 0; width: 270px;
}

#design010Header {
display: none;
}

#ounavigation  {
width: auto;
margin: 0;
padding: 0;
}

#accessory {
float: none;
margin: 0;
padding-top:2px;
text-align: center;

}
#libraryNav ul {
padding: 0 0 0 0;
}
#libraryNav ul li {
text-align: center;
list-style: none;
display: inline;
padding: 0 0 0 1em;
border-left: 1px solid #B39A59;
margin:.5em;
line-height: 1.6em;
white-space:nowrap;
}
#libraryNav li.first {
text-align: center;
border-left: none;
list-style: none;
display: inline;
margin: 0;
}
#libraryNav li:hover {
background: transparent;
}
#sample_attach_books_child, #sample_attach_articles_child, #sample_attach_guides_child, #sample_attach_courses_child, #sample_attach_tutorials_child, #sample_attach_info_child, #sample_attach_ask_child {
display: none;
}
#news {
float: none;
width: 100%;
}
#express_links {
float:none;
width: 100%;
font-weight: bold;
margin-bottom: 1.5em;
}
#libraryLocation {
display: none;
}
#footerNav {
float: none;
width: 100%;
text-align: center;
}
#copyright  {
display: none;
}
#col1, #col2 {
float: none;
width: 100%;
}
#page_content {
width: 100%;
}
#left_column {
float: none;
width: 100%;
background-image: none;
}
#search_column h3 {
background-image: none;
}
#footer {
display: none;
}
#leftColumn, #rightColumn {
float: none;
width: 100%;
}

}
