/* CSS Document for site specific styles */


/* styles for all templates */


/* all - body and font sizes  */

body {

	background-color:#ffffff;
	margin-top: 22px;
	margin-bottom: 0px;
	margin-left: 16px;
	margin-right: 16px;
	text-align: center;
	font-size: small;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	font-size: small; /* for other IE versions */

}

a {

	color:#000000;

	text-decoration:none;

}

ul {
	padding-left: 2em;
	list-style:disc;	
}

div#central_wide a, div#left_central_column a, div#right_central_column a {
	color:#000000;
	text-decoration: underline;

}

a:hover, div#central_wide a:hover, div#left_central_column a:hover, div#right_central_column a:hover {
	text-decoration:underline;
	color: #990033;

}


img {
	display:inline;
}


.small_text {
	font-size: 80%

}

#central_wide li, #central_wide ol {
	padding-top: 0.2em;
	padding-bottom: 0.2em;

}

#central_wide ul ul li {
	margin-left: 2em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	
}



span.home_content_title1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
}

/* all - titles and headers */


#librarylogo {
	padding-bottom: 20px;
	padding-top: 10px;
	width: 147px;
	text-align: right;
	font-size: 75%;
	line-height: 2em;
}

.site_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 165%;
	font-weight: 900;
	color: #990033;
	width: 142px;
	margin-right: 5px;
}

.small_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #000000;
	width: 147px;
	line-height: 1.4em;
}

p#page_title {
	font-size: 135%;
	font-weight:bold;
	color:#990033;
	padding-bottom: 0em;
	padding-top: 0.5em;
}


h1
	{
	color: #990033;
	font-size: 135%;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1.5em;
	
	}

h2 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 120%;
	border-bottom: 1px solid #e9e9e9;
	padding-top: 1.5em;


	}
	
h2.tab_title 

	{
	font-family: sans-serif;
	color: #2A3B86;
	font-size: 130%;
	padding: 7px 10px 3px 10px;
	margin-bottom:30px;
	text-align: right;
	margin-top: 0px;
	border-bottom: 1px dashed #2A3B86;
	
	}
h2.index_headers {
	
	padding-top: 0px;
	margin-top: 0px;
}	
	
	
	
	a.index_headers {
	
	color:#2A3B86;
	text-decoration: none;
	
}	
	

h3, h4, h5, h6 
	{
	color:#990033;
	font-size:100%;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:.75em;
	padding-top: 1.5em;

	}

h3 {
	font-size:110%
	}

h4
	{
	color:#990033;
	font-weight:bold;
	border-bottom: none;
	}

h5,h6
	{
	color: #2A3B86;
	font-weight:800;
	border-bottom: none;
	}

	
	div.section {

	width: 580px;

}

p.index_headers {
	
	margin-top: 0em;
	color: #000000;
	font-weight: bold;
	font-size: 112%;
	font-family: Arial, Helvetica, sans-serif;
	
	

}

p.index_description {
	margin-bottom: 2em;
	
	
	

}






 #central_wide ul,  #central_wide ol {
	padding-left: 25px;
	margin-bottom: 1em;

}

#services_lists ul {
	
padding-left: 0;	
	
}


/* all - top navigation */

#menuwrap{

position:relative;

width:943px; 

margin-top:10px;

background-color:#990033;

float: left;

}



.menu {

width:100%; 

font-family: verdana, arial, sans-serif;

font-size:12px;

font-weight: bold;

}



.menu table {

margin:0; 

border-collapse:collapse; 

font-size:12px; 

position:absolute; 

top:0; 

left:0;

}



.menu ul {

padding:0;

margin:0;

list-style-type:none;

}



.menu ul li {

float:left; 

position:relative; 

}



.menu ul li a, .menu ul li a:visited {

float:left; 

display:block; 

text-decoration:none;

color:#FFFFFF; 

padding:0px 14px; 

line-height:30px; 

height:33px; 

background-color:#990033;



}



.menu ul li:hover {

width:auto;

}



.menu ul li a.menutop:hover{

color:#FFFFFF;

background:#666666;

}



.menu ul li ul {

display: none;

}



.menu ul li:hover ul {

display:block;

position:absolute;

top:32px;


margin-top:1px; 

left:0;

width:154px;

}



.menu ul li:hover ul.endstop {

left:-92px;

}



.menu ul li:hover ul li ul {

display: none;

}



.menu ul li:hover ul li a {

display:block;

background:#990033;

font-weight:normal;

color:#FFFFFF;

height:auto;

line-height:15px;

padding:4px 14px;

width:120px; 

border-bottom:1px solid #666666;

}



.menu ul li:hover ul li a:hover {

color:#FFFFFF;

background: #666666; 

}



.menu ul li:hover ul li:hover ul {

display:block; 

position:absolute; 

left:153px; 

top:-1px;

}

.menu ul li:hover ul li:hover ul.left {

left:-152px;

}



/* IE BROWSERS */



.menu ul li a:hover ul {

display:block;

position:absolute;

top:30px; t\op:33px; 

background:#fff;

left:0; 

}



.menu ul li a:hover ul.endstop {

left: -92px;

}



.menu ul li a:hover ul li a {

display:block;

background:#990033; 

color:#FFFFFF;

font-weight: normal; 

height:1px; 

line-height:15px; 

padding:4px 14px; 

width:154px; w\idth:120px; 

border-bottom: 1px solid #666666;

}



.menu ul li a:hover ul li a.drop {

padding-bottom:4px;

}



.menu ul li a:hover ul li a ul {

visibility:hidden; 

position:absolute;

height:0; 

width:0;

}



.menu ul li a:hover ul li a:hover {

color:#FFFFFF;

background: #666666; 

}





.menu ul li a:hover ul li a:hover ul {

visibility:visible; 

position:absolute; 

top:0;

color:#000; 

left:153px;

}



.menu ul li a:hover ul li a:hover ul.left {

left:-152px;

}



/* all - top tools */

div#top_tools {
	float: right;
	position: relative;
	width:44.9em;
	height:8.2em;
	padding-top: 6px;
	border-top: 8px solid #990033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	max-width: 770px;

}
div#searchbox_area input, div#searchbox_area label {

	display:inline;

}





div#top_tools div#mugsi, div#top_tools div#staff_dir {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;

}

div#top_tools div.quick_links {

	float: right;

	position: relative;

	margin-top:14px;

	margin-bottom:8px;

	margin-right:44px;

}



* html div#top_tools div.quick_links {

	margin-top:14px;

	margin-bottom:8px;

	margin-right:26px;

}



div#top_tools div.quick_links select {

	font-size:.91em;

}




 
div#top_tools div#search div.search_input {

	font-size:105%;
	font-weight:bold;

}


div#top_tools div.right_tools {
	float: right;
	position: relative;
	width:27.5em;

}



div#left_nav, div.left_nav_custom {

	height:auto;
	width:140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;

}


div#main_content {
	float: right;
	width: 772px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	min-height: 400px;
}


/* all - set position of search box */
div#top_tools div#search {
	margin-right:9px;
}

* html div#top_tools div#search {
	margin-right:8px;
}

.ff3 div#top_tools div#search {
	margin-right:3px;
}

.opera div#top_tools div#search {
	margin-right:16px;
}

.safari div#top_tools div#search {
	margin-right:2px;
}

div#top_tools div#search div.search_input {
	margin-left:0px;
}

* html div#top_tools div#search div.search_input {
	margin-left:0px;
}

.ff3 div#top_tools div#search div.search_input {
	margin-left:0px;
}

.opera div#top_tools div#search div.search_input {
	margin-left:0px;
}

.safari div#top_tools div#search div.search_input {
	margin-left:0px;
}


/* styles for home page */

/* home - left nav */

.search_greybox, .hours_greybox {
	background-color: #E9E9E9;
	border: 1px solid #BFBFBF;
	margin-top: 15px;
	padding: 6px;
	text-align: center;
	width: 136px;

}


.left_yellowbox {
	background-color: #FFCC33;
	border: 1px solid #BFBFBF;
	margin-top: 15px;
	padding: 6px;
	text-align: center;
	width: 136px;


}

#alert_box {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-top: 15px;
	padding: 6px;
	width: 136px;
	text-align: center;

}

div.hours_greybox p, div.search_greybox p, div#alert_box p {
	font-size: 75%;
	font-weight: normal;
	margin: 1em;
}

.searchbox {
	width: 130px;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
}

.left_nav_home {
	width: 140px;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;

}

.searchbutton {
	margin-top: 5px;
}

.hours_greybox p {
	text-align: left;
}



/* home - main content */

div#top_homeboxes, div#bottom_homeboxes {
	width: 765px;
	margin-top: .6em;
	height: 14em;
	
}

div#top_homeboxes div.far_left_box, div#top_homeboxes div.mid_left_box, div#top_homeboxes div.mid_box, div#top_homeboxes div.mid_right_box {
	padding-left: 16px;
	margin-bottom: 1em;
	padding-right: 16px;
	border-right: 1px solid #cccccc;
	padding-top: 1em;
	height: 11em;
	
}

div#top_homeboxes div.far_left_box {
	width: 137px;
	float: left;
	height: 13em;
	
	
}
div#top_homeboxes div.mid_left_box {
	float: left;
	width: 127px;
	height: 13em;
		
}
div#top_homeboxes div.mid_box {
	float: left;
	width: 128px;
	height: 13em;
	
	
}
div#top_homeboxes div.far_right_box {
	float: left;
	width: 100px;
	padding-left: 16px;
	margin-bottom: 0.2em;
	padding-right: 16px;
	padding-top: 0.2em;
	background-color: #e9e9e9;
	height: 11em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	
	
}

div#top_homeboxes div.mid_right_box {
	float: left;
	width: 226px;
	background-color: #e9e9e9;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 13em;
	padding-left: 15px;
	
	
}

div#top_homeboxes p {
padding-top: 0.2em;
}


div#bottom_homeboxes div.far_left_box, div#bottom_homeboxes div.mid_left_box, div#bottom_homeboxes div.mid_box {
	float: left;
	width: 200px;
	padding-left: 16px;
	padding-right: 16px;
	border-right: 1px solid #cccccc;
	padding-top: 1em;
	height: 16em;
	
}


div#bottom_homeboxes div.far_left_box {
	float: left;
	width: 137px;
	height: 21em;
	
	
}

div#bottom_homeboxes div.far_right_box {
	float: left;
	width: 100px;
	padding-left: 16px;
	padding-right: 16px;
	background-color: #e9e9e9;
	border: 1px solid #cccccc;
	padding-top: 1em;
	height: 21em;
}

div#bottom_homeboxes div.mid_left_box {
	float: left;
	width: 124px;
	height: 21em;
}

div#bottom_homeboxes div.mid_box {
	float: left;
	width: 130px;
	height: 21em;
}

div#bottom_homeboxes div.mid_right_box {
	float: left;
	width: 108px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 1em;
	height: 21em;
	background-color: #e9e9e9;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	
}

div#bottom_homeboxes ul li, div#bottom_homeboxes p {
	
	padding-top: 0.2em;
	}
	

div#middle_header, div#top_header  {
	background-color: #990033;
	width: 760px;
	padding-bottom: 2px;
	padding-top: 2px;
	height: 2em;
	padding-left: 10px;
			
}

.white {
	background-color: #FFFFFF;
	color: #FFFFFF;
}



div#middle_header div.far_left_box, div#top_header div.far_left_box {
	float: left;
	width: 155px;
}
div#middle_header div.mid_box, div#top_header div.mid_box {
	float: left;
	width: 480px;
	height: 2em;
}
div#middle_header div.far_right_box, div#top_header div.far_right_box {
	float: left;
	width: 135px;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	height: 2em;
}


.home_small_text {
	font-size: 85%;
	color:#333333;
	line-height: 1.8em;
}

ul.home_lists {
	margin: 0px;
	float: left;
	list-style: none;
	padding-top: .8em;
	padding-left: 0px;
	height: 9em;
}

/* styles for all sub page templates (everything but the home page) */

/* all sub - right panel styles */

.right_panel_heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
}

.right_panel_text {
	font-size: 88%;
	color:#cccccc;
	line-height: 1.4em;
	padding-bottom: 1em;
	
}

div.right_panel_heading_wide {
	width: 188px;
	height: 2em;
	text-align: left;
	border-bottom: 1px dotted #cccccc;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	padding-left: 35px;
	border-top: 1px dotted #cccccc;
	background-color: #e9e9e9;
	border-right: 1px dotted #cccccc;
}



ul.right_panel_textbox_wide {
	list-style: disc;
	color: #cccccc;
	margin: 0px;
	width: 174px;
	padding-top: 1.5em;
	padding-right: 0px;
	float: right;
	height: 8em;
	padding-left: 50px;
	
}


/* all sub - main content styles */

#page_content {
	padding-top: 15px;
}

.indexheaders {
	padding-top: 1em;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
}

h1#page_title {
	padding-bottom: 0.7em;
	text-align: left;
}




/* styles for index templates */

/* index - right panel styles */


div#right_panel {
	padding: 0px;
	float: right;
	width: 224px;
	margin-right: 2px;
}

div#right_panel_image {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 200px;
	width: 225px;
}

div#right_panel_top {
	width: 225px;
	padding: 0px;
	float: right;
	height: 23em;
	margin-bottom: 1em;
}


div#right_panel_bottom {
	width: 225px;
	float: right;
	padding: 0px;
	height: 17em;
}


div#right_panel_top_left, div#right_panel_bottom_left {
	float: left;
	width: 225px;
	height: 14em;
	background-color: #ffffff;
	border-left: 1px dotted #cccccc;
}

div#right_panel_top_right, div#right_panel_bottom_right {
	float: right;
	width: 70px;
	padding-right: 5px;
	border-left: 1px solid #cccccc;
	margin-top: 1em;
	padding-left: 13px;
	height: 16em;
}


div.right_panel_heading_narrow {
	margin: 0px;
	width: 70px;
	padding-left: 5px;
	height: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #cccccc;
}


ul.right_panel_textbox_narrow {
	margin: 0px;
	padding-top: 0.5em;
	padding-left: 10px;
	height: 15em;
	list-style: none;
	width: 60px;
	padding-right: 0px;
	float: left;
}



/* index - main content styles */

div#central_content {
	margin: 0px;
	width: 505px;
	float: left;
	padding-right: 40px;
}

div#left_central_column, div#right_central_column {
	margin: 0px;
	padding: 0px;
	float: left;
	padding-bottom: 5em;
	margin-top: 2em;
}

div#left_central_column {
	width: 230px;
	margin-right: 10px;
	
} 

div#right_central_column {
	width: 229px;
	padding-left: 10px;
	border-left: 1px dotted #cccccc;
	
}


/* styles for basic templates */

/* basic - right panel styles */


div#right_panel_basic {
	padding: 0px;
	float: right;
	width: 160px;
	margin-right: 2px;
}

div#right_panel_top_basic, div#right_panel_bottom_basic {
	width: 160px;
	float: right;
	height: 13em;
	border-left: 1px solid #cccccc;
	padding: 0px;
	margin-bottom: 0.5em;
	
}


/* basic - main content styles */


div#central_content_wide {
	width: 600px;
	float: left;
	margin: 0;
	padding-bottom: 5em;
}

#central_wide {
	width: 570px;
	padding-left: 10px;
	padding-right: 10px;
}






/* breadcrumbs */

div#interior_breadcrumbs {
	float: left;
	width:490px;
	margin-bottom:2em;
	padding-bottom: 1em;
	font-size: 80%;
	font-weight:normal;
	line-height: 1.5em;
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
	height: 2em;
	padding-top: 1em;
	text-align: left;
	position: static;
}

* html div#interior_breadcrumbs {
	width:764px;
}

div#interior_breadcrumbs ul {
	display:none;
	margin: 0;	
	z-index:100;	
}
	
div#interior_breadcrumbs li {
	float:left;
	position:relative;
	padding: 0 5px 0 0;	
	list-style-type:none;
	z-index:100;
}
	
div#interior_breadcrumbs a {	
	text-decoration: none;
	color: #999999;
}

div#interior_breadcrumbs a:hover {	
	text-decoration: underline;
	color: #990033;
}

div#interior_breadcrumbs_wide {
	float: left;
	width:600px;
	margin-bottom:2em;
	font-size: 0.75em;
	font-weight:normal;
	line-height: 1.5em;
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 1em;
	height: 2em;
	padding-top: 1em;
	position: static;
}

* html div#interior_breadcrumbs_wide {
	width:764px;
}

div#interior_breadcrumbs_wide ul {
	display:none;
	margin: 0;	
	z-index:100;	
}
	
div#interior_breadcrumbs_wide li {
	float:left;
	position:relative;
	padding: 0 5px 0 0;	
	list-style-type:none;
	z-index:100;
}
	
div#interior_breadcrumbs_wide a {	
	text-decoration: none;
	color: #999999;
}

div#interior_breadcrumbs_wide a:hover {	
	text-decoration: underline;
	color: #990033;
}
.right_panel_heading_wide_basic {
	width: 145px;
	background-color: #e9e9e9;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-left: 15px;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	border-top: 1px solid #cccccc;
}
.right_panel_textbox_basic {
	width: 140px;
	padding-left: 20px;
	height: 8em;
	float: right;
	padding-top: 1.5em;
}
#right_panel_image_basic {
	height: 142px;
	width: 160px;
}
p.main_content_small {
	font-size: 75%;
}
#left_central_column ul, #right_central_column ul, #liaison_content ul, ul.greylist {
	color: #cccccc;
	padding-left: 25px;
}

#left_central_column li span, #right_central_column li span, #liaison_content li span, span.greylist {
	color: #000000;
	
}

#liaison_image {
	height: 90px;
	width: 80px;
	text-align: left;
	position: absolute;
	left: 383px;
	top: 103px;
	padding-left: 10px;
	padding-top: 8px;
}
#liaison_content {
	float: left;
	width: 350px;
}


td {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #e9e9e9;
	
}

td.toprow {
	background-color: #e9e9e9;
	color: #000000;
	font-weight: bold;
}

.TabbedPanelsContent table, .TabbedPanelsContent p {

}
.newslist {
	color: #cccccc;
	list-style-type: circle;
}
#container #main_container #main_content #oldsite {
	position: fixed;
	height: 100px;
	width: 400px;
}
 
div#section_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #990033;
	
}

div#left_nav_content {
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 150px;
	margin-right: 18px;


}
#central_wide .rightlinktop {
	position: absolute;
	width: 150px;
	top: 134px;
	left: 434px;
	height: 3em;
	text-align: right;
}
#central_wide .liaisoninfo {
	background-color: #F7F7F7;
	width: 303px;
	border: 1px solid #cccccc;
	padding: 5px;
	height: 7.8em;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#central_wide .liaisoninfo2 {
	background-color: #F7F7F7;
	width: 303px;
	border: 1px solid #cccccc;
	padding: 5px;
	height: 6.6em;
	float: right;
	position: absolute;
	top: 1461px;
	left: 267px;
}

.liaisonpic {
	float: right;
	width: 70px;
	padding: 2px;
	border: 1px solid #cccccc;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;

}


div#accessibilitybar {

color: black;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: 115%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	margin-right: 5px;
	border:1px dotted #cccccc; 
	padding-left: 0px; 
	padding-right: 0px; 
	width:145px;

}

a.accessibility {

color: black;
text-decoration: none;


}

#news_yellowbox {

padding-left: 30px; 
background-color:#ffcc33;

}


.indent {
	padding-left: 40px;
}

div.greyboxes_home {
background-color:#e9e9e9; 
border: 1px dotted #cccccc; 
padding-bottom: .2em;
margin-top: 10px; 

}

div.greyboxes_home_titles {
	padding-top:2px;
	padding-bottom: 2px;
	width:147px;
	font-family:Verdana;
	color: #990033;
	font-weight: bolder;
	font-size: 100%;
	background-color: #e9e9e9;
}

div.greyboxes_home_content {

background-color: #Efeeee;
	text-align: center;
	padding-left:0px; 
	padding-right:0px; 
	padding-top: 6px;
	padding-bottom: 6px;
	width:148px;
	 margin-top: 0px; 
	 margin-bottom: 5px; 
	 border-top: 1px dotted #cccccc; 
	 border-bottom: 1px dotted #cccccc;


}

.small_header_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #2A3B86; 
	width: 147px;
	line-height: 1.4em;
	


}
h2.index_headers {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 110%;
	color: #2A3B86;
	border-bottom: 1px dotted #cccccc;
}

/* Display or hide search box radio buttons: Display: display:block; Hide: display:none; */
div#searchbox_area input, div#searchbox_area label {
	display:inline;
}

#accessibility_accreditation {
	display:none;
}