BODY {
    background-color: rgb(102, 153, 204) /* 102, 102, 204 = purple    102,153,204 logo's second leaf from left */
}
/*** NV added BODY background-colour  ***/
.form_box{
	border:1px;
	border-style:dotted;
	padding:2px;
	border-color:#999999;
}

.error_hint{
	background-color:#FFCC66;	
}	
.error{
	color:#CC0000;
	font-style:italic;
}
#footer_contact{
	color:#003366;
	font-weight:400;
}
#footer_contact a.home:active{
	color:#003366;
	font-weight:400;
	text-decoration:underline;
}
#footer_contact a.home:hover{
	color:#0099CC;
	font-weight:400;
}
#footer_contact a.home:visited{
	color:#003366;
	font-weight:400;
	text-decoration:underline;
}
#container {width:760px; margin:auto;}
#header_home {background-image:url(../images/header/home.jpg); width:760px; height:145px; display:block; background-repeat:no-repeat;}

#menu {position:relative; width:760px; height:21px; display:block;}
	
#menu a.home, #menu a.home:visited {float:left; display:block; width:91px; height:21px; background-image:url(../images/btn_home.gif); background-position:top left;}
#menu a.home:hover, #menu a.home:active {background-position:0 -21px; overflow:hidden;}

#menu a.about, #menu a.about:visited {float:left; display:block; width:99px; height:21px; background-image:url(../images/btn_about.gif); background-position:top left;}
#menu a.about:hover, #menu a.about:active {background-position:0 -21px; overflow:hidden;}

#menu a.your_account, #menu a.your_account:visited {float:left; display:block; width:96px; height:21px; background-image:url(../images/btn_account.gif); background-position:top left;}
#menu a.your_account:hover, #menu a.your_account:active {background-position:0 -21px; overflow:hidden;}

#menu a.estuff, #menu a.estuff:visited {float:left; display:block; width:94px; height:21px; background-image:url(../images/btn_estuff.gif); background-position:top left;}
#menu a.estuff:hover, #menu a.estuff:active {background-position:0 -21px; overflow:hidden;}

#menu a.kids, #menu a.kids:visited {float:left; display:block; width:97px; height:21px; background-image:url(../images/btn_kids.gif); background-position:top left;}
#menu a.kids:hover, #menu a.kids:active {background-position:0 -21px; overflow:hidden;}

#menu a.teen, #menu a.teen:visited {float:left; display:block; width:97px; height:21px; background-image:url(../images/btn_teens.gif); background-position:top left;}
#menu a.teen:hover, #menu a.teen:active {background-position:0 -21px; overflow:hidden;}

#menu a.adults, #menu a.adults:visited {float:left; display:block; width:94px; height:21px; background-image:url(../images/btn_adults.gif); background-position:top left;}
#menu a.adults:hover, #menu a.adults:active {background-position:0 -21px; overflow:hidden;}

#menu a.community, #menu a.community:visited {float:left; display:block; width:92px; height:21px; background-image:url(../images/btn_community.gif); background-position:top left;}
#menu a.community:hover, #menu a.community:active {background-position:0 -21px; overflow:hidden;}

#contentbox {width:760px; float:left; background-image:url(../images/bg_content.gif); background-repeat:repeat-y; background-color:#FFFFFF; }

#mainPage { width:760px; position:relative; top:0; left:0; margin: -18px 0px -12px -211px; padding: 0; display: block; z-index:98; }

#persona_bar{font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;text-align:center; letter-spacing:.05em;}

#subpage_about {background-repeat:no-repeat;background-image:url(../images/subpage/about.jpg); width:158px; margin-left:3px; padding:15px; float:left;}
#subpage_about a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_about a:hover{text-decoration:underline; color:#012732;}
#subpage_about ul {list-style-type: none; margin-left:-8px;	}
#subpage_about ul ul li {font-weight:normal;}

#subpage_your_account {background-repeat:no-repeat;background-image:url(../images/subpage/account.jpg); width:158px; height:300px; margin-left:3px; padding:15px; float:left;}
#subpage_your_account a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_your_account a:hover{text-decoration:underline; color:#012732;}
#subpage_your_account ul {list-style-type: none; margin-left:-8px;}
#subpage_your_account ul ul li {font-weight:normal;}

#subpage_adults {background-repeat:no-repeat;background-image:url(../images/subpage/adults.jpg); width:158px; height:300px; margin-left:3px; padding:15px; float:left;}
#subpage_adults a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_adults a:hover{text-decoration:underline; color:#012732;}
#subpage_adults ul {list-style-type: none; margin-left:-8px;}
#subpage_adults ul ul li {font-weight:normal;}

#subpage_community {background-repeat:no-repeat;background-image:url(../images/subpage/community.jpg); width:158px; height:300px; margin-left:3px; padding:15px; float:left;}
#subpage_community a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_community a:hover{text-decoration:underline; color:#012732;}
#subpage_community ul {list-style-type: none; margin-left:-8px;}
#subpage_community ul ul li {font-weight:normal;}

#subpage_estuff {background-repeat:no-repeat;background-image:url(../images/subpage/estuff.jpg); width:158px; height:300px; margin-left:3px; padding:15px; float:left;}
#subpage_estuff a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_estuff a:hover{text-decoration:underline; color:#012732;}
#subpage_estuff ul {list-style-type: none; margin-left:-8px;}
#subpage_estuff ul ul li {font-weight:normal;}

#subpage_kids {background-repeat:no-repeat;background-image:url(../images/subpage/kids.jpg); width:158px; height:300px; margin-left:3px; padding:15px; float:left;}
#subpage_kids a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_kids a:hover{text-decoration:underline; color:#012732;}
#subpage_kids ul {list-style-type: none; margin-left:-8px;}
#subpage_kids ul ul li {font-weight:normal;}

#subpage_teen {background-repeat:no-repeat;background-image:url(../images/subpage/teens.jpg); width:158px; height:300px; margin-left:3px;padding:15px; float:left;}
#subpage_teen a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#043A4A; text-decoration:none; line-height:20px; font-weight:bold;} 
#subpage_teen a:hover{text-decoration:underline; color:#012732;}
#subpage_teen ul {list-style-type: none; margin-left:-8px;}
#subpage_teen ul ul li {font-weight:normal;}

#text_content_box{padding-right:20px; width:510px; margin:15px;margin-top:8px; float:right; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#012732;}
#text_content_box a, #text_content_box a:visited {font-weight:bold; text-decoration:underline; color:#0F8EBB; }
#text_content_box a:hover, #text_content_box a:active{font-weight:bold; text-decoration:underline; color:#000066; }
#page_title{font-size:18px;}
.header {font-size:16px; font-weight:bold;}

#footer {background-image:url(../images/footer.gif); width:760px; background-repeat:no-repeat; padding-top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; display:block; float:left;} 
#footer a{font-family:Arial, Helvetica, sans-serif; color:#666666; text-decoration:none}
#footer a:hover{text-decoration:underline; color:#333333;}

/* styles for home page */

#btn_holder {width:227px; height:415px; float:left;display:block;}

#btn_holder a.btn_libraryonline {width:227px; height:144px; background-image:url(../images/homepageimages/btn_libraryonline.jpg); float:left; background-position:top left; display:block	}
#btn_holder a.btn_libraryonline:hover {background-position:0 -144px; overflow:hidden; }

#btn_holder a.btn_librarycard {width:227px; height:134px; background-image:url(../images/homepageimages/btn_librarycardS.jpg); float:left;}
#btn_holder a.btn_librarycard:hover {background-position:0 -134px; overflow:hidden; }

#btn_holder a.btn_librarycatalogue{width:227px; height:137px; background-image:url(../images/homepageimages/btn_librarycatalogue.jpg); float:left;}
#btn_holder a.btn_librarycatalogue:hover {background-position:0 -137px; overflow:hidden; }

/**
#btn_holder a.btn_digitalcollections{width:227px; height:137px; background-image:url(../images/homepageimages/btn_digital_history.png); float:left;}
#btn_holder a.btn_digitalcollections:hover {background-position:0 -137px; overflow:hidden; }
**/

#btn_holder a.btn_digitalcollections{width:227px; height:134px; background-image:url(../images/homepageimages/btn_digital_history.png); float:left;}
#btn_holder a.btn_digitalcollections:hover {background-position:0 -134px; overflow:hidden; }

#middle_left{ width:14px; height:415px; background-image:url(../images/homepageimages/middle_left.jpg); float:left;}
#middle_right{ width:17px; height:415px; background-image:url(../images/homepageimages/middle_right.jpg); float:left;}
#middle_top{ width:274px; height:16px; background-image:url(../images/homepageimages/middle_top.jpg); float:left;}
#middle_image { width:274px; height:183px; float:left;}
#middle_text {padding-top:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#012732; width:274px; height:206px; background-image:url(../images/homepageimages/main_text.jpg); float:left;;}
.middle_text { padding-top:10px; font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:12px; font-weight:bold; line-height:18px;}
#center_holder{ width:288px; float:left;display:block;}
#whats_new { width:228px; height:415px; background-image:url(../images/homepageimages/whatsnew.jpg); background-repeat:no-repeat; float:left;}
#side_news { width:180px; height:410px; padding-left:22px;padding-right:22px;padding-top:52px;float:left;}

/* style for Overdrive ebook top right banner */

.bannertoprt {position:fixed; top:30px; left:66%;}
.bannertoprt2 {position:fixed; top:23px; left:65%;}