body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:76%;
  margin:0px;
  padding:0px;
  text-align:center;
  background-color:#fff;

}

html body #wrapper {
 width:760px; 
 text-align:left;
 margin:0 auto;
 background-color:#fff;
 
}

html body #main {
  /* width:577px;  */
  float:none;
  /*margin-left:-200px; */
  /* border: 1px solid #ddd;  */
   overflow-x: hidden; 
}

html body #main .center {
  border-right: 1px solid #ddd;
  }

.branding_container {
  width:0;
  height: 0;
  background-image:url();
  background-position:top left;
  background-repeat:no-repeat;
}

h1 {
 margin:0 0 1em 0;
 font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
 border-bottom-width:1px;
 border-bottom-style:solid;
}

h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

.header_container { 
  color:none;
  background-color:#ffffff;
  border-bottom:none;
/*  background-image:url(/Images/header_full.jpg);
  height:140px; 
  width:760px;
  background-position:bottom right;
  background-repeat:no-repeat;  */
  margin:0 auto;
}

/* Change nav bar color */
.secondary_header_menu_container {
  width:100%;
  padding:6px 0px 6px 0px;
  float:left;
  display:block;
  position:relative;
  border-bottom:1px solid #8c8c8c;
  background-color:#23447e;
  background-image:url(../images/sirsidynix/button.png);
  background-position:bottom left;
  background-repeat:repeat-x;
}

img.langicon {
    display: none;
    margin: 0;
    }
#wordmark {
 float: right;
 margin:0;
}

#leaf {
 display:block;
 margin:0 auto;
 
}

#masthead {
text-align:center;
}

#masthead p#site_name 
{
font-family: Times,serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 1.7em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #ffffff;
}

#masthead p#site_url 
{
font-family: Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}

#cmb {
 width:740px;
}

ul#common{
	background: #000;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 2;
	position: relative;	
	}
	
#common li{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;		
	width: 10.33em;	
	border-left: 1px solid #fff;
	padding: 0.25em 0;
	background:#000;
	}
	
#common > li
{
    width:10.35em;
}

#common li#first_link{
	border-left: 0;
	width:10.4em;
}

#common li#last_link{
	width:10.2em;
}

#common li a{
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
	}

.branding_container {

  margin-top:60px;
  height:0; 
  /* width:760px; */
  width: 0;
  background-position:bottom right;
  background-repeat:no-repeat;
}

.header_menu_container, .buttons_container {
  width: 550px; 
  width: 100%; 
  float: left;  

}

.quick_search, .item_details, .lists, .high_interest_items, .icons_gatelist, .gatelist_table, .contact_us, .z3950, .error, .recreading, .bestseller, .place_hold, .call_number_search, .kept_records, .callnum_view_options, .holdings_display_view_options, .bsrr_lists, .mostpop_list, .rsvdesk_search, .rsvdesk_browse, .rsvdesk_list, .rsvdesk_hit_list, .pin_change_form, .pin_change_done, .renew_form, .renew_results, .req_list, .login_form, .request_view, .req_modify, .query_list,  .hold_update, .resv_update, .renew_update, .place_resv {
  float:left;
  width:395px; 
  /* width:100%; */
  display:block;
  background-color:#fcfcfc;
  background-image:url(/WebCat_Images/Dstyle/thead.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  border:2px solid #8c8c8c;
  padding:0px;
  /* margin:8px; */  
  margin: 8px 0;
  
}

.info_container .library_info, .info_container .itemservices, .info_container .details_info, .info_container .search_links {
  background-color:#fcfcfc;
  background-image:url(/WebCat_Images/Dstyle/thead.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  border:2px solid #8c8c8c;
  padding:10px;
  position:relative;
  width:140px;
  margin:0px 0px 10px 0px;
}

.content_container .hit_list{
  float:none; 
  width:395px; 
    /*width:100%; */
  display:block;
  background-color:#fcfcfc;
  background-image:url(/WebCat_Images/Dstyle/thead.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  border:2px solid #8c8c8c;
  padding:0px;
  margin:10px;
}

html body .gate_footer { 
  float: none;
  clear: both;
  display: none;
}
/* 
.sidebar {
  float:left;
  display:inline;
  width:150px;
  border:2px solid #8c8c8c;
  clear:left;
  margin:0 5px 5px 10px;
  height:1000px;
  background-color:#fcfcfc;
  background-image:url(/WebCat_Images/Dstyle/thead.jpg);
  background-position:top left;
  background-repeat:repeat-x;
}
.sidebar .content {
  margin:10px;
}
*/


/*** Left-navigation menu ***/
#nav {
	width: 155px;
	padding: 0 0 20px 0;
	/* margin-left: -100%; */ 
	margin-left: 3px;
	margin-top: 2px;
	left: 15px; 
    left: -5px;
  float: left;  
}

#nav h2 , #nav form h2 {
	padding: 5px;
	margin: 0;
	font: bold 1em Verdana, sans-serif;
	display: inline-block;
	}
	
#nav > h2, #nav form h2 {
	display: block;
}	
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;	
	}

#nav ul ul {
	position:relative;
	margin-top: 3px;
	/* margin-left: -5px;  */
	margin-left: 0;
}

/* Text colour for the headings */
#nav h2, #nav form h2 label {
	color: #fff;	
}

/* Background colour for the headings and spacers */	
#nav h2, #nav .spacer {
	background-color: #A00;
}		

/* Font colour for the first level of links */
#nav a {
	color: #543;
}

/* This sets the style of the active menu item link (it can be text bolding, colour, underlining) */
#nav a.navActive {
	font-weight: bold;
}

/* Top border colour and background colour for the first level of links */
#nav ul li {
	border-top-color: #fea;
	background-color: #ed9;
}

/* If you do not wish the menu to expand and contract, delete the following style */
/* #nav ul ul {
	display:none;
}	*/

/* Background colour for the second level of links */
#nav ul ul, #nav ul ul a, #nav ul ul li {
	background-color: #fea;
}

/* Colour for the bullets in the second menu level */
#nav ul ul li {
    color: #666;
}

/* Colour for the "What is this" link in the Style Switcher box */
#nav .switcherLink {
	color: #444;
}

#nav div.proactive p {
	border: none !important;
}

.cmpCrest {
  text-align: center;
}

.column {
	position: relative;
	float: left;
	padding: 0 0 20px 0px; 	
	}
#footer 
{
	clear: both;
	height: 1px;
	border-top: 15px solid;
	position: relative;
	z-index: 1;				
}
#footer-wrapper {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding-top: 10px;
	width: 760px;
	margin: 0 auto;
	clear:both;
	background-color: #fff;
	height:4.5em;
}
body > #footer-wrapper
{
    float: none;
    width: auto;    
    max-width: 760px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}

#footer p{
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1em;	
	}
	
	
#topOfPage{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;	
}

#topOfPage img{
	width: 16px;
	border: 0;
}

#mod{
	float: left;
	position: absolute;
	z-index: 2;
	left: 0;
	max-width:284px;
	}

#footer > #mod
{
    left: 0;
}
	
#notices{
	float: right;
	z-index: 1;
	position: relative;
	}
	
#notices a, #top a, #topOfPage a {
	text-decoration: none;
}

#notices a:hover, #top a:hover, #topOfPage a:hover {
	text-decoration: underline;
}	
#footer {
	border-top-color: #A00;
}

/* Font colour for the date modified */
#mod {
	color: #633;
}

/* Font colour for the Important Notices and Top of Page hyperlinks */
#notices a, #top a, #topOfPage a {
	color: #633;
}

/* Font colour for the Important Notices and Top of Page hyperlinks, on hover */
#notices a:hover, #top a:hover, #topOfPage a:hover {
	color: #069;
}		

/* content container customization */

.header_menu_container {
  margin-top: 2px;
 /*  width: 575px; */
}

.quick_search {
  width: 75%;
}

.library_info {
  width: 13%;
}

.hit_list {
  width: 65%;
}

.info_container {
  width:28%;
  padding:1px;
  margin-right:0;
} 

.buttons_container { 
  background-color:#ffeeaa;
  /* width: 575px */
  width: 100%;
} 

input, select, textarea { 
  background-color:#fff9d9; 
}

input:focus, select:focus, textarea:focus { 
  background-color:#fff3c3; 
}		


.menu_link { 
  float:left;  
  float: none; 
 display:inline; 
 margin:0px 10px 0px 10px;  
} 

 

html body .footer {
  float: none; 
  clear: both;
  }