@import "style.css";

/*

The body properties

*/

body{

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	text-align: center;



	}



* 	{

	margin: 0;

	padding: 0;

	}



/*

Layout of the pages.

#main is the main container of the page

#logo is the position of the logo

#clear remove any floats

#image is the container for large image on home page

#bataan is the container for the Bataan Collection

#bataan text is position of the text for the Bataan Collection

#insidecontent is the container for text/images on the inside pages

#footer location of the footer on the home page

#footerinside is the location of footer on inside pages.

*/



#main {

	position:relative;

	left:210px;

	top:40px; /* changed from 100px */

	width:500px;

	}



#logo {

	position: absolute;

	top: 15px;

	left: 10px;

	width: 200px;

	height: 50px;

	color: #ffffff;

	}



#clear {

	clear:both;

}



/*
=========================
*/

.mkClear {
clear: both;
height: 0px;
overflow: hidden
}

#alertBanner {
margin-bottom: 20px
}

#image {
margin-bottom: 20px;
}

#bataanWrap {
margin-bottom: 10px;
overflow: auto;
width: 500px
}
#bataan {
float: left;
width: 130px
}
#bataantext {
float: left;
width: 340px
}
#TumbleBookLibrary {
line-height: 18px;
margin-bottom: 10px
}
#learningExpressLibrary {
line-height: 18px;
margin-bottom: 10px
}

#insidecontent {}

#footerinside {}

#viewer {}

#ccontainer {
overflow: auto;
padding: 10px;
width: 480px
}
#column1 {
float: left;
width: 166px
}
#column2 {
float: left;
width: 166px
}
#column3 {
float: left;
width: 166px
}



#form {

	width:500px;

	position:relative;

	padding:10px;

	height:280px;

	}



#FormL {

	position:relative;

	width:100px;

	left:0px;

	padding-right:5px;

	text-align:right;



	}



#FormR {

	position:absolute;

	top:10px;

	width:380px;

	left:115px;



	}





#fontSwitch{

	position:absolute;

	right: 10px;

	top:0px;

	float:right;



	}

/*

Left-Side Navigation

Blue: #3F65B2

Gray: #777777

*/

.navcontainer {

	width: 200px;

 	position: absolute;

 	left: 15px;

 	top: 80px;

 	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	}



.navcontainer ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	}



.navcontainer li{

	padding-bottom:5px;

	}



.navcontainer a {

	display: block;

	padding: 2px;

	width: 180px;

	}



.navcontainer a:link, .navlist a:visited{

	color: #3F65B2;

	text-decoration: none;

	}



.subnav a:visited, .subnav a:link {

	color: #3F65B2;

	text-decoration: none;

	margin-left:10px;

	width: 155px;

	}



.subnav{

	background-image: url(images/uloff.gif);

	background-repeat: repeat-y;

	background-position: 0 0;

	}



.navcontainer a:hover {

	color: #000000;

	}



/*

Top Navigation

*/

#nav-menu {

	width:100%;

	float:right;

	text-align:right;

	}



#nav-menu ul {

	list-style: none;

	padding: 0;

	margin: 0;

	}



#nav-menu li {

	float: right;

	color: #3F65B2;

	padding-left:5px;

	padding-right:5px;

	font-weight:bold;

	}



#nav-menu li a {

	float: right;

	color: #3F65B2;

	text-decoration: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	}



#nav-menu li a:hover {

	color: #000000;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	}



/* Hide from IE5-Mac \*/

#nav-menu li a {

	float: none

	}

/* End hide */

#nav-menu {

	width:30em

	}



/*

Various Text Styles used on pages

.address is the address on the home page

.addressin is the address on the internal pages.

.h4inside the blue headers on the inside pages

.h6inside the subheaders of various inside pages

*/

.address {

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #000000;

	text-align:center;

	padding:5px;

	}



.addressin {

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #000000;

	text-align:center;

	padding:5px;

}



.cutline {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #000000;

	text-align:justify;

	padding:5px;

	width:100%;

	}



.remembering {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #000000;

	text-align:left;

	padding-left:5px;

	width:100%;

	}



.rememberingRed {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #ff0000;

	text-align:left;

	padding-left:5px;

	width:100%;

	}



.h4inside {

	background-color: #3F65B2;

	padding: 5px;

	width: 100%;

	color: #ffffff;

	margin-left: 5px;

	font-family: arial, helvetica, sans-serif;

	font-size:12px;

	}

.h6inside {

	padding: 5px;

	width: 100%;

	color: #000000;

	margin-left: 5px;

	font-family: arial, helvetica, sans-serif;

	font-size:13px;

	}
	
.h6inside span {
color: #ccc;
font-size: 10px;
margin-left: 10px
}
.h6inside span em {
font-style: normal;
margin: 0 5px
}
.h6inside span a:hover {
text-decoration: underline !important
}

.ul li {

	padding:1px;

	width: 100%;

	margin-left: 15px;

	text-align:left;

	list-style-type: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	}





	/* padding: 5px;

	width: 80%;

	margin-left: 10%;

	text-align:left;

	list-style-type: square;

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	*/

.ulbull li {

	list-style-type: disc;

	margin-left: 10%;

	}



.insidetext {

	padding: 10px;

	width: 100%;

	text-align:justify;

	line-height:18px;

	}



.formtext {

	padding-right: 10px;

	width: 100%;

	text-align:right;

	line-height:18px;

	padding-bottom:10px;

	}



.formfield {

	width: 100%;

	text-align:left;

	line-height:18px;

	padding-bottom:10px;

	}





.insidetext a:link, a:visited, li a:link, li a:visited{

	padding:0px;

	color: #3F65B2;

	text-decoration: none;

	font-weight:bolder;



	}



.insidetext a:hover, li a:hover{

	color: #000000;

	text-decoration: none;

	}



.inside img {

	padding:10px;

	}





.links p{

	font-family: arial, helvetica, sans-serif;

	font-size: 10px;

	font-weight:bolder;

	}



.h3front {

	width: 100%;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size:15px;

	}



.formerror {

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #ff0000;

	text-align:left;

	padding-left:2px;

	}



/* Float from the Internet */

.floatclear {

	display:inline-block;

  	width:100%;

   	}



/* Hide from IE-mac \*/



* html .floatclear {

 	height:1%;

   width:auto;

   }



.floatclear {

	. display:table;

	}

/* End hide from IE-mac */





.floatR {

	float:right;

	padding:10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #000000;

	text-align:center;

	width:250px;

	}



.floatL {

	float:left;

	padding:10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #000000;

	text-align:center;

	width:250px;

	}



.textsize {

	color: #3F65B2;

	text-decoration: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	padding-right:4px;

	}



.font1 a {

	color: #3F65B2;

	text-decoration: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	padding-right:4px;

	}



.font1 a:hover {

	color: #000000;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight:bolder;

	padding-right:4px;

	}



.font2 a {

	color: #3F65B2;

	text-decoration: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	font-weight:bolder;

	padding-right:4px;

	}



.font2 a:hover {

	color: #000000;

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	font-weight:bolder;

	padding-right:4px;

	}



.font3 a {

	color: #3F65B2;

	text-decoration: none;

	font-family: arial, helvetica, sans-serif;

	font-size: 15px;

	font-weight:bolder;

	padding-right:4px;

	}



.font3 a:hover {

	color: #000000;

	font-family: arial, helvetica, sans-serif;

	font-size: 15px;

	font-weight:bolder;

	padding-right:4px;

	}



.searchbutton {

	vertical-align: middle;

	margin:3px 0 0 4px;

	padding:0;

	

	}



.searchbox {

		vertical-align: middle;

		font-family: "trebuchet ms", arial, sans-serif;

		text-align:left;

		font-size: 11px;

		color:#369;

		background-color: #fff;

		border: 1px solid #A5CBEB;

		width: 110px;

		height: 14px;

		margin:3px 0 0 0;

		padding:1px;

		}
/**/

#footer {
top:990px;
}