/********************
Olin College Site base styles

Original 9.9.2008
Version 

Built by Alexandra Roberts
info@alexandraroberts.com

Please request permission prior to use.
********************/


body {
	background:#0e4077;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
}

img, div { behavior: url(iepngfix.htc) }

h1.specialzed-searches {
	color:#4574ae;
	margin: 0 0 0 20px;
	font-size:14px;
}

h1.about-library {
	color:#7D1B7E;
	font-size:14px;
	margin: 0 0 0 20px;
}

h1.library-services {
	color:#bf3439;
	font-size:14px;
	margin: 0 0 0 20px;
}

h1.links {
	color:#84b186;
	font-size:14px;
	margin: 0 0 0 20px;
}

h3.faq 
{
    color:#0e4077;
    font-size:13px;
    margin:0;
    padding:0;
}

/******
HEADERS
******/

.breadcrumb {
	color:#FFFFFF;
	font-size: 14px;
	text-decoration: none;
}

#header-wrapper {
	width:859px;
	height:87px;
}

#header-bg {
	background:url(../images/faq-head-bg.gif) top left no-repeat;
	width:450px;
	height:82px;
	float:left;
	padding: 5px 0 0 40px;
}

#header-bg-catalog {
	background:url(../images/catalog-head.gif) top left no-repeat;
	width:450px;
	height:87px;
	float:left;
	padding: 5px 0 0 40px;
}

#header-bg a, #header-bg-catalog a {
	color:#fff;
	text-decoration:none;
}

#header-bg h2, #header-bg-catalog h2 {
	font-size:20px;
	margin:10px 0 10px 0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

#header-banner {
	background:url(../images/faq-banner1.gif) top left no-repeat;
	width:369px;
	height:87px;
	float:left;
}
	
	#body-content-faq 
	{
	    font-size:12px;
	    color:#666;
	    line-height:1.5em;
	 
	}

#body-content ul {
	list-style:url(../images/question-mark.gif);
}

#body-content ul li {
	padding: 0 0 5px 0;
	margin: 0;
}

a:link, a:active, a:visited
{
    color:#666;
    text-decoration:underline;
}

a:hover 
{
    color:#666;
    text-decoration:none;
}

#outer-container {
	width:859px;
	border-left:4px solid #999;
	border-right:4px solid #999;
	margin: 0 auto;
	background:#fff;
	background:url(../images/BODY-BG.gif) top left repeat-y;

}

#outer-container-main {
    width:859px;
	border-left:4px solid #999;
	border-right:4px solid #999;
	margin: 0 auto;
	background:#fff;
}


#branding-container {
	background:url(../images/branding1.gif) top left no-repeat;
	width:486px;
	height:109px;
	text-indent:-9999px;
	float:left;
}



#branding-wrapper 
{
    clear:both;
    background:#fff;
}

#branding-main 
{
    background:#fff url(../images/main-branding.gif) top left no-repeat;
    width:344px;
	height:43px;
	float:left;
	margin:20px 0 0 37px;
}

#utilities-container-a {
	background:url(../images/home_top11.jpg) top left no-repeat;
	width:369px;
	height:109px;
	border-left:4px solid #999;
	float:left;
}

#utilities-container-b {
	background:url(../images/home_top22.jpg) top left no-repeat;
	width:369px;
	height:109px;
	border-left:4px solid #999;
	float:left;
}

#utilities-container-c {
	background:url(../images/home_top33.jpg) top left no-repeat;
	width:369px;
	height:109px;
	border-left:4px solid #999;
	float:left;
}

#utilities-container-d {
	background:url(../images/home_top44.jpg) top left no-repeat;
	width:369px;
	height:109px;
	border-left:4px solid #999;
	float:left;
}

#utilities-container-main 
{
    background:#fff;
	width:320px;
	height:43px;
	float:right;
}

#util-bg {
	background:url(../images/util-bg.png) top left no-repeat;
	width:263px;
	height:21px;
	color:#fff;
	margin:0 auto;
	text-align:center;
}

#util-bg a {
	text-decoration:none;
	color:#fff;
	font-size:11px;
}

#search-utility {
	background:url(../images/search-bg.gif) top left no-repeat;
	width:859px;
	height:61px;
	clear:both;
	padding:27px 0 0 0;
	border-bottom:1px solid #5b5b5b;
}



#search-wrapper {
	position:relative;
	height:32px;
	width:660px;
	_width:600px;
	float:left;
}

#form-wrapper {
	margin: 0 auto;
	width:800px;
}

#scl {
	position:absolute;
	left:0;
	top:0;
	background:url(../images/search-corner-left.gif) top left no-repeat;
	width:6px;
	height:32px;
	margin: 0;
}

#scr {
	position:absolute;
	right:0;
	top:0;
	background:url(../images/search-corner-right.gif) top left no-repeat;
	height:32px;
	width:6px;
	margin: 0;
}

#search-content {
	height:24px;
	background:#0e4077;
	color:#ffffff;
	overflow:hidden;
	border-top:1px solid #404040;
	border-bottom: 1px solid #404040;
	padding:3px 6px 3px 6px;
}

#submit {
	margin: 0 0 0 5px;
}

body:first-of-type #search-wrapper {
	width:660px;
}

.search-header {
	color:#fff;
	font-size:14px;
	margin:5px 0 0 0;
}

#submit {
	margin: 0 0 0 10px;
}

#search-bar form {
	margin:-15px 0 0 0;
}

#body-content {
	padding: 0px 0px 0px 0;
	font-size:12px;
	float:left;
	width:867px;
	margin:0 0 0 0px;
}

#body-content-faq {
	padding: 0px 0px 0px10px;
	font-size:12px;
	width:640px;
	_width:600px;
	margin:0 0 0 40px;
	_margin: 10px 0 0 20px;
	float:left;
}

#body-content-catalog {
	padding: 0px 0px 0px10px;
	font-size:12px;
	width:790px;
	margin:0 0 0 40px;
	float:left;
}


.border {
	padding:2px;
	border: 1px solid #ae9f58;
}



#left-col {
	float:left;
	width:220px;
	margin:20px 0 0 0;
}

.homelinks {
	padding-left:20px;
	line-height:18px;
}

#right-col {
	float:left;
	width:180px;
	margin: 20px 43px 0 43px;
}

#sidebar-rotate
{
    float:right;
    width:168px;
    border-left:4px solid #999;
	background:#7f7167;
	color:#eaa428;
	text-transform:uppercase;
	margin:0px 0 0 0;
	
}
	
#sidebar-stock {
		width:180px;
		margin: 0 0 0 4px;
		float:left;
	}

#sidebar-nav{
	background:#7f7167;
	border-left:4px solid #999;
	
	width:152px;
	/*float:right;*/
	margin: -4px 0 0 -4px;
	
	padding: 8px;
}

#sidebar-nav a {
	color:#eaa428;
	font-weight:bold;
	text-decoration:none;
}

#sidebar-nav a:hover {
	text-decoration:underline;
}

#sidebar-nav hr 
{
        color:#a2988b;
        height:2px;
        background:#a2988b;
        border:0;
}

#sidebar-info 
{
    width:170px;
    _width:178px;
    float:left;
    padding:10px 10px 10px 10px;
    color:#fff;
    _padding:5px;
}

#sidebar-info ul 
{
    list-style:url(../images/right-arrow.gif);
    margin:0;
    padding:0 0 0 18px;
}

#sidebar-info ul li 
{
    font-size: 12px;
    margin:0;
    padding:0 0 10px 0;
}

#sidebar-info a 
{
    color:#FFFFFF;
    text-decoration: none;
    text-transform: none;
}

#sidebar-info a:hover 
{
    text-decoration:underline;
}

#sidebar-info h1 {
    color:#f1a724;
    font-size:14px;
    margin:0;
    padding: 0 0 10px 0;
    text-transform:uppercase;
}

#sidebar-info hr 
{
        color:#a2988b;
        height:2px;
        background:#a2988b;
        border:0;
}

#sidebar-info h2 
{
    color:#f1a724;
    font-size:14px;
    margin:10px 0 0 0;
    padding: 0 0 10px 0;
    text-transform:uppercase;
}


#footer-wrapper {
	background:url(../images/curve.png) top left no-repeat;
	width:859px;
	height:58px;
	position:relative;
	z-index:5;
	margin:50px 0 0 0;
	
}

#footerinfo {
	margin: 0 auto;
	
}

#info {
	color:#6b6b6b;
	font-size:10px;
	background:#bfbfbf;
	width:859px;
	margin: 0 auto;
	height:13px;
	position:relative;
	padding: 0 0 0 5px;
}

/******
Nav items
******/
#navigation 
{
  margin: 20px 0 0 10px;
}




.specialized a
{
    color:#084694;
    padding:5px;
    margin:0;
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
}

.specialized a:hover 
{
    background:#999b9e;
    font-weight:bold;
    text-decoration:none;
}

.services a
{
   color:#bb272d;
    padding:5px;
    font-weight:bold;
    text-decoration:none;
}
.services a:hover 
{
    background:#999b9e;
    font-weight:bold;
    text-decoration:none;
}

.about a
{
    color:#b8ab6c;
     padding:5px;
     font-weight:bold;
    text-decoration:none;
}

.about a:hover 
{
    background:#999b9e;
    font-weight:bold;
    text-decoration:none;
}

.links a
{
    color:#5b975e;
     padding:5px;
     font-weight:bold;
    text-decoration:none;
}

.links a:hover 
{
    background:#999b9e;
    font-weight:bold;
    text-decoration:none;
}


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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.subhead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0e4077;
}
	
	#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.header 
{
    font-weight:bold;
    font-size:1.2em;
}

.letterLinks a 
{
    padding: 5px;
}