/*
	Global
*/
html{
	height:100%;
}

body{
	margin: 0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	font-size-adjust:none;
	text-align: center;
	background-color: #ffffff;
	background-image: url(../images/bg.jpg);
	BACKGROUND-REPEAT:repeat-x;top:0;height:72px;
	height: 100%;
}

h2{
	color: #3a8abb;
	font-weight: normal;
}

a{
	text-decoration: none;
	color: black;
	cursor: pointer;
	color: #31618f;
}
a:hover{
	text-decoration: underline;
}
hr{
	height: 1px;
	background-color: #d8dfea;
	border: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

input{
	font-size: 12px;
}

textarea{
	font-size: 12px;
}

table{
	font-size: 1em;
	margin: 0px auto;
}
td{
	text-indent: 0px;
}
#container {
     position:relative;
     min-height:100%;
}

#content{
	width: 986px;
	margin: 0px auto;
	color: black;
	text-align: center;
	min-height: 100%;
	padding-bottom:70px;
	_height: 100%;

}

.document_list{
	width: 33%;
	height: 250px;
}

.float_left{
	float: left;
}

#leftnav{
	float: left;
	width: 160px;
	margin: 0px;
	margin-top: 25px;
}

#leftnav ul{
	list-style-type: none;
	padding: 0px;
	text-align: center;
	margin-left:5px;
}

#leftnav li{
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#leftnav li a{
	color: #31618f;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

#leftnav a:hover{
	text-decoration: underline;
}
#mainarea{
	float: left;
	width: 800px;
	margin-left: 15px;
	padding-top: 45px;
}

.front_logos{
	background-image: url(../images/bgline.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: left; 
	width: 120px; 
	top: 30%;
}
.front_page{
	float: left; 
	width: 500px;
	padding-left: 15px; 
	padding-right: 15px; 
	text-align: left;
	background-image: url(../images/bgline.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.document_listing{
	font-size: 12px;
	text-align: left;
	padding: 5px;
	height: auto;
	width: 100%;
	display: inline-block;
}
.document_listing:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 

.login_box{
	float: left;
	width: 300px;
	margin: 15px;
	margin-top: 45px;
}
/* Hides from IE Mac \*/ * html .document_listing {height: 1%;} .document_listing{display:block;} /* End Hack */ 

.document_info{
	float: left; 
	width: 70%;
}
.document_date{
	float: left; 
	width: 30%;
	text-align: right;
}

.document_listing h2{
	font-weight: bold;
	font-size: 0.9em;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

.document_listing p{
	font-size: 0.9em;
	margin: 0px;
}

img, .opac_link{
	behavior: url(../scripts/iepngfix.htc);
}
.opac_link img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	border: 0px;
	padding: 0px;
}

img, .opac_link:hover{
	behavior: url(../scripts/iepngfix.htc);
}

.opac_link{
	line-height: 1.4em;
	color: #31618f;
	font-weight: bold;
}
.opac_link img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	border: 0px;
}

.opac_link:hover{
	text-decoration: none!important;
	color: #009fff;
}

a.detail{
	color: #31618f;
	line-height: 1.4em;
}

a.detail:hover{
	text-decoration: underline;
}

td.fieldname{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

td.fieldvalue{
	text-align: left;
}

table.form_table td{
	text-align: left;
}
/* Navigation */
#menu{
	height: 25px;
	line-height: 25px;
	padding: 3px;
	display: block;
	margin: 0px auto;
	text-align: left;
	padding-top: 90px;
	line-height: 19px;
	width: 740px;
	border: 0px;
	position: relative;
}

#topicdrop{
	left:105px; 
	position:absolute; 
	z-index:1000; 
	width: 500px;
	top: 115px; 
	border-top: none;
	font-size: 11px;
	background-color: white; 
	border: 1px solid blue; 
	border-top: none;
	background-color: #f7f7f7;
	display: none;
}

#topicdrop a{
	font-size: 10px!important;
}

.topic_column{
	float: left;
	width: 150px;
	padding: 5px;
}

#menu a{
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
.menu_types{
	padding-left: 0px;
	margin-left: 0px
}
.menu_types li{
	padding-top: 2px!important;
	padding-bottom: 2px!important;
}
.menu_types li a{
	color: #4e8bae!important;
	font-size: 11px!important;
}

.menu_inst{
	list-style-type: circle!important;
	margin-left: 0px;
	padding-left: 0px;
}
.menu_inst li{
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	font-size: 11px;
}
.menu_inst li a{
	color: #4e8bae!important;
	font-size: 11px!important;
	display:block;

}

#menu a:hover{
	text-decoration: underline;
}

#footer{
	text-align: center;
	font-size: 11px;
	width: 100%;
	position: relative;
	margin-top:-40px;

}

#footer a{
	padding: 0px 5px 0px 5px;
}

/* Auto-Completer */
.suggestionsBox {
    position: absolute;
    top: 105px;
    margin: 10px 0px 0px 0px;
    width: 150px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
    left: 700px;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    list-style: none;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

.institution_title{
	text-align: center;
	margin-top: 5px;
}

.institution_title h1{
	font-size: 16px;
}

.institution_details{
	clear: both;
}

.institution_details a{
	color: #31618f;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
.institution_details a:hover{
	text-decoration: underline;
}

.institution_details h2{
	text-align: center;
	margin-top: 15px;
}
.institution_details table{
	margin: 0px auto;
}
td.field_title{
	font-weight: bold;
	text-align: right;
}

td.field_value{
	text-align: left;
}

tr.alternate{
	background-color: #ecf5f8;
}

tr.header{
	background-color: #15333f;
	color: white;
}

tr.header a{
	color: white;
}

.doc_table{
	border: 1px solid #15333f;
	width: 100%;
}

.doc_table a{
	padding-left: 0px;
	padding-right: 0px;
}

.light{
	color: #7a7a7a;
}

#member_details{
	text-align: left;
	margin: 0px auto;
	width: 500px;
}

.member_image{
	float: left;
	margin-right: 25px;
	width: auto;
}

.member_bio{
	padding: 15px;
}

.member_name{
	float: left;
	padding-top: 25px;
	width: 300px;
}

.member_name h4{
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.loading{
	text-align: center;
	margin-top: 10px;
}

.loading2{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 16px;
}

#admin_options{
	width: 80%;
	margin: 0px auto;
}

#error_message{
	color: red;
	text-align: center;
	padding: 10px;
}