body, html {
	margin:0;
	padding:0;
	background:#ffffff;
	color:#000;
}
body {
	min-width:800px;
	max-width: 1300px;
	font-size: 100%;
}
form {
  margin-top: 5px;
  margin-bottom: 5px;
}

#nav, #sub-nav, #sidebar, #main, #footer {
	/* Use a 12px base font size with a 16px line height */
	font-size: 0.75em; /* 16px x .75 = 12px */
	line-height: 1.333em; /* 12px x 1.333 = 16px */
}
#wrap {
	background:#f6edb5;
	width: 100%;
 min-width:800px;
        max-width: 1300px;

}
.libraryheader {font-family: verdana, ariel, helvetica, sans-serif; font-size: .85em; height: 41px; width: 100%; background: #000 url(images/library_header.png) no-repeat 10px 0; color: #fff;}
.libraryheader a {color: #fff; text-decoration: none;}
.utility {float: right; margin-top: 12px; margin-right: 5px;}
.osulink {width: 230px; height: 35px; border:0; display: block; float:left;}

.librarylink {width: 230px; height: 35px; border: 0; display: block; float: left;}
#header {
	background:#b4b9b3 url(images/titleback.png) repeat-x;
	width:100%;
}
#nav {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
/*	background:#8bb6e3;*/
 background:#6398c4;

	width:100%;
}
#nav ul, #sub-nav ul {
	margin:0 0 0 225px;
	padding:0;
	list-style:none;
}
#nav li, #sub-nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a:link, #sub-nav a:link, #nav a:visited, #sub-nav a:visited, #nav a:active, #sub-nav a:active {
	color: #FFFFFF;
	text-decoration:none;
}
#nav a:hover, #sub-nav a:hover {
	color: #f76b3a;
	text-decoration: none;
	}
#sub-nav {
        font-family:Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        background:#6398c4;
        width:100%;
}       
#sidebar  a:link, #sidebar a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3f6a94;
	text-decoration:none;
	font-weight:bold;
}
#sidebar a:hover { 
	color: #f76b3a;
	text-decoration: none;
}
#sidebar a:active {
	color: #FF9900;
	text-decoration: none;
}
#sidebar {
	background:#f6edb5;
	width:215px;
	float: left;
}
#sidebar ul {
	margin-bottom:0;
	padding-top:25px;
	padding-right:20px;
	text-align:right;
	list-style:none;
}
#main { 
        background:#ffffff;
     margin-left: 225px; 
        padding-bottom: 30px;
	font-family:Arial, Helvetica, sans-serif;
        padding-top: 25px;
width; auto;
}       
#main h2 {color:#FF9900;}       
.text {padding-left: 45px;float:left; width: 45%; }
* html .text {width: 45%;}	
#map { float:right; width: 45%; margin-top: 15px;}
#map img {border: 2px solid #83a8d2;}
.logos {clear:both; padding: 30px 0; margin-left: 45px; }
.logos img {margin-right: 30px; border: 0; float: left;}
#footer {
        background:#8bb6e3;
        clear:both;
}       
#footer p {
        padding:5px 5px 5px 250px;
        margin:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#FFFFFF;
    }
.clearfix:after {content: "."; display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */