/* 
Theme Name: Niagara-on-the-Lake Public Library
Theme URL: http://www.notlpubliclibrary.org
Author: Aaron Beaudoin
Author URL: http://www.abovethefold.ca
*/

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
	text-align: left;
	margin: 10px 0px 10px 0px;
	background: #EDEDE6;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
}
a {
	text-decoration:none;
	color:#504B2F;
}
a:hover {
	color:#C1C2C4;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 790px;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px dotted #000000;
}
#shell {
	margin: 5px;
	padding: 0px;
	width: 780px;
	overflow: hidden;
	background:url('images/maincnt_bg_03.gif') repeat;
}
	
#hdr {
	height:120px;
	width: 780px;
	margin:0;
	background:url('images/masthead_bg.gif') repeat-x;
	border-bottom: 1px solid white;
	border: 0px dotted #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 19px;
	padding-left: 5px;
}

#hdr h1 {
	font-size:1px;
	text-indent:-5000em;
	width:435px;
	height:107px;
	margin:0;
	padding:0;
	background:url('images/weblogo.png') no-repeat;
}

#hdr h1 a {
	display:block;
	height:107px;
	width:435px;
}
#subhdr {
	padding: 0px;
	height: 20px;
	overflow: hidden !important;
	font: 10px Arial, Helvetica, sans-serif;
}

#subhdr p {
	float:left;
	margin: 5px 5px 5px 0px;
	color:#E7E4C4;
}

#subhdr p a {
	color:#C5C6C8;
	text-decoration:none;
}

#subhdr p a:hover {
	color:#000000;
}

.subtitle {
	color: #800000;
	font-style: italic;
	font-weight: bold;
}

#footer {
	width: 780px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background: url('images/footer_bg.gif') repeat-x;
}

#mid {
	position: relative;
	min-height: 650px;
	width:780px;
	height:auto !important;
	height: 550px;
	background-image: url('images/maincnt_bg_03.gif') repeat;
}

/* menu */

#nav {margin:0px 0px 30px 0px;}

/* the styling */
#nav {float:left; padding-left:0px; width:780px; height:auto;background:#262626;}

#nav .select, #nav .current {margin:0px 0 0 0; padding:0; list-style:none; display:block; float:left;}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}

#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background: url('images/nav_break.gif') left 50% no-repeat; padding:3px 0px 0px 0px; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:54px;}
#nav .two a {width:117px;}
#nav .three a {width:94px;}
#nav .four a {width:105px;}
#nav .five a {width: 91px;}
#nav .six a {width: 62px;}
#nav .seven a {width: 106px;}
#nav .eight a{width: 71px;}
#nav .nine a{width: 66px;}

#nav .select a b, 
#nav .current a b {
	height:100%;
	display:block;
	color:#FFFFFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#262626; cursor:pointer;}

#nav .current a {border-color:#FFFFFF;}
#nav .current a b {color:#7A7662;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#aba; background:#262626; color:#FFFFFF;}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {
	border-color:#aba;
	color:#FFFFFF;
	background-color: #262626;
}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {
	display:block;
	position:absolute;
	width:780px;
	top:2.5em;
	margin-top:1px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	background-color: #FFFFFF;
}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#FFFFFF; border:1px solid #EDEDE6; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:10px; height:2em; line-height:1.9em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#FFFFFF;}

#nav .select a:hover b, 
#nav .select li:hover a b {color:#7A7662;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left: -54px;}
#nav .three .sub {left:-171px}
#nav .four .sub {left:-265px;}
#nav .five .sub {left: -370px;}
#nav .six .sub {left: -461px;}
#nav .seven .sub {left: -523px;}
#nav .eight .sub {left: -629px;}
#nav .nine .sub {left: -700px;}

#banner {
	clear: both;
	display: block;
	line-height: 6px;
	margin: 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#banner img, #banner object {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}
#banner p {
	margin: 0px;
}

#hdrphoto {
	position: relative;
	width: 780px;
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#searchtools {
	position: absolute;
	width:200px;
	height: 30px;
	list-style: none;
	text-align: left;
	margin-top: 6px;
	margin-left: 570px;
	margin-right: 10px;
	padding: 0px;
	font-size: 10px;
	
}

#search {margin-top:6px; padding-left:10px; height:21px;}
#search input.field {margin-right:3px; width:126px; padding-left:2px;}
		html>body #search input.field {width:130px;}
		
#search #search_but, .photo a,.photo a:hover 
		{background:transparent; border:0;}
		
#ticker {
	height:60px;
	width: 780px;
	margin:0px;
	padding:0px;
	background-color: #262626;
	border-bottom: 1px solid white; 
	color: #FFFFFF;
	font-size: 12px;
}

#ticker a {
	color:#FFFFFF;
	text-decoration:none;
}

#ticker a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}

#newsbox {
	position: absolute;
	width: 550px;
	height: 30px;
	text-align: left;
	margin: 15px 0px 0px 10px;
}
	
#ltNav {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 10px;
}
#ltNav h3 {
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#ltNav dl {
	margin: 0px 0px 20px;
	padding: 0px;
}
#ltNav dt a {
	display: block;
	padding: 3px 5px;
	border-bottom: 1px dotted #BEBFC1;
}
#ltNav dt a:hover {
	background: #F5F6E6;
	color: #5C1907;
}
#rgtNav {
	position: absolute;
	top: -1px;
	right: 2px;
	width: 184px;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 5px;
	height: 476px;
}
#rgtNav h3 {
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#rgtNav dl {
	margin: 0px 0px 20px;
	padding: 0px;
}
#rgtNav dt a {
	display: block;
	padding: 3px 5px;
	border-bottom: 1px dotted #BEBFC1;
}
#rgtNav dt a:hover {
	background: #F5F6E6;
	color: #781711;
}

#maincnt {
	position: relative;
	width: 550px;
	line-height: 1.6em;
	padding-top: 0px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#maincnt h1 {
	font-size: 16px;
	color: #781711;
	margin-top: 5px;
	margin-bottom: 5px;
}
#maincnt h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #262626;
}
#maincnt h3 {
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999999;
	margin-top: 0px;
}
#maincnt h3 a {
	color: #333;
}
#maincnt h3 a:hover {
	color: #a0282c;
}
#maincnt h4 {
	color: #666;
	font: 1.3em Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px;
}
#maincnt p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#maincnt img {
}
#catalogue {
	position: relative;
	width: 750px;
	line-height: 1.6em;
	padding-top: 0px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#loginScreen {
	position: relative;
	width: 750px;
	line-height: 1.6em;
	padding-top: 0px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#FlashCenter {
	margin-top: 5px;
	margin-bottom: 7px;
}

#catalogue {
	text-align: center;
	margin-bottom: 20px;
	color: #666666;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 10px;
}
#catalogue h3 {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: left;
	border: 1px dotted #BEBFC1;
}
#catalogue p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0px 5px;
}
#catalogue a {
	display: block;
	padding-top: 230px;
	margin: 0px;
}

#ftr {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0px;
	clear: both;
	padding: 15px 10px;
	height: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 1.3em;
	width: 780px;
	text-align: center;
}

#ftr p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#ftr a {
	padding: 2px 4px;
	border: 1px dotted #CCCCCC;
	color: #666666;
	text-decoration: none;
	margin-right: 7px;
	font-size: 9px;
}
#ftr a:hover {
	color: #C1C2C4;
	border-color: #C1C2C4;
}

#topnav {
	margin-left: 550px;
	margin-top: -85px;
	margin-bottom: 0px;
	padding: 0px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 26px;
	width: 171px;
	text-align: center;
}

.login {
	margin: 0px;
	
}

#topnav a {
	padding: 2px 4px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	font-size: 10px;
}
#topnav a:hover {
	color: #CCCCCC;
}

.floatLeft {
	float: left;
}

.feat {
	text-align: center;
	margin-bottom: 5px;
}
.feat acronym {
	letter-spacing: 5px;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 9px;
}
.feat a {
	display: block;
	margin-bottom: 0px;
}
.feat object {
	margin-bottom: 10px;
}
.feat img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}

.FlashCenter {
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
}
.imgLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 0px;
	border: 1px dotted #BEBFC1;
}
.imgCenter {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 13px;
}

.thumbLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-top: 5px;
}
.thumbCenter {
	margin-right: 10px;
	margin-bottom: 4px;
	margin-top: 5px;
	border: none;
}
ul.toolbar {
	margin: 5px 0px 20px;
	clear: both;
	padding: 4px 0px 5px;
	font-size: 0.9em;
	text-align: right;
	border-bottom: 1px dotted #BEBFC1;
	height: 13px;
}
ul.toolbar li {
	display: inline;
}
ul.toolbar li a {
	float: right;
	border: none;
}

ul.toolbar li a:hover {
	color: #C1C2C4;
	border-color: #C1C2C4;
}


.floatLeft {
	float: left;
}

div.clear {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

.locatebar {
	font-size: 9px;
	text-align: left;
}

.radio-btns {width:120px; float:left; margin:0; padding:0;}
.radio-btns input,.radio-btns label {
	vertical-align:middle;
	margin:0;
	font-size: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

.newstext a {
	color: #FFFFFF;
}

.newstext a:hover {
	color: #F2F2F2;
	text-decoration: none;
}

.listTable {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 11px;
}
.listTable tr:hover {
	background: #ECEAD0;
}
.listTable th {
	border-bottom: 1px dotted #BEBFC1;
	text-align: left;
}
.listTable td {
	border-bottom: 1px dotted #BEBFC1;
}