/*Style sheet for the new look OJPL */

@font-face {  
	  font-family: Baiju;  
	  src: url( "images/Baiju.otf") format("opentype");  
	}

body	{
	background: url("images/banana.jpg");
	font-family: Baiju,"Lucida Grande","Lucida Sans Unicode","Arial Unicode MS",Helvetica,sans-serif;
	text-align:center;
}

img	{
	max-width: 100%;
}

.container	{
	width: 800px;
	margin: auto;
}

#banner	{
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	border: solid;
	background: white;		
}

#banner h1	{
	font-family: Baiju;
	font-size: 1.5em;
	margin: 0px 0px 0px 5px;
	color: red;
}

#banner h3	{
	font-family: monospace;
	font-size: 1.2em;
	margin: 0px 0px 0px 5px;
	color: #333333;
}

#redesign	{
	float: right;
	padding: 3px;
	background: red;
	color: yellow;
	text-align: center;
}

#globalNav	{
	background: blue;
	border: solid;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 200px;
}

#globalNav a	{
	display: block;
	padding: 3px;
	border: solid thin;
	text-decoration: none;
	color: white;
}

#globalNav a:hover	{
	background: gray;
}

#globalNav a.urhere	{
	background: gray;
}

#content	{
	float: right;
	width: 560px;
	border: solid;
	background: orange;
	padding: 5px;
	margin-bottom: 5px;
	font-family: monospace;
}

.columnLeft	{
	float: left;
	width: 49%;
}

.columnRight	{
	float: right;
	width: 49%;
}

.module	{
	width: 260px;
	text-align: left;
	border: solid thin;
	padding: 5px;
	float: left;
	clear: left;
	background: white;
	margin-bottom: 5px;
}

.module h1	{
	font-size: 1.5em;
	margin: 0px 0px 5px 0px;
	color: green;
}

#sideBar	{
	clear: left;
	float: left;
	width: 200px;
	margin-right:5px;
	margin-bottom: 5px;
	border: solid;
	background: green;
}

#footer	{
	clear: both;
	background: yellow;
	margin-top: 15px;
	border: solid;
	padding: 3px;
}

#footer	img	{
	height: 1em;
}

#query	{
	width: 100%;
}

.funFactImage	{
	float: left;
}

.funFactText	{
	margin: 0px 0px 0px 5px;
	float: left;
	width: 200px;
}

#content.about	{
	background: url("images/jacobdrive.jpg");
}

#content.catalog	{
	background: url("images/rugelach.jpg");
}

#content.branches	{
	background: url("images/orangeplate.jpg");
}

#content.eresources	{
	text-align: left;
	padding: 5px;
	background: purple;
}

#content.eresources a:visited	{
	color: blue;
}

#sidebar.eresources	{
	padding: 5px;
}

#outerside	{
	background-image: url(images/mywallandstuff.jpg);
	height: 800px;
}

#content.armadillo	{
	position: relative;
	background: url(images/armadillo_background.png);
	padding: 0px;
	height: 396px;
	width: 422px;
}

#armadillo	{
	display: block;
	position: absolute;
	height: 396px;
	width: 422px;
}

#bannerTwo	{
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	border: solid;
	background: white;		
}

#bannerTwo h1	{
	font-family: Baiju;
	font-size: 1.5em;
	margin: 0px 0px 0px 5px;
	color: red;
}

#bannerTwo h3	{
	font-family: monospace;
	font-size: 1.2em;
	margin: 0px 0px 0px 5px;
	color: #333333;
}

#babka	{
	text-decoration: none;
	border: none;
}

#author	{
	text-decoration: none;
	border: none;
}

#crafts	{
	text-decoration: none;
	border: none;
}

#moviePlayer	{
	float: right;
	border: solid;
	padding: 5px;
	background: white;
	font-family: monospace;
}

#sideBar.moviesSide	{
	clear: left;
	float: left;
	width: 240px;
	margin-right:5px;
	margin-bottom: 5px;
	border: solid;
	background: url(images/test.jpg);
	height: 500px;
}

#moviePlayer div.module	{
	width: 500px;
	height: 100px;
	background: url(images/test.jpg);
}