html{ height: 100%; } 
BODY{ 
	font: 0.8em "lucida", "verdana", "arial", "tahoma", "verdana", sans-serif; 	
	width:100%; 
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100%;
}
img{border-style: none;}
#wrap{	
	background:url( /media/img/bg200.gif )  top left repeat-y;
	min-height: 100%;
	margin: auto;
	position: relative;
}
* html #wrap{ height: 100% }

#clearfooter{
	clear:both;
	height: 40px;
	overflow: hidden;
}

#header{ 
	margin: 0;
    padding: 0.1em 0.1em 0em 0.1em;
	font-family: "lucida", "verdana", sans-serif;
	border-bottom: 1px solid #AAD4AA;
    background: #CDE5CD;
} 
#header h1{
    padding: 0;
    margin-left: 212px;
    font-size: 2.6em;
	font-weight: bold;
}
#header a{ color: #333333;  text-decoration: none; }
#header a:hover{ color: #2C5440; }

#footer{
	position: absolute;
	bottom: 0;
	background: #CDE5CD;
	height:40px;
	border-top: 1px solid #AAD4AA; 
	width: 100%;
	text-align: center;
}
#footer a{ color: #3C773C; border-bottom: 1px #fff;}
#footer a:hover{ border-bottom: 1px solid #E6FFCC; }

#menu{
	float: left;
	width: 200px;
}

#menu ul
{
	padding: 0; 
	list-style-type: none; 
	background: #fff;
	border: 1px solid #99CC99;
}
.plain{
    margin-left: 2px; 
}
#menu .subhead{ 
    font-weight: bold; background: #E6FFCC; color: #333; padding: 0.8em;
    border-bottom: 1px solid #99CC99;
}
#menu .subhead a{ border-bottom: 1px solid #E6FFCC;  text-decoration: none; }

#menu ul li a{ border-bottom: 1px solid #fff; display: block; padding: 0.3em; color: #133A13; }
#menu ul li a:hover{ background: #ECFFE5; border: 0; color: #333; border-bottom: 1px solid #333;}
#menu ul li{ display:block; color: #2C5440; padding-left: 0.2em;}

#menu .logo{ text-align: center; margin-left: auto; margin-right: auto; }
#menu .logo a{ padding: 10px; display:block; border: 1px solid #FFF; }
#menu .logo a:hover{ border: 1px solid #333; background: #ECFFE5; }

.dalsl a{ text-decoration: none; color: #A71930; font-weight: bold; background: #FAF2F3; }
.abvd a{ text-decoration: none; color: #036; font-weight: bold; border: 1px solid #69c; background: #E5F2FF; }


#content{
	position: relative;
	margin-left: 200px;
	padding: 0 1em 1em 1em;
}
#content a{ color: #3C773C;  } 
#content a:hover{ border-bottom: 1px solid #E6FFCC; }

#searchbox{ padding: 2px; }
#searchbox li{ padding: 0.3em; }
#searchbox li #searchbutton { margin-left: 130px; }
/* Tables */
table { border: solid #f0f0f0 1px; width: 90%; margin: 1em;}
th { border: solid #f0f0f0 1px; background-color: #E6FFCC; 
    font-weight: bold; text-align: left;
}
tr.odd td{}
tr.even td{ background: #f0f0f0;}
td { border: solid #f0f0f0 1px; padding:0.4em;}
td.item{white-space: nowrap}

/* pagination box */
.pagination{
    text-align: center;
    width: 60%;
    margin: 2em auto;
    padding: 0.3em;
    font-size: 1.2em; 
    border: 1px solid #333; 
    background: #E6FFCC;
    font-weight: bold;
}
.pagination_title{ }
.pagination a{ 
    padding: 0.3em; 
    color: #333;
}
.pagination a:hover{ color: #9cf; background: #FFFEE5; }

/* contact form */
#contactform{ padding: 10px; }
#contactform p{ display: block; padding: 5px; width: 600px;}
#contactform label{ width: 200px; float: left; text-align: right;}
#contactform input{ margin-left: 5px;}
.formerror {background: #FFFEE5;  border: 1px solid #333; }

/* tooltips */

a.tip{ position:relative; z-index:24; text-decoration:none; border-bottom: 1px dotted; }
a.tip:hover{z-index:25; background-color:#ff0}
a.tip span{display: none}
a.tip:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em;
    padding: 1em; 
    border:1px solid #333;
    background:#E6FFCC; color:#000;
    text-align: center
}

.image { width: 300px; border: 2px solid #333; margin: 1em; }
.bigimage{ width: 500px; border: 2px solid #333; margin: 1em; }
.image p, .bigimage p{ margin: 0.3em; text-align: center;}
.byline{ font-size: larger; }
.attrib{ font-size: smaller; }

/*misc*/
.highlight{ padding: 1em; border: 1px solid #333; background: #FFFF99; font-size: larger;}
.error{text-align: center; padding: 1em; background: #FFFEE5;  border: 1px solid #333; width:60%; }
.notes{ padding: 1em; font-size: 1.2em;}
.count{ padding: 1em; }
.description{ padding: 0 1em 0 1em; font-size: 1.4em; }

.borrowing{ margin-left: 1em; padding: 0.5em; 
        background: #FFFF99; font-weight: bold; float:right;
}

.flag{ margin-left: 1em; padding: 0.5em; 
        background: #FFFF99; font-weight: bold; float:right;
}

.center{ margin: 0px auto; }
.right{ float: right; }
.clear{ clear: both; }

.news{ }
.newsbyline{ color: #444; padding-left: 20px; font-size: smaller; }

.ref { padding: 1em; font-size: larger;}
.dialect{ font-weight: bold; }