body		{margin: 0 0 0 0; color:black; background: white; padding: 0 0 0 0;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%;
			width: 825px; div align: center}

table		{margin: 0 0 0 0; padding:0 0 0 0;}
table td	{padding: 0 0 0 0; vertical-align: top;}
a:link 		{color: #550097;}
a:visited 	{color: #550097;}

div.homelinkimg		 {position:absolute; left:0px; top:0px; z-index: 1;}
div.homelinkimg a:hover { outline: none; }	 

div.furloughlinkimg		 {position:absolute; left:0px; top:130px; z-index: 1;}
div.furloughlinkimg a:hover { outline: none; }	

#main1 {
		margin:0; padding:0;
		background:#CDBCDA url("images/CDBCDA160.gif") top left repeat-y;
		}
#main2 {
		margin:0; padding:0;
		background:url("images/CDBCDA245.gif") top right repeat-y;
		}

#left {
		TOP: 180px; 
		float:left;
		width:160px;
		margin:0; padding:0;
		font-size:80%;
		}
		
#right {
		vertical-align: top; 
		float:right;
		width:220px;
		margin:0 0 0 0; padding:0 0 0 0;
		font-size:80%;
		TOP: 180px;font-size: 85%; 
		margin-left: 0.5em;
		}
.gecko #right {
		vertical-align: top; 
		float:right;
		width:220px;
		margin:0 0 0 0; padding:0 1.5em 0 0;
		font-size:80%;
		TOP: 180px;font-size: 85%; 
		margin-left: 0.5em;
		}
		
.column-in {
		margin:0; padding:0.5em 1em;
		}

div#dropdownMenus	{background-color: #666666; font: 85% Arial, Helvetica, Verdana, sans-serif; color: white; font-weight: bold;
					vertical-align: middle; padding: 5px 0 5px 173px; ; overflow: hidden; }
div#dropdownMenus a:link {color: #ffffff; text-decoration: none}
div#dropdownMenus a:visited 	{color: #ffffff; text-decoration: none}

h2 { text-align:left; COLOR: #550097; font-weight: bold; }

p#todaysHours {text-align: center; margin: 0.75em 1em 2.5em 1em; }

div#HowDoI		{border-bottom: #550097 solid 2px; margin:1.5em 1.0em 1em 1.5em; }
div#siteSearch		{border-bottom: #550097 solid 2px; margin:0.5em 1.0em 1em 1.5em;
					font-size: 90%; line-height: 1.25em;}
div#searchbox	{border-bottom: #550097 solid 2px; margin:0.5em 1.0em 1em 1.5em;
					font-size: 90%; line-height: 1.25em;}
					
.gecko div#HowDoI		{border-bottom: #550097 solid 2px; padding:1.5em 1em 1.5em 0; margin-left: 0;}
.gecko div#siteSearch		{border-bottom: #550097 solid 2px; padding:0.5em 1em 1.5em 0;margin-left: 0;
							font-size: 90%; line-height: 1.25em;}
.gecko div#searchbox	{border-bottom: #550097 solid 2px; padding:1.5em 1em 1.5em 0; margin-left: 0;
						font-size: 90%; line-height: 1.25em;}
td#graphiclinks	{height: 0; padding: 15px 0 25px 0;} 

img.pdfimage {width:17px; height:15px; border-width: 0 0 0 0;}
				
ol.smUpAlpha {list-style: upper-alpha; font-size:95%; font-weight:normal; color:black;}


/********************************************************************************************************
***********************   New styles for main web site     **********************************************
*********************************************************************************************************/
div#topBanner	{ background-color: #540199; overflow: hidden; width: 100%}
div.mainMenu	{margin-top: 1.5em; color: black;}
div.mainMenuItem {display: block; text-align: left; color: black; text-decoration: none; background-color: white; 
			   margin: 0.2em 1em 0.2em 1em; padding: 0.25em; 
			   font-size: 90%; font-weight: bold; font-family:  Arial, Helvetica, Verdana, sans-serif; font-size: 100%; 
			   background-image: url("images/smallRedDot.jpg"); background-position: center left;
			   background-repeat: no-repeat;}
div.mainMenuItem a {color: black; text-decoration: none; padding-left: 25px;}
p#menuHolder	{height: 320px; width: 130px; }
p#menuHolder2	{height: 47px; width: 130px; }
div#newsletter	{text-align: center; padding: 3em 1em 1em 1em; }

p.centered {text-align: center; }
span.LargeTxt	{font-size: 150%;}
img.noborder {border-width: 0 0 0 0; }

div#eventsTopImg	  {float:left;}
div#eventsLinks		  {float: left; text-align: left; height: 160px;
					   padding-top: 1em; padding-right: 1em; font-size: 80%; margin-left: -25px;}
div#eventsLinks	a	  {color: white;}

/********************************************************************************************************
********************       For center column ************************************************************
*********************************************************************************************************/
div#middleTxt, div#RightTxt2col {
		margin-top: 0;
		background:white;
		vertical-align: top; 
		font-size:95%;
		text-align:left; 
		font-weight: normal; color:black;
		margin-left: 160px;
		}

div#middleTxt  {
			   margin-right: 250px;
			   }

div#middle table	{margin: 0.25em 1em 0.5em 15px;}


div.hasForm	{
	display: block;
	position: relative;
	top: 894px;
}

div.mainTopic	{text-align: left; FONT-SIZE: 110%; padding-left: 1em; padding-right: 1em;
				display: block;} 
div.mainTopic h2 {text-align: left; COLOR: #550097; FONT-SIZE: 100%; text-decoration: none;		
			  	  border-bottom: solid 1px; display: block;} 
div.mainTopic p {text-align: left; COLOR: black; FONT-SIZE: 95%; } 

span.smLabel	{font-size: 75%;}
div.FYITopic	{text-align:left; padding: 0.5em 1em 1em 1em; FONT-SIZE: 80%; } 
div.FYITopic h2	{text-align:left; COLOR: #550097; font-weight: bold; FONT-SIZE: 110%;
				border-bottom: #550097 solid 1px; } 

.gecko div.FYITopic	{text-align:left; margin: 0.5em 0.5em 1em 0.5em; FONT-SIZE: 80%; padding: 0;} 
.gecko div.FYITopic h2	{text-align:left; COLOR: #550097; font-weight: bold; FONT-SIZE: 110%;
						border-bottom: #550097 solid 1px; padding: 0;} 

img#randomimg	{height: 115px;}
td#randomimg	{padding: 10px 10px 10px 10px; text-align: right;}

p.contactus		{text-align: center; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul{ margin-top:.25em; margin-left:1em; padding-left:0px; }
ul li { list-style-image : url("images/list_bullet.gif");	font-weight: normal;
 	 margin-left: 20px;  padding-left:0.5em;; list-style-position : outside;}

span.mainTitle {display: block; margin: 1em 1em 1em 1em; text-align: left; font-size: 175%; font-weight: bold; color: #550097;}

span.subTitle {display: block; margin: 1em 1em 1em 1em; padding: 0; text-align: left; font-size: 100%; font-weight: bold; color: #550097;}

div.topPageLinks {text-align: center; padding-top: 0.75em; padding-bottom: 0.5em;}
td.times {font-size: 90%; font-weight: bold; COLOR: #550097; }
td.dayDate {font-size: 90%; font-weight: bold; padding-right: 3em; padding-bottom: 0.5em;}
td.holiday {font-size: 90%; font-weight: bold; COLOR: #550097; }

div.prevNextLinks {margin: 0.5em 0 0.5em 0; padding-bottom: 0.5em;}
div.backToArchives {text-align:center; }

img.pdfimage {width:17px; height:15px; border-width: 0 0 0 0;}

.boldLabel		{text-align:left; COLOR: #550097; FONT-SIZE: 90%; font-weight: bold;}

img.exhibitImg	{display:block; text-align: center; border-width: 0 0 0 0;}

table.databases  {margin-top: 1.5em; margin-bottom: 2em;}
table.databases td {padding-left: 2em; }

table#HAAContactInfo {margin-top: 1.5em; }
a.resourceLink	{display: block;}

ul#popularLinks li {font-style: normal; }

ul.noBold		{font-weight: normal; font-size: 90%;}

ul{ margin-top:.25em; margin-left:1em; padding-left:0px; }
ul li { list-style-image : url("images/list_bullet.gif");	font-weight: normal;
 	 margin-left: 20px;  padding-left:0.5em;; list-style-position : outside;}

/********************************************************************************************************
******************  For right column ********************************************************************
*********************************************************************************************************/
div.FYITopic	{text-align:left; margin: 0.5em 1em 1em 1em; FONT-SIZE: 80%; } 
div.FYITopic h2	{text-align:left; COLOR: #550097; font-weight: bold; FONT-SIZE: 110%;
				border-bottom: #550097 solid 1px; } 
				
/********************************************************************************************************
***********************   New styles for kids' web site    **********************************************
*********************************************************************************************************/
#kidMain1 {
		margin:0; padding:0;
		background:url("images/bugsBkgnd.jpg") top left repeat-y;
		width: 100%;
		}
#kidMain2 {
		margin:0; padding:0;
		background:url("images/FFC766245.gif") top right repeat-y;
		}

div#kidTopBanner	{ background-color: #FFB533; overflow: hidden; width: 100%;}

div#altMenu		{
				text-align: left; color: black; font-weight: bold; font-size: 120%;
				}
div#altMenu a {display: block; text-align: left; color: black; text-decoration: none; background-color: white; 
			  margin: 0.2em 1em 0.2em 1em; padding: 0.25em; }
div#altMenu a:hover {color: #FFB533;  }

/********************************************************************************************************
***********************   New styles for 'tweens' web site    **********************************************
*********************************************************************************************************/
#tweenMain1 {
		margin:0; padding:0;
		background:url("images/tweenBackground.jpg") top left repeat-y;
		}
#tweenMain2 {
		margin:0; padding:0;
		background:url("images/99CC99245.gif") top right repeat-y;
		}

div#tweenTopBanner	{background-color: #339933; overflow: hidden; width: 100%;}

/********************************************************************************************************
***********************   New styles for teens' web site    *********************************************
*********************************************************************************************************/
#teenMain1 {
		margin:0; padding:0;
		background:url("images/CirclesBkgnd.jpg") top left repeat-y;
		}
#teenMain2 {
		margin:0; padding:0;
		background:url("images/CCCCCC245.gif") top right repeat-y;
		}
		
div#teenTopBanner	{ background-color: #CC0000; overflow: hidden;; width: 100%;}

/********************************************************************************************************
***********************   New styles for virtual tour pages    ******************************************
*********************************************************************************************************/
div.vtour		  { padding: 0 0 0 0; margin: 0 0 0 0; width: 99%; }																					  
div.vtourLeft     {float: left; margin: 2em 0 0 0;  padding: 0 0 0 0; width: 50px;}
div.vtourMiddle	  {float: left; width: 460px; height: 340px; margin: 2em 0 0 0px; padding: 0 0 0 0; text-align: left;}
div.vtourRight	  {float: left; margin: 2em 1em 0 0 ;  padding: 0 0 0 0; text-align: left; width: 150px;}
div.vtourArrow	  {float:left; vertical-align: top; margin: 0 0 0 0;  padding: 0 0 0 0;  }
div.vtourText	  {float: left; width: 460px; margin: 0 0 0 0; padding: 0 0  0; text-align: left; vertical-align: top; }


/********************************************************************************************************
***********************   Previous styles for web site    ***********************************************
*********************************************************************************************************/
.hT {
	COLOR: #550097
}
.hTB {
	FONT-WEIGHT: bold; COLOR: #550097; font-size: 90%
}
.timeFt {
	FONT-WEIGHT: bold; FONT-SIZE: small; COLOR: #550097
}
.fT {
	FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif
}
.hTH {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #550097
}
.clCMEvent {
	LEFT: 0px; VISIBILITY: visible; WIDTH: 99%; POSITION: absolute; TOP: 0px; HEIGHT: 99%
}
.clCMAbs {
	LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
.clT {
	BORDER-RIGHT: #550097 0px solid; PADDING-RIGHT: 4px; BORDER-TOP: #550097 0px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #550097 0px solid; WIDTH: 80px; CURSOR: pointer; PADDING-TOP: 4px; BORDER-BOTTOM: #550097 0px solid; FONT-FAMILY: arial,helvetica,serif; POSITION: absolute
}
.clTover {
	BORDER-RIGHT: #550097 0px solid; PADDING-RIGHT: 4px; BORDER-TOP: #550097 0px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #550097 0px solid; WIDTH: 80px; CURSOR: pointer; PADDING-TOP: 4px; BORDER-BOTTOM: #550097 0px solid; FONT-FAMILY: arial,helvetica,serif; POSITION: absolute
}
.clT {
	COLOR: #550097; BACKGROUND-COLOR: #d3d3d3
}
.clTover {
	COLOR: #ff3932; BACKGROUND-COLOR: #d3d3d3
}
.clB {
	COLOR: #000000; POSITION: absolute; BACKGROUND-COLOR: #ffffff
}
.clB1 {
	COLOR: #000000; POSITION: absolute; BACKGROUND-COLOR: #996600
}
.clBar {
	VISIBILITY: hidden; WIDTH: 10px; COLOR: #000000; POSITION: absolute; HEIGHT: 10px; BACKGROUND-COLOR: #336699
}
.button {
	BORDER-RIGHT: #550097 1px solid; BORDER-TOP: #ededed 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #d3d3d3; BORDER-LEFT: #ededed 1px solid; CURSOR: pointer; COLOR: #550097; BORDER-BOTTOM: #550097 1px solid; HEIGHT: 18px; TEXT-DECORATION: none
}
.button_selected {
	BORDER-RIGHT: #550097 1px solid; BORDER-TOP: #ededed 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #d3d3d3; BORDER-LEFT: #ededed 1px solid; CURSOR: pointer; COLOR: #550097; BORDER-BOTTOM: #550097 1px solid; HEIGHT: 18px; TEXT-DECORATION: none
}
.rpa_bg {
	BACKGROUND-POSITION: 330px 50%; BACKGROUND-IMAGE: url("images/rpa_bg.jpg"); BACKGROUND-REPEAT: no-repeat
}
.hcym_bg {
	BACKGROUND-POSITION: 0px 50px; BACKGROUND-IMAGE: url("http://www.howelllibrary.org/library/ys_redesign/hcym_final_bg.jpg"); BACKGROUND-REPEAT: no-repeat
}
.exp_q_bg {
	BACKGROUND-POSITION: 0px 0px; BACKGROUND-IMAGE: url("http://www.howelllibrary.org/library/expansion/expv_q_bg.jpg"); BACKGROUND-REPEAT: no-repeat
}
.about_bg {
	BACKGROUND-IMAGE: url("http://www.howelllibrary.org/about/about_bg.jpg"); BACKGROUND-REPEAT: no-repeat
}
#weather {
	Z-INDEX: 1; LEFT: 5px; POSITION: absolute; TOP: 605px
}