/*
	Tom & Ada Beam Library, style sheet, copyright 2005-2006
	
	the html>body selector hides code from Internet Explorer. It's used to fix
	things that have to be broken to look correctly in Explorer.
*/
body {margin:0px; background: #4E4B46 url(http://www.oc.edu/library/Images/Backgrounds/topstripes_repeater.gif) repeat-x; text-align:center}
div#wrapper {padding-top:16px; text-align:left; width:680px; padding-left:32px; padding-right:32px; margin-left:auto; margin-right:auto; background: url('http://www.oc.edu/library/images/backgrounds/eagle2.png') no-repeat 460px -70px;}


/*Top four boxes*/
div#header {width:680px; background-color:black; text-align:center; border:2px solid #333333; padding:0;}
div#quick_links {padding-top: 16px; background-color:black; padding-left:36px;}
div#quick_links form {margin:0; padding-bottom:6px; padding-top:8px;}
div#search {width:60%; height:80px; background-color:#5C0909; padding-top:8px; padding-bottom:8px; float:left;}
div#search form {text-align: center; margin:0; padding:0;}
html>body div#search {height: 60px;}
div#featured {width:40%; height: 79px; background-color:#DDDCD9; padding-top:8px; padding-bottom:8px; float:left;}
html>body div#featured {height: 60px;}
div#beam_image {width:60%; text-align:center; vertical-align: middle; padding:8px; float:left; background-color:black;}
div#beam_image img {margin-left:auto; margin-right:auto;}
div#news {padding-right:20px; padding-top:8px; background-color:black; text-align:center;}
div#news table {padding:0; margin:0;}
marquee {font-family: Verdana; font-size: 8pt; color:white; background-color:black; margin-top:6px;}

div#jump_base {text-align:center; position:relative; top:-16px; left:10px;}
html>body div#jump_base {top:-2px; left:14px;}

/*menu and body image*/
div#body {width:680px; background-color:black; text-align:center; clear:both; padding:0;}
div#menu {height:260px; width:265px;  float:left; padding:0; margin:0px; text-align:left;background-color:white; display:inline;}
html>body div#menu {width:250px;}
div#yellow_bar {width:12px; height:260px; margin:0px; padding:0; background-color:#E2B038; float:left; display:inline;}
img#body_image {text-align:left; height:260px; margin:0px; padding:0; vertical-align:bottom; width:400px; display:inline;}
html>body div#body_image {width:418px;}

img#body_image {height:260px; margin:0;vertical-align:bottom; width:400px; display:inline;}
html>body img#body_image {width:418px;}

/*Links*/
a {color:white;}
div#featured a {font-size: 20px; color:#5C0909; text-align:center; text-decoration:none; vertical-align:top;}
a#news {display:block; float:left; font-size: 12px; color: white; text-decoration:none; position:relative; top:8px; margin-left:16px; z-index:1;}
html>body a#news {margin-left:6px;}
div#featured a:hover {color:#5C0909; text-decoration:underline;}
a#news:hover {color:#E2B038; text-decoration:underline;}
div#links {color:white; text-align:center; background-color:black; padding:10px; width:670px; clear:both; padding-top:16px; padding-bottom:0;}
html>body div#links {padding:8px; width:660px;}
a#marquee {vertical-align:middle}
div#links a {color:white; text-decoration:none;}
div#links a:hover, a.address:hover, a.marquee:hover, span.address a:hover {color:#E2B038;}
div#links ul {list-style-type:none; padding-left:0px; margin-left:12px;}
div#links ul li {padding-left:12px; padding-right:12px; display:inline;}

h3 {font-size: 12px; color: white; text-align:left; padding-left:24px; margin:0px; padding-bottom:16px;} /*SEARCH OC CATALOG*/
h4 {font-size: 14px; color: black; text-align:center;}
div#featured h2 {font-size: 14px; text-align:center; color: black; vertical-align:top; margin:0px; padding-bottom:8px; padding-top: 5px; }

div,a,span,font,select,input,p,div {font-family:verdana,helvetica,sans-serif;
	color:#45568;
 	font-size:11px;}

div img {display:block;}
img {border:0px;}


div#quick_links ul {text-align:right; padding:0px 16px 4px 0px; margin:0px; list-style-type:none;}
div#quick_links {padding-top:4px; margin-bottom:0px;}

div#menu ul {list-style-type:none; margin-top:24px; position:relative; left:-16px;}
html>body div#menu ul {padding-left:16px; position:static;}
div#menu li {margin-bottom:32px;}
div#menu ul li a {font-size:14pt; font-weight:bold; color:Black; text-decoration:none;}
div#menu ul li a:hover {color:Maroon}
a#plain_search {font-size:16pt; position:relative; top:16px;}

input{border:0px;}
div{vertical-align: top;}
.fullwidth{width: 100%;}

a.more_srch_opts{color:#ffffff;text-decoration:none;font-size:10px;background-color:#5a0808;font-weight: bold; padding-left:240px;}
a.more_srch_opts:hover {color:#ffffff;text-decoration:underline;}

/* FOOTER */
.address{color:#ffffff;font-size:9px;padding-top:5px;padding-bottom:5px;}
.address a{font-size:9px;text-decoration:underline;color:#ffffff;}