@import url("http://library.otago.ac.nz/icons.css");

html, body {font: 100%/1.4 Georgia, "Times New Roman", Times, serif;margin:0;padding:0;color: #000;min-height:100%;background:#000;}
img {max-width:100%;margin:3px;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
p{line-height:19px;}
/*links*/
a img {border: none; border:3px solid #000;}
a:link {color: #000;text-decoration: underline;}
a:visited {color: #000;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: underline;}
a:hover img{border:3px solid #666;}
#container {max-width: 960px;margin: 0 auto;padding:0;}
#header {background-color: #000;background-image:url(banner.jpg); background-repeat:no-repeat; height:332px; width:889px;background-position:center;padding: 0 0 2.0em 0; margin:0 auto;}
/*pics in header*/
#logo {float:left; margin:6.3em 0.3em;padding:0;border:none;}

/*structure*/
#toppart{width:889px; margin:0 auto;padding:10px 0; text-align:justify; background-image:url(text_background.jpg); background-repeat:no-repeat; margin-bottom:1.0em;}
#content {padding:0;margin:0; border:1px solid black;background-color:#000;}
.content ul, .content ol {padding: 0 15px 15px 40px;}
#contents {width:900px; margin:0 auto; background-color:#000; }
/*structure for the thumbnails*/
.lazy {width:104px; height:150px;}
.thumbnail-img{width:104px; height:150px; text-align:center; position:relative; float:left; border:1px solid #000; margin-bottom:10px; margin-left:10px;} 
.thumbnail-img a{ text-decoration:none!important; }

/* ~~ The footer ~~ */
#footer {background:#000;color:#FFF;padding:1.0em 1.3em 0em;margin:0;position: relative;clear: both;text-align:right;}
#footer p.justify {text-align:justify;}
#footer a:link {color: #FFF;text-decoration: underline;}
#footer a:visited {color: #FFF;text-decoration: underline;}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/* SLIMBOX */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#FFFFFF;border:1px solid #FFFFFF; min-width:500px;}
.lbLoading {background:#fff url(loading.gif); background-repeat: no-repeat; background-position: center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #FFFFFF;background-color:#FFF;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:60%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url(prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:12px;color:#666;line-height:18px;text-align:left;border:10px solid #FFFFFF;border-top-style:none;min-width:500px; padding:5px;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(closelabel.gif) no-repeat center;margin:5px 20px 5px 5px;outline:none;}
#lbCaption, #lbNumber {margin-right:90px;text-align:justify;}
#lbCaption {font-weight:normal;}

.item {
  max-width:75px;
  margin:3px;
  float: left;
}

p.content {
	font-size: .9em;
	line-height: 1.4em;
}
img.frame {
	border: 2px solid #333;
	margin: 0;
/* needed for ie because it renders no margin as auto instead of 0 */	padding: 6px;
	background: #eee;
}
img.right {
	float: right;
	margin: 0 0 6px 10px;
}
img.left {
	float: left;
	margin: 0 10px 6px 0;
}
.clear {
	clear: both;
}
.center {
	margin: 0px auto 0px auto;
	text-align: center;
}