/* CSS Document */
html, body {
margin:0px;
height:100%;
text-align:center;
font-size: 11px;
font-family: Verdana,  sans-serif;
color: #4e4e4e;
background: #f3f4e9 url(images/bg_page.jpg) repeat-x;
}
.wrapper{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -270px;
}
.containerFtr {
background: url(images/bg_ftr.jpg) repeat-x  bottom;
height:180px;
padding-top:30px;
}
.containerFtr, .push{
height:240px;
}
.newBFC
/*Fixes collapsing div problem*/
{
overflow: hidden;
_overflow: visible;
_overflow-x:hidden;
_height: 0;
}
/*\*//*/ 
.newBFC {display: inline-block;}
/**/
#containerTop {
width:791px;
margin:0px auto 0px auto;
text-align:left;
}
#banner {height: 81px;padding-top:10px;/*background:url(images/book.gif) no-repeat 12px 8px;*/}
#booklink{position:absolute;top:0;margin-left:420px;width:86px;}
#banner img{padding-top:10px;}
#booklink img{border:0;}
.goR {float: right;}
.goL {float: left;}
.reset{margin:0;padding:0;}
.clear{clear:both !important;}
.clearL{clear:left;}
.clearR{clear:right;}
.cen{text-align:center;}
/*begin search area*/
#search {
width: 208px;
margin-top:20px;
background:url(images/bg_Sfield.gif) no-repeat 0px 3px;
}
.searchBox{	
height:25px;
width: 150px;
border:none;
background:none;
margin:-3px 0px 0px 0px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333;
padding:7px 14px 0px 10px;
}
#but{padding-top:4px;}
.searchBut{
float:right;
background:url(images/but_go.gif) no-repeat;
width:30px;
height:23px;
border:none;
cursor:pointer;
}
/*end search area*/
#logo{
width:365px;
height:53px;
background:url(images/banner.gif) no-repeat;
margin-top:-16px;
}
#logo a{width:365px;height:53px;display:block;}
#logo h1{font:normal 12px Verdana, sans-serif;}
#logo h1 span{height:0;width:0;display:block;overflow:hidden;}
/*nav module*/
#nav {
height:26px;
margin:16px 0px 0px 0px;
padding:0px;
position:absolute;
z-index:100;
background:url(images/bg_nav.gif) repeat-x 0px -2px;
}
#colnav {
width:168px;
margin:42px 0px 0px 160px;
padding:4px;
position:absolute;
z-index:110;
background-color:#FFF;
}
#colnav div{margin:5px;cursor:pointer;} 
#about {
width:270px;
margin:42px 0px 0px 498px;
padding:6px;
position:absolute;
z-index:111;
background-color:#FFF;
}
#about ul{margin:4px;padding:0px;}
#about li{float:left;
list-style-type:none !important;
background:url(images/bg_nav_bullet.gif) no-repeat left;
padding:0px 12px 0px 12px;border-bottom:dotted 1px #CCC;}
#about li a{font-size:12px;text-decoration:none;color:#666;}
#about li a:hover{color:#805C23;}
#centerHp {
width: 764px;
margin: 10px auto 10px auto;
}
#nav a{float:left;}
#nav a img{
border:0px;
margin:0px;
padding:0px;
height:26px;
}
#nav  a:link {background:no-repeat 0px -64px;}
#nav  a:visited {background:no-repeat 0px -33px;}
#nav  a:hover,
body#home #nav a.home,
body#list #nav a.list,
body#colour #nav a.colour,
body#bio #nav a.bio,
body#glossary #nav a.glossary,
body#groups #nav a.groups,
body#links #nav a.links,
body#gallery #nav a.gallery,
body#contact #nav a.contact
{background:no-repeat 0px 0px;}
#nav  a:active {background:no-repeat 0px -64px;}
/*end nav module*/
#bdy_top {
border-right:1px solid #b5c362;
border-left:1px solid #b5c362;
background-color:#FFF;
height: 19px;
width: 789px;
margin-top: 40px;
position:absolute;
z-index:1;
}
#tab_top {
background:url(images/bg_tab_top.gif) no-repeat;
height: 11px;
width: 764px;
margin:20px 0px -2px 0px;
position:absolute;
left:12px;
}
#tabLeft {
background: url(images/bg_tab_bot.gif)  #e7e9e1 no-repeat bottom;
width: 430px;
min-height:260px;
padding:0 12px 14px 12px;
float:left;
text-align:center;
margin-top:31px;
}
#tabTxt {
background: #E7E9E1 url(images/bg_tab_mid.gif) no-repeat bottom;
width: 298px;
padding:0px 12px 12px 0px;
float:right;
margin-top:31px;
}
#padMe{padding-left:21px;}
#tabTxt p{display:block;
}
#tabTxt a{color:#444;
text-decoration:none;
}
#tabTxt a:hover{
text-decoration:underline;
}
#body{
position:relative;
margin-top:56px;
border-right:1px solid #b5c362;
border-left:1px solid #b5c362;
background-color:#FFF;
text-align:left;
padding-bottom:12px;
}
#bdy_bot {
margin-top:-10px;
font-size:0px;
background: url(images/bg_body_bot.gif) no-repeat center top;
height: 19px;
width: 791px;
position: relative;
}
.imgBdr6{border:6px solid #FFF;}
#hpTxt {
padding: 12px 12px 50px 12px;
width: 455px;
background:url(images/bg_zoe_sig.gif) no-repeat right bottom;
}
.padImgBord{
margin:0px 0px 8px 12px; 
border:1px solid #333;}
.ident{margin:12px 20px 0px 20px;
border-bottom:dotted 1px #CCC;
}
.blockLink{
text-decoration:none;
color: #4e4e4e;
display:block;
}
/*begin color nav*/
.lightTxt{
font:Verdana, sans-serif;
font-size:12px;
color:CCC;
}
.lightTxt a{
margin-top:4px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}
.lightTxt a div{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}
.lightTxt a:link {
text-decoration:none;
color:#7e7e7e;
}
.lightTxt a:visited {
text-decoration:none;
color:#7e7e7e;
}
.lightTxt a:hover{
color:#333;
text-decoration:underline;
}
.lightTxt a:hover div{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
cursor:pointer;
}
.lightTxt a:active {
text-decoration:none;
color:#f29012;
}
/*end color nav*/
/*start in flower box*/
#inFlower {
	padding: 10px;
	width: 264px;
	height:360px;
	z-index:100; overflow: auto;
	margin-top:-120px; margin-left:470px;
	position:absolute;
}
#hdr {text-align:center;margin:0px auto 12px auto;}
#inFlower ul{
margin:0px 0px 0px 20px;
padding:0px;
}
#inFlower ul li{
height:15px;
margin:2px 0px 0px 2px;
padding: 0px;
list-style-type:none;
}
.colBox{
width:12px;
height:12px;
border:1px solid #999;
float:left;
margin:0px 10px 0px 6px;
}
/*end in flower box*/

#bioligy{width: 244px;height:55px;position:absolute;margin-top:270px; margin-left:507px;}

/*begin footer*/
#footer{
width:791px;
height:200px;
margin:0px auto 0px auto;
text-align:left;
}
#footerNav{
text-align:center;
margin-top:40px;
height:70px;}
.sub a{
font-family:Verdana, sans-serif;
margin:0px 6px 0px 6px;
color:#555;
font-size:11px;
text-decoration:none;
}
.sub a:hover{
text-decoration:underline;
color:#669933;}
.cpy a{
font-family:Verdana, sans-serif;
font-size: 11px;
color: #FFF;
text-decoration: none;
}
.cpy a:hover{
text-decoration:underline;}
/*end footer*/
/*typo*/
.size12{font-size:12px;}
.size12 a{text-decoration:none;color:#000;}
.size12 a:hover{text-decoration:underline;color:#666;}
h3 {
font: bold 16px Verdana, sans-serif;
color: #93AB31;
margin-top:30px;
}
h3 strong{color:#4B6300;}
body#list h3 {margin-top:20px;}
h4 {
font: bold 11px Verdana, sans-serif;
color: #555;
margin: 4px 0px px 0px;
padding: 0px;
}
h4 a{
color:#555;
text-decoration:none;
}
h4 a:hover{
color:#8D3B24;
}
body#glossary h4 a{
display:block;
background:url(images/bg_expand.gif) no-repeat 672px -17px;}
body#glossary h4 a:hover{
background:url(images/bg_expand.gif) no-repeat 672px -29px #F9F9F9;
text-decoration:underline;}
body#glossary h4 a:active{
background:url(images/bg_expand.gif) no-repeat 672px 0px;}
.lHeight{line-height:22px;}
h5{
font: bold 14px Verdana, sans-serif;
color:#333;
}
#listbody h5{
margin:4px 0px 7px 0px;
width:370px;
border-bottom:1px dashed #CCC;
}
.bolded{font-weight:bold;}
.boldedIta{font-weight:bold;font-style:italic;color:#666;}
/*end typo*/
#listbody ul{
width:370px;
margin:0;
padding:0;
}
#listbody li{
list-style-type:none;
width:370px;
margin:3px 0px 3px 0px;
display:block;
border-left:solid 1px #CCC;
}
.noBord{border:none !important;}
#listbody li div{
margin-left:6px;
padding:0px 0px 0px 4px;
background-color:#FFF;
border-left:solid 1px #CCC;
}
body#links #listbody li div{border:none;}
body#links #listbody li{border:none;}
#listbody li div a{
color:#555;
text-decoration:none;
}
#listbody li div a:hover{
color:#8D3B24;
text-decoration:underline;
}
.thumbList{
width:130px;
height:180px;
margin: 0px;
padding:10px;
float:left;
text-align:center;
}
.thumbList a{
color:#555;
text-decoration:none;
}
.thumbList a:hover{
color:#8D3B24;
text-decoration:underline;
}
.thumbList  img{border:1px solid #333;}
.near{
width:370px;
margin:10px 0px 10px 0px;
padding-bottom:6px;
}
.listBox{width:370px;}
#bioTxt{width:500px;margin-top:12px;}
#bioTxt img{border:1px solid #333;
}
#thumbColours div{width:108px;float:left;font-size:11px;text-align:center;margin:8px;}
.pageNav{display:block;text-align:right;font-size:11px;clear:both;}
.pageNav a{color:#000; font-size:12; font-weight:bold;}
#atoz{margin-bottom:10px;padding-bottom:10px;border-bottom:dotted 1px #CCC;}
#atoz ul {margin:10px 0px 0px 0px !important;padding:0px;clear:left;}
#atoz li{padding:1px;margin:1px;list-style-type:none;float:left;}
#atoz li a{padding:3px 5px 2px 5px;border:1px solid #000;display:block;}
#atoz li a:hover{color:#FFF;border:1px solid #000;background-color:#B9D269;}
.outline{padding:3px;border:solid 1px; #666;}
.coloron{padding:3px;
border:1px solid #CCC !important;}
.results{font-size:11; align:justify;}
.results a{
text-decoration:none;
color:#555;}
.results a:hover{
text-decoration:underline;
color:#93AB31;}
#datapanel{width:270px;height:70px;background:url(images/bg_calender.jpg) #FFF no-repeat 0px 10px;}
#datapanel ul{margin:12px 0px 0px 6px;padding:0;}
#datapanel li {
margin:2px 1px 2px 1px;
padding:2px 5px 2px 5px;
list-style-type:none;
float:left;
border:1px solid #AAA;
background-color:#FFF;
}
#datapanel li a{
text-decoration:none;
}
body#list #datapanel{width:300px;}
.fon{
background-color:#B9D269 !important;
border-color:#536C03 !important;
}
.fon a{color:#FFF;font-weight:bold;}
.foff a{color:#666;}
#galMain{
width:460px;
text-align:center;
margin-bottom:60px;
}
#galMain img{border:4px solid #EBEBCD;}
#galThumbs{
width:290px;
text-align:left;
}
.topMarg{margin-top:26px;}
#galThumbs ul{margin:0px;}
#galThumbs ul li{
float:left;
margin:4px;
list-style-type:none;
}
#galThumbs ul li a img{border:1px solid #555;}
#galThumbs ul li a:hover img{border:1px solid #93AB31;}
#galThumbs div a{text-decoration:none;color:#333;}
#galThumbs div a:hover{text-decoration:underline;color:#93AB31;}
#zoe{width:200px;margin:70px 20px 0px 0px;}
.imagePadR{width:160px;padding:4px 10px 2px 0px;}
.imagePadL{width:160px;padding:4px 0px 2px 10px;}
.tablepad{padding:1px;}
body#bio td{border-bottom:1px solid #ccc;}
body#bio #centerHp li{
width:500px;
margin:12px 0px 12px 0px;
padding-left:20px;
background: url(images/bg_bullet.gif) no-repeat 2px 0px;
list-style-type: none;
}
#ctact{width:350px;}
body#contact #centerHp ul{margin-top:20px;padding:14px 0px 20px 0px;}
body#contact #centerHp li{
margin:0px;
padding:0px 0px 10px 20px;
background: url(images/bg_bullet.gif) no-repeat 2px 0px;
list-style-type: none;
}
#contact li a{font-size:11px;text-decoration:underline;color:#666;}
#contact li a:hover{color:#000;}
body#bio #centerHp a{color:#6B5F45;text-decoration:underline;}
body#bio #centerHp a:hover{color:#000;}
body#list table a{color:#333;}
body#list table span{font-weight:normal;font-size:11px;}
.back{background-color:#F4CEE6}
#book{position:absolute;top:66px;font-size:14px;width:740px;text-align:right;padding-left:50px;color:#555;}
#book a{color:#333;text-decoration:none;}

