/* This layout uses fixed width for the container. */

/* BODY STYLES */



body 			{text-align: center;
			background-color: #337799;
			padding: 0; 
			margin: 0} 


/* CONTAINER STYLES*/

#container 		{width: 1017px; /* this was 1000 */
			margin-left: auto; 
			margin-right: auto; 
			text-align: left;
			background-color: #FFFFFF}




/* BANNER STYLES */

#banner 		{padding: 0px;
			border-top: solid 4px #660000;
			border-bottom: solid 4px #660000; /* I like the border-top on the banner. Looks fine. -wph */
			background-color: #D9EAF2}

#banner a		{text-decoration: none}

#banner a:visited	{text-decoration: none}		


#banner a:hover		{text-decoration: none}


#banner img		{border: none}

/*END BANNER STYLES*/

/*TITLE STYLES*/


 .title 		{font-size: 2em;
			font-family: arial, tahoma, sans-serif;
			font-weight: bold;
			letter-spacing: 2px;
			color: #660000;
			padding-top: 10px;
			margin-top: 0px;
			padding-left: 170px}

.motto			{font-size: .85em;
			font-family: arial, tahoma, sans-serif;
			font-style: italic;
			padding-left: 275px} 
			

			
			

.mission 		{font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			font-style: italic;
			text-align: center;
			margin-top: 0px;
			margin-left: 40px;
			margin-right: 40px;
			margin-bottom: 15px}

.navbarsubtitle		{font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			color: #660000;
			font-weight: bold;
			margin-bottom: -5px;
			margin-top: -5px}
			

.subtitle		{font-size: 1.5em;
			font-family: arial, tahoma, sans-serif;
			font-weight: bold;
			text-align: center;
			margin-top: 0px;
			margin-bottom: 25px}

.columntitle		{font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			text-align: left;
			margin-right: 20px;
			margin-top: 8px;
			padding-left: 0px}

.columntitle2		{font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			text-align: center;
			margin-top: 8px;
			padding-left: 0px}

.columntitlered		{font-size: 1.25em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			font-weight: bold;
			color: #660000;
			text-align: left;
			margin-right: 30px;
			margin-top: 25px;
			padding-left: 5px}

.columntitleblack		{font-size: 1.25em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			font-weight: bold;
			text-align: left;
			margin-right: 30px;
			margin-top: 25px;
			padding-left: 5px}

.colcnttitlered		{font-size: 1.25em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			font-weight: bold;
			color: #660000;
			text-align: center;
			margin-right: 30px;
			margin-top: 25px;
			padding-left: 5px}

.sectiontitle		{font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			color: #660000;
			text-align: left;
			margin-right: 30px;
			margin-top: 5px;
			padding-left: 5px}

.quote			{font-size: 1.25em;
			font-family: arial, tahoma, sans-serif;
			font-style: italic;
			font-weight: bold;
			color: #2E6B38;
			text-align: center;
			margin-right: 30px;
			margin-top: 5px;
			margin-bottom:-10px;
			padding-left: 0px}

#linktitle		{font-size: 1.25em;
			font-family: arial, tahoma, sans-serif;
			font-style: normal;
			font-weight: bold;
			color: #000000}

#a id			{text-decoration: none;
			color: #000000}

#a id:visited		{color: #000000;
			text-decoration: none}

#a id:hover		{color: #086391;
			text-decoration: underline}

/* END TITLE STYLES*/

/* NAVBAR STYLES */

/* horizontal navbar top of page under banner */

#navbar 		{/*clear: left; */
			text-align: center;
			padding-top: 5px;
			padding-bottom: 5px;
			font-family: arial, tahoma, sans-serif;
			font-weight: bold;
			border-bottom: solid 4px #660000}

/* main left side navbar */

#navbar2		{float: left;
			width: 238px;
			background-image: url(../images/navbarblue2.jpg);
			background-repeat: repeat-y;
			font-family: arial, tahoma, sans-serif;
			font-weight: normal;
			line-height: 22px;
			padding-top: 22px;
			padding-left: 10px}

#navbar2 img		{border: solid 1px #660000}

/* left side navbar for pages that use full width at lower portion */


#navbar3		{float: left;
			width: 244px;
			background-image: url(../images/navbarblue.jpg);
			background-repeat: repeat-y;
			font-family: arial, tahoma, sans-serif;
			font-weight: normal;
			line-height: 27px;
			border-right: solid 4px #660000;
			padding-top: 25px;
			padding-left: 10px}

#navbar3 img		{border: solid 1px #660000}



/* NAVBAR MENU STYLES */


#navbar ul 		{margin: 0px;
			padding: 0px;
			list-style-type: none;
			list-style-image: none}


#navbar li		{display: inline;
			margin-left: 21px;
			margin-right: 21px}




#navbar a		{padding-bottom: 5px;
			text-decoration: none;
			color: #000000}


#navbar a:visited	{color: #000000}		


#navbar a:hover		{text-decoration: underline;
			color: #086391}

#navbar div		{text-align: left}




#navbar2 ul 		{margin-top: 3px;
			padding-left: 0px;
			padding-right: 15px;
			padding-bottom: 0px;
			list-style: none}

#navbar2 li		{padding-bottom: 0px}

#navbar2 a		{text-decoration: none;
			color: #000000}

#navbar2 a:visited	{color: #000000}		


#navbar2 a:hover	{text-decoration: underline;
			color: #086391;
			font-weight: bold}



#navbar2 div		{text-align: left}



#navbar3 ul 		{margin-top: 3px;
			padding-left: 0px;
			padding-right: 15px;
			padding-bottom: 0px;
			list-style: none}

#navbar3 li		{padding-bottom: 0px}

#navbar3 a		{text-decoration: none;
			color: #000000}

#navbar3 a:visited	{color: #000000}		


#navbar3 a:hover	{text-decoration: underline;
			color: #086391;
			font-weight: bold}



#navbar3 div		{text-align: left}



.chosen			{color: #660000;
			font-weight: bold}


.weatherbox		{text-align: center;
			padding-left: 10px;
			margin-top: 10px;
			margin-bottom: 40px}

.indeedbox		{text-align: center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding-left: 25px;
			padding-bottom: 10px;
			margin-top: 60px;
			margin-bottom: 170px;
			background-color:#D9EAF2}

.worldbookwidgets	{background-color: #D9EAF2;
			padding-left: 25px; 
			margin-top: 10px;
			margin-bottom: 10px}


.myoclcbox     		{background-color: #E6D5B3; 
			padding-left: 25px;
			margin-top: 20px;
			margin-bottom: 25px;
			margin-right: 25px}


/* CONTENT STYLES */

/* main content style for page with navbar2 extending fully to bottom of page */

#content	 	{font-family: arial, tahoma, sans-serif;
			padding: 20px;
			padding-bottom: 30px;
			width: 725px;
			float: right;
			border-left: solid 4px #660000}


#content a		{font-weight: bold;
			text-decoration: none;
			color: #086391}

#content a:visited	{color: #086391;
			text-decoration: none}

#content a:hover	{text-decoration: underline}


/* content2 style for short left side #navbar3 then #fullcol to finish end of page */

#content2	 	{font-family: arial, tahoma, sans-serif;
			padding: 20px;
			padding-bottom: 30px}


#content2 a		{font-weight: bold;
			line-height: 30px;
			padding-bottom: 5px;
			padding-left: 0px;
			text-decoration: none;
			color: #086391}

#content2 a:visited	{color: #086391;
			text-decoration: none}

#content2 a:hover	{text-decoration: underline}


#calendar		{text-align: center}

.button			{width: 220px;
			float: left;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-left: 20px;
			margin-top: -5px;
			margin-bottom: 20px;
			padding-top: 3px;
			padding-bottom: 3px;
			font-family: arial, tahoma, sans-serif;
			text-align: center;
			font-weight: bold;
			background-color:#D9EAF2;
			border: solid 1px #660000}

.button a		{text-decoration: none;
			color: #000000}

.button a:visited	{color: #000000;
			text-decoration: none}

.button a:hover		{color: #086391;
			text-decoration: underline}


.navbut			{width: 197px;
			float: left;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-left: 23px;
			margin-bottom: 20px;
			padding: 5px;
			font-family: arial, tahoma, sans-serif;
			text-align: center;
			font-weight: normal;
			background-color:#D9EAF2;
			border: solid 1px #660000}


.navbut a		{text-decoration: none;
			color: #000000}

.navbut a:visited	{color: #000000;
			text-decoration: none}

.navbut a:hover		{color: #086391;
			text-decoration: underline}


.navbut4		{width: 140px;
			float: left;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-left: 23px;
			margin-bottom: 20px;
			padding: 5px;
			font-family: arial, tahoma, sans-serif;
			text-align: center;
			font-weight: normal;
			background-color:#D9EAF2;
			border: solid 1px #660000}


.navbut4 a		{text-decoration: none;
			color: #000000}

.navbut4 a:visited	{color: #000000;
			text-decoration: none}

.navbut4 a:hover	{color: #086391;
			text-decoration: underline}


.dblcntbut		{width: 200px;
			float: left;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-left: 55px;
			margin-bottom: 20px;
			padding: 5px;
			font-family: arial, tahoma, sans-serif;
			text-align: center;
			font-weight: normal;
			background-color:#D9EAF2;
			border: solid 1px #660000}


.dblcntbut a		{text-decoration: none;
			color: #000000}

.dblcntbut a:visited	{color: #000000;
			text-decoration: none}

.dblcntbut a:hover	{color: #086391;
			text-decoration: underline}


.minibutton		{width: 45px;
			float: right;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 300px;
			padding: 1px;
			font-family: arial, tahoma, sans-serif;
			text-align: center;
			font-size: .75em;
			background-color:#D9EAF2;
			border: solid 1px #660000}

.minibutton a		{font-weight: bold;
			line-height: 30px;
			padding-bottom: 5px;
			padding-left: 0px;
			text-decoration: none;
			color: #000000}

.minibutton a:visited	{color: #000000;
			text-decoration: none}

.minibutton a:hover	{color: #086391;
			text-decoration: underline}


 
#maincol		{width: 410px;
			float: left;
			margin-left: 5px;
			margin-right: 20px;
			padding-left: 10px;
			padding-right: 20px}

#maincol ul		{list-style-type: none;
			list-style-position: outside} 

#maincoljfy		{width: 410px;
			float: left;
			text-align: justify;
			margin-left: 5px;
			margin-right: 20px;
			margin-top: 0px;
			margin-bottom: 10px;
			padding-left: 10px;
			padding-right: 20px}

#maincoljfy ul		{list-style-type: none;
			list-style-position: outside} 

#maincoljfy img		{border: solid 3px #4D4D4D}


#secondcol		{width: 235px;
			float: left;
			margin-right: 5px;
			padding-left: 10px;
			padding-right: 10px}

#secondcol ul		{list-style-type: none;
			list-style-position: inside}



#secondcolg		{width: 235px;
			float: left;
			line-height: 1.25em;
			margin-right: 5px;
			padding-left: 0px;
			padding-right: 10px}

#secondcolg ul		{list-style-type: none;
			list-style-position: outside}


#maincolcentered	{width: 250px;
			float: left;
			text-align: center;
			margin-left: 10px;
			padding: 0px}

#maincolcentered h3	{margin-bottom: -15px}

#requestcol		{width: 380px;
			float: left;
			margin-left: 70px;
			margin-right: 10px;
			padding: 0px}

#requestcol h3		{margin-bottom: -15px}


.tablecol2		{padding-right: 40px}


.coltable		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-bottom: 10px}

.coltable2		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 45px}

.coltable2v		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 55px}


.coltable3		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 30px;
			margin-left: 60px}


.coltable3cf		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 30px;
			margin-left: 85px}

.coltable4		{font-weight: normal;
			background-color: #D9EAF2;
			border: solid 2px #660000;
			padding: 10px;
			margin-top: 10px;
			margin-bottom: 30px;
			margin-left: 90px}


#altcol			{width: 300px;
			float: left;
			margin-left: 0px;
			padding: 10px}

#altcoljt		{width: 300px;
			text-align: justify;
			float: left;
			margin-left: 0px;
			padding: 10px}

#altseccol		{width: 340px;
			float: right;
			margin-left: 20px;
			margin-right: 10px;
			padding: 10px}

.altcoltable		{font-weight: normal;
			padding: 10px;
			margin-bottom: 10px}

#bookbanner		{clear: both;
			text-align: left;
			margin-bottom:50px;
			float: left}

.dblcolleft		{width: 320px;
			text-align: justify;
			line-height: 1.5em;
			float: left;
			margin-left: 10px;
			padding: 5px}



.dblcolrght		{width: 320px;
			text-align: justify;
			line-height: 1.5em;
			float: left;
			margin-left: 45px;
			margin-right: 10px;
			padding: 5px}


.dblclleft		{width: 315px;
			text-align: left;
			float: left;
			margin-top: -20px;
			padding: 5px}

.dblclleft ul		{list-style-type: none;
			list-style-position: inside} 



.dblclrght		{width: 335px;
			text-align: left;
			float: left;
			margin-top: -20px;
			margin-left: 22px;
			margin-right: 10px;
			padding: 5px;
			padding-left: 20px;
			padding-top: -10px;
			border-left: solid 2px #660000}

.dblclrght ul		{list-style-type: none;
			list-style-position: inside} 


.trplcolleft		{width: 210px;
			text-align: left;
			line-height: 1.5em;
			float: left;
			margin-left: -5px;
			padding-left: -5px;
			padding: 5px}

.trplcolleft ul		{list-style-type: none;
			list-style-position: outside}



.trplcolcent		{width: 210px;
			text-align: left;
			line-height: 1.5em;
			float: left;
			margin-left: -5px;
			padding-left: -5px;
			padding: 5px}

.trplcolcent ul		{list-style-type: none;
			list-style-position: outside}


.trplcolrght		{width: 240px;
			text-align: left;
			line-height: 1.5em;
			float: left;
			margin-left: -5px;
			padding-left: -5px;
			padding-top: 5px:
			padding-bottom: 5px}

.trplcolrght ul		{list-style-type: none;
			list-style-position: outside}




#spancol		{width: 700px;
			text-align: left;
			line-height: 1.5em;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			padding: 5px}



.span			{width: 700px;
			text-align: left;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 5px}



.spanc			{width: 700px;
			text-align: center;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 5px}

#spancolnavbut		{width: 700px;
			text-align: left;
			line-height: 1.5em;
			float: left}


.spanctrcol		{width: 700px;
			text-align: justify;
			line-height: 1.5em;
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			padding: 5px}

.spanctrcol ul		{list-style-type: none;
			list-style-position: inside}


#spancol ul		{list-style-type: none;
			list-style-position: inside}

.oldsc			{list-style-type: disc;
			list-style-position: outside}  

.olnmb			{list-style-type: decimal;
			list-style-position: outside} 

.olupal			{list-style-type: upper-alpha;
			list-style-position: outside}

.ollwal			{list-style-type: lower-alpha;
			list-style-position: outside}

.ollwrm			{list-style-type: lower-roman;
			list-style-position: outside}

#fullcol		{clear: both;
			text-align: center;
			width: 950px}

#altsecspcol		{width: 300px;
			float: left;
			margin-left: 20px;
			margin-right: 0px;
			padding: 5px}

#doublecol		{width: 385px;
			float: left;
			margin-left: 20px;
			margin-right: 50px;
			padding: 10px}

#doublecol ul		{list-style-type: none;
			list-style-position: inside} 

#doublecol2		{width: 389px;
			float: right;
			margin-left: 10px;
			margin-right: 20px;
			padding-top: 10px;
			padding-left: 80px;
			border-left: solid 2px #660000}

#doublecol2 ul		{list-style-type: none;
			list-style-position: inside} 

.bold			{font-weight: bold}

.fulldivider		{clear: both;
			text-align: center;
			width: 950px;
			border-top:solid 2px #660000;
			border-bottom: solid 2px #660000;
			padding-top: 5px;
			padding-bottom: 10px;
			margin-top: 30px}
			

.ornredbar		{text-align: center;
			margin-top: -18px;
			margin-bottom: 8px;
			margin-left: -5px}

.smalldiv		{text-align: center;
			margin-top: 50px;
			padding-top: 45px;
			margin-bottom: 13px}

.smalldiv2		{text-align: center;
			margin-top: 10px;
			margin-left: -10px;
			padding-top: 5px;
			margin-bottom: 15px}

.smalldivns		{text-align: center;
			margin-top: 10px;
			padding-top: 5px;
			margin-bottom: 13px}




/* FOOTER STYLES */

#footer 		{clear: both;
			font-size: 1em;
			font-family: arial, tahoma, sans-serif;
			line-height: 125%;
			text-align: center;
			background-color: #D9EAF2;
			border-top: solid 4px #660000;
			font-family: arial, tahoma, sans-serif;
			font-weight: bold;
			padding: 10px;}


#footer a		{font-weight: bold;
			line-height: 30px;
			padding-bottom: 5px;
			padding-left: 0px;
			text-decoration: none;
			color: #086391}

#footer a:visited	{color: #086391;
			text-decoration: none}

#footer a:hover		{text-decoration: underline}


/*IMAGE FLOAT */

/* .imgright		{clear: both;
			float: right; 
			margin-right: 0px;
			margin-left: 15px;
			margin-top: 0px;
			margin-bottom: 15px} */



/*.imgbanright		{clear: both; 
			float: right;
			margin-right: 0px;
			margin-top: -97px;
			vertical-align: top} */


.imgleft		{float: left;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px} 
			
.imgright		{float: right;			
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px}

.imgright2		{float: right;			
			margin-right: 0px;
			margin-left: 10px}			

.imgleft2		{float: left;
			margin-right: 0px;
			margin-left: 20px;
			margin-top: 50px;
			vertical-align: top}


.imgleft3		{float: left;
			margin-right: 20px;
			margin-left: 0px;
			margin-top: 30px;
			vertical-align: top}

.imgleft4		{float: left;
			margin-right: 20px;
			margin-left: 0px;
			margin-top: 1px;
			margin-bottom: 5px;
			vertical-align: top}

.imgleft5		{float: left;
			margin-right: 50px;
			margin-left: 0px;
			margin-top: 1px;
			margin-bottom: 5px;
			vertical-align: top}

.imgleft6		{float: left;
			margin-right: 20px;
			margin-left: 0px;
			margin-top: 1px;
			margin-bottom: 0px;
			vertical-align: top}

.imgleft7		{float: left;
			margin-right: 20px;
			margin-left: 0px;
			margin-top: 1px;
			vertical-align: left}

.imgleft8		{float: left;
			margin-right: 20px;
			margin-left: 0px;
			margin-top: 1px;
			padding-right: 8px;
			vertical-align: left}


.imgleft10		{float: left;
			margin-right: 10px;
			margin-left: 0px;
			margin-top: 0px} 

.imgovd			{float: left;
			padding-bottom: 20px;
			padding-right: 85px;
			margin-right: 0px;
			margin-left: 0px;
			margin-top: 0px} 


.imgleftnav		{text-align: center;
			margin-top: 10px;
			margin-bottom: 20px;
			padding-bottom: 3px} 


.imgleftnav2		{text-align: center;
			margin-top: 10px;
			margin-bottom: 80px;
			padding-bottom: 3px}

.imgnavext		{float: left;
			margin-top: 20px;
			vertical-align: top}

.imgwhnxt		{float: left;
			margin-bottom: -20px;
			padding-left: 3px}
			


.imgaltcol		{float: left;
			margin-right: 0px;
			margin-left: 27px;
			margin-top: 23px;
			vertical-align: top}

.aligncent		{margin-top: 25px;
			margin-bottom: 20px;
			margin-left: 50px}

.imgfocoevent		{text-align: center;
			padding-bottom: 10px}



#content img		{position: relative;
			margin-top: 10px}

#content2 img		{position: relative;
			margin-top: 10px}

.contimgpd		{padding-top: 15px;
			padding-bottom: 30px}



.imgborder2		{border: solid 6px #086391;
			background-color: #D9EAF2;
			padding-bottom: 10px}

.imgborderdkgray	{border: solid 1px #4D4D4D;
			text-align: center}

.clearfloats	{clear: both}