/* reset CSS default values */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.test   {text-decoration: none;
	border-bottom: 0px;
}





/* secondary page layout (main properties & div styles)
   - uses ID and class names from earlier libweb HTML template */

img, embed, object, video {	max-width: 100%;  /* forces browsers to resize images per containting div's percentage of window width */
}

body {
 	background: #fdfbe9 url(../img_2011/BULheader_bodybkgnd2.png) repeat-x;
	font-size: 62.5%; /* sets browsers' 16px default em value to = 10px (16*.625=10) */
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

i {
	font-style: italic;
}




#wrapper {
	margin: auto;
	width: 91%; /* forces left & right visual margins to display at narrower browser window widths */
	max-width: 1280px; /* upper width limit for percentage-based layout widths */
	min-height: 759px;
}

#header {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	min-height: 87px;
	margin-top: 17px;
	overflow: hidden;
	z-index: 10;
	background: url(../img_2011/BULheader_940x87.png) no-repeat;
}

#header .BUhomelink {
	position: relative;
	float: left;
	width: 50px;
	height: 87px;
}

#header .BULhomelink {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 31px;
	width: 440px;
	height: 30px;
}

img#brownhome {
	margin-right: 1024px;
	margin-top: -60px;
	width: 49px;
	height: 82px
}

img#libhome {
	margin-left: 60px;
	margin-top: 22px;
	width: 440px;
}

#simplesearch {
	clear: both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 33px;
	padding-right: 2%;
	margin-top: 2px;
	padding-top: 1.5em;
	float: left;
	width: 96%;
	height: 53px;
	background: url(../img_2011/search_gradientbkgnd2.png) repeat-x;
	background-color: #2b0b07;
}


#directorysearch {

	overflow: visible;	
	position: relative;
        margin-right: auto;
	margin-bottom: 1.0em; 
        margin-top: 2px;
        padding-left: 23px;
        padding-right: 2%;
        padding-top: 1.2em;
        float: left;
        width: 51%;
        height:60px;
        background: url(../img_2011/search_gradientbkgnd2.png) repeat-x;
        background-color: #2b0b07;
}

#directorysearch form {
        position: relative;
	margin-bottom: 6px;
        float: none;
        clear: right;
        margin-left: 0;
        width: 100%;
}

.searchform {
	position: relative;
	float: left;
	width: 88%;
	margin-top: 2.1em;
}

/*
form#searchForm {
	position: relative;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-left: -1.2em;
	width: 100%;
}
*/

p.search_options {
	float: left;
	width: auto;
	letter-spacing: 1px;
}

input.button {
	float: left;
	margin-top: .6em;
	margin-left: 0;
}

#horizontal_nav {
	margin-top: 37px;
	margin-right: 0;
	padding-right: 0;
	position: relative;
	text-align: right;
}

#content {
	width: 100%;
}

#bluecontent {
	font-size: 2.2em;
	font-weight: 500;
	margin-top: 1em;
	margin-bottom: 1em;

}

#navbar {
	position: relative;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	padding-top: 1.5%;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	width: 20%;
	min-width: 161px;
	max-width: 181px;
	background: white;
	border: 1px solid #d7d5d3;
	line-height: 210%;
}

#navbar img {
	margin-bottom: 5px;

}

#quicklinksinnernav {
	margin-bottom: 2em;
}

#researchinnernav {
	margin-bottom: 2em;
}

#libraryservicesinnernav {
	margin-bottom: 2em;
}

#main {
	position: relative;
	float: left;
	margin-left: 3em;
	margin-right: 0;
	padding-right: 0;
	width: 62.5%;
}

#maincontent {
	width: 120%;
}

#rightboxcontainer {
	position: relative;
	float: right;
	min-width: 20%;
	max-width: 220px;
	background: white;
	border: 1px solid #d7d5d3;
	margin-right: 0;
	margin-left: 3em;
	margin-bottom: 2.5em;
	padding: 0;
}

#rightboxcontainer2 {
	position: relative;
	float: right;
	min-width: 20%;
	max-width: 220px;
	background: white;
	border: 1px solid #d7d5d3;
	margin-right: 0;
}

/*
#rightfloat {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
}

#rightfloat2 {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
}
*/

.navbarheadgray {
	background: #aba698;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	padding: 12px;
	line-height: 160%;
	clear: left;
}

#rightfloat .navbarheadgray {
	background: rgb(51, 51, 51);

}

.navbarheadgray2 {
	background: #aba698;
	color: white;
	font-weight: bold;
	text-transform: capitalize;
	padding: 12px;
	line-height: 160%;
	clear: left;
}

.navbargray {
	padding: 10px;
	line-height: 170%;
}

div.navbargray form {
	margin-bottom: 1em;
}

#footer {
	margin: auto;
	margin-top: 3em;
	padding-left: 4.5%;
	clear: both;
	width: 100%;
	min-height: 140px;
	background: #2b0b07;
	border-top: 4px solid #c81700;
	padding-bottom: 7%;
}

#hoursbox {
	position: relative;
	float: left;
	margin-bottom: 2em;
}







/* typography & sub-module styles */

#bluecontent {
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .75em;
	line-height: 140%;	
}

#orangecontent {
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .75em;	
	line-height: 140%;	
}

#redcontent {
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .75em;	
	line-height: 140%;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #600;	
}

#greencontent {
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .75em;	
	line-height: 140%;	
}

.heading {
        font-size: 1.6em;
        margin-top: 1em;
        margin-bottom: .75em;
        line-height: 140%;
	color: rgb(153,0,0);
	padding: 0,0,0,10px;
}



.bodybox {
	width: 60%;
}


#main h3 {
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 2em;
	margin-bottom: 0.85em;
}


#main h4 {
        font-weight: bold;
        font-size: 1.4em;
        margin-top: 2em;
        margin-bottom: 0.75em;
}




#main p {
	font-size: 1.1em;
	margin-bottom: .75em;
}

p {
	font-size: 1.1em;
	line-height: 190%;
	margin-bottom: .75em;
}

#maincontent {
	line-height: 190%;
	font-size: 1.1em;

}


#maincontent p {
	font-size: 1.1em;
	line-height: 190%;
	margin-bottom: .75em;
}

#maincontent table {
	border: 1px solid #aba698;
}

#maincontent table p {
	padding: .75em;
}



.bottomdots { 
        border-bottom: thin dotted #666666;
/*        width: 49%; */
        padding:2px;
}



#mainbox ul {
	margin-top: 1.6em;
	font-size: 1.1em;
	line-height: 160%;
	list-style-type: square;
}

#mainbox ul li {
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;
}

#maincontent ul {
	clear: left;
	margin-top: 1.6em;
	font-size: 1.1em;
	line-height: 160%;
	list-style-type: square;
	margin-top: 1em;
	margin-bottom: 2.5em;
}

#maincontent ul li {
	clear: left;
	font-size: 1.0em;
	line-height: 160%;
	margin-left: 2em;
	margin-top: 0;
	margin-bottom: 1em;
}

#maincontent ul li ul li {
	clear: left;
	font-size: .8em;
	line-height: 160%;
	margin-left: 2em;
	margin-top: 0;
	margin-bottom: 1em;
}

ul {
	margin-top: 1.6em;
	font-size: 1.1em;
	line-height: 160%;
	list-style-type: square;
}

ul li {
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;
}

#cluster ul li {
	margin-left: 0;
	padding-left: 0;
	border: 0;
}

#maincontent ol li {
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;
}

.bodytext {
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;
}

.bodytext li {
	margin-left: 2.5em;
	font-size: 1.1em;
	line-height: 160%;
	margin-top: .75em;
	margin-bottom: .75em;
}

.bodytext ul li {
	margin-left: 2.5em;
	font-size: 1.0em;
	line-height: 160%;
	margin-top: .75em;
	margin-bottom: .75em;
}

.bodytextSmallBold {
	font-weight: bolder;
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;	
}

span.bodytextSmallBold {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;	
}

.bodytextMed {
	font-size: 1.1em;
	line-height: 160%;
	margin-bottom: .75em;
}

#horizontal_nav {
	position: absolute;
	display: block;
	text-align: right;
	color: #ad8d89;
	padding-right: 0;
	margin-left: 60%;
	margin-right: 0;
}

#horizontal_nav p {
	margin-top: 43px;
	margin-right: 2%;
	font-weight: normal;
	font-size: 1.1em;
	color: #ad8d89;
	line-height: 180%;
	float: right;
}

#horizontal_nav a {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: #efcc00;
	text-decoration: none;
}

#horizontal_nav a:hover {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: white;
	text-decoration: none;
}




p.top_header_links {
        margin-top: 43px;
        margin-right: 2%;
        font-weight: normal;
        font-size: 1.1em;
        color: #ad8d89;
        line-height: 180%;
        float: right;
}

.top_header_links a {
        font-weight: normal;
        font-size: 1.0em;
        border-bottom: 1px dotted #efcc00;
        color: #efcc00;
        text-decoration: none;
}

.top_header_links a:hover {
        font-weight: normal;
        font-size: 1.0em;
        border-bottom: 1px dotted #efcc00;
        color: white;
        text-decoration: none;
}




#search_area {
        clear: both;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2%;
        padding-right: 2%;
        margin-top: -7px;
        float: left;
        width: 96%;
        min-height: 76px;
        height: auto;
        background: url(../img_2011/search_gradientbkgnd.png) repeat-x;
        background-color: #2b0b07;
        margin-bottom: 2.127659574468085%; /* 20px/940px */
        -moz-box-shadow: 4px 4px 4px #dbd6d5; /* FF3.5+ */
        -webkit-box-shadow: 4px 4px 4px #dbd6d5; /* Saf3.0+, Chrome */
    box-shadow: 4px 4px 4px #dbd6d5; /* Opera 10.5, IE9, Chrome 10+ */
}





#search_area p {
	margin-top: .7em;
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	line-height: 160%;
}

.search_label {
	width: 10%;
	height: 1.6em;
	position: relative;
	float: left;
	position: relative;
	margin-top: .5em;
	margin-right: 1%;
	margin-left: 0;
	z-index: 8;
	text-align: right;
	font-size: 170%;
	text-shadow: #2b0b07 2px 2px 0px;
}

p.search_label {
	color: white;
	float: left;
}

#search_area a {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: #efcc00;
	text-decoration: none;
}

#search_area a:hover {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: white;
	text-decoration: none;
}

label.offscreen {
	display: none;
}



input#searchForm_lookfor {
        width: 51%;
        margin-right: 1%;
        height: 1.6em;
        font-size: 1.6em;
/*      color: #2b0b07;  */
        opacity: 1;
        float: left;
        margin-top: 0;
        color:#ad8d89;
}
input#searchForm_lookfor {
        width: 51%;
        margin-right: 1%;
        height: 1.6em;
        font-size: 1.6em;
/*      color: #2b0b07;  */
        opacity: 1;
        float: left;
        margin-top: 0;
        color:#ad8d89;
}


input.bodytextSmall {
	position: relative;
	float: right;
	margin-right: -57%;
}

input:focus#searchForm_lookfor {
	color: #2b0b07;
}

select#type {
	position: relative;
	float: left;
	height: 1.6em;
	margin-top: .6em;
	margin-right: 1%;
}

input.button {
        float: left;
        margin-top: .6em;
        margin-left: 0;
}




form.search#searchForm input.button {
	width: 7em;
	height: 100%;
}

h1 {
	color: #553c39;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	color: #9c7f7c;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#navbar a {
	color: #553c39;
	text-decoration: none;
	border-bottom: 1px dotted #c81700;
	font-weight: normal;
	line-height: 180%;
}

#navbar a:hover {
	color: #ad8d89;
	text-decoration: none;
	border-bottom: 1px dotted #c81700;
	font-weight: normal;
}

#main a {
	color: #553c39;
	text-decoration: none;
	border-bottom: 1px dotted #c81700;
	font-weight: normal;
}

#main a:hover {
	color: #ad8d89;
	text-decoration: none;
	border-bottom: 1px dotted #c81700;
	font-weight: normal;
}

/* 
#lic  {
        color: #553c39;
        text-decoration: none;
        border-bottom: 0px;
        font-weight: normal;
}
*/

#footer {
	position: relative;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}

#footer p {
	margin-left: 0;
	margin-bottom: 2.5em;
	font-size: 1.1em;
	color: #ad8d89;
	line-height: 180%;
	width: 75%;
}

p.footer {
	margin-top: 2em;
	margin-left: 0;
	font-size: 1.1em;
	color: #ad8d89;
	line-height: 180%;
	width: 75%;
}

#footer a {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: #efcc00;
	text-decoration: none;
}

#footer a:hover {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: white;
	text-decoration: none;
}

#logos {
	position: relative;
	float: right;
	margin-top: 0;
	width: 33%;
}

#logos a {
	text-decoration: none;
	border-bottom: none;
}

#footer p.date_stamp_line {
	color: #ad8d89;
}







/* for other pages  */

div#divFeedityWidget span[style]{
	display: none !important;
}

.third-main-width {
	position: relative;
	float: left;
	width: 20%;
	min-width: 220px;
	margin: 0;
	margin-top: 2.5em;
	padding-right: 1%;
}

.half-main-width {
	position: relative;
	float: left;
	width: 33%;
	margin: 0;
	margin-top: 2.5em;
	padding-right: 1%;
}

#site_search_area {
	clear: both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: -7px;
	float: left;
	width: 96%;
	min-height: 49px;
	height: auto;
/*	background: url(../img_2011/search_gradientbkgnd.png) repeat-x;  */
	background-color: #644d4a;
	margin-bottom: 2.127659574468085%; /* 20px/940px */
}

#site_search_area p {
	margin-top: 1.6em;
	margin-left: 40px;
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	line-height: 180%;
}

#site_search_area a {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: #efcc00;
	text-decoration: none;
}

#site_search_area a:hover {
	font-weight: normal;
	font-size: 1.0em;
	border-bottom: 1px dotted #efcc00;
	color: white;
	text-decoration: none;
}

#sitesearch p {
	position: relative;
	float: left;
	width: auto;
	margin-top: 2em;
}

form.sitesearch#sitesearchForm {
	position: relative;
	float: left;
	width: auto;
	margin-left: 2em;
	margin-bottom: 2em;
	margin-top: 2em;
}

input.sitesearchbutton {
	position:relative;
	float: right;
	margin-left: .5em;
}

input.sitesearchinputfield {
	position:relative;
	float: left;
	width: 12em;
	height: 1.6em;
}

#search {
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	height: 2em;
}

#main form {
	position: relative;
	float: left;
	clear: left;
	margin-left: 0;
	width: 50%;
}

#main input.bodytextSmall {
	position: relative;
	float: left;
	width: 67%;
	margin-right: 13%;
}

#main p {
	clear: left;
}

#main b, strong {
	font-weight: bolder;
}

#main a:link a:hover a:visited {
	font-weight: bold;
	font-weight: bolder;
}


#listingSmall a {
	font-size: 1.0em;
        color: #553c39;
        text-decoration: none;
        border-bottom: 1px dotted #c81700;
        font-weight: normal;
        padding-bottom: -1px;

}

#listingSmall a:hover {
	font-size: 1.0em;
        color: #ad8d89;
        text-decoration: none;
        border-bottom: 1px dotted #c81700;
        font-weight: normal;
        padding-bottom: -1px;

}



#listingSmall {
	font-weight: normal;
        font-size: 1.0em;
        line-height: 130%;
        margin-bottom: .75em;

}

#listingSmallBold {
        font-weight: bolder;
        font-size: 1.0em;
        line-height: 160%;
        margin-bottom: .75em;

}

.line {
	margin-top:10px;
	margin-bottom: 10px;
}