/* HBL HOME PAGE Redesign | Harry: Sept. 21 2009 */
/* LAYOUT */
 ul.navbar {
    position: absolute;
    top: 160px;
    left:1px;
    max-width:180px;
        }
body { font-size: 100.01%; font-family: Verdana,Arial,sans-serif; color: #222;   
  line-height: 1.25; background: #7fafaf; margin-left: 0em; margin-right: 0em;
  padding: 0; margin-top: 0; margin-bottom: 0; }
  * html body { text-align: center; } /*Hack for IE5.x*/ 
  * html body #wrap, 
  * html body #wrap-hdr, 
  * html body #wrap-footer { text-align: left; }
#wrap { width: 60%; min-width: 400px; max-width: 700px; 
  font-size: 1em; padding: 20px; background: #e7EFE0; 
  border-left: 12px solid #BCBFB6; border-right: 12px solid #BCBFB6; 
  margin: 0 auto; letter-spacing: 0px; }
  #wrap-smaller { width: 60%; min-width: 400px; max-width: 700px; 
  font-size: .9em; padding: 20px; background: #e7EFE0; 
  border-left: 12px solid #BCBFB6; border-right: 12px solid #BCBFB6; 
  margin: 0 auto; letter-spacing: 0px; margin-top: -3em; padding-top: -1em; }
  #wrap-hdr { width: 100%; font-size: .5em; background: #154363; 
  line-height: 1; min-width: 400px; font-family: verdana,arial,sans-serif; 
  margin-left: 0em; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.page-hdr { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; 
  font-size: 6em; padding-top: .7em; font-weight: bold; color: #0FF; text-align: left; 
  letter-spacing: -2px; background: #285F80; 
  border-left: 12px solid #18354F; border-right: 12px solid #18354F; 
  margin: 0 auto; } 
.page-hdr span { font-size: .4em; color: #FFF; 
  font-weight: normal; letter-spacing: 1px; margin-bottom: 3em; }
  
 /* Jean's additions */

.header { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; 
  font-size: 6em; padding-top: .7em; font-weight: bold; color: #0FF;
  text-align: center;   letter-spacing: -2px; background: #285F80; 
  border-left: 12px solid #18354F; border-right: 12px solid #18354F; 
  margin: 0 auto; } 
  
.s_header  { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; 
  font-size: 4em; padding-top: .7em; font-weight: normal; color: #FFF; 
  text-align: center;   letter-spacing: 1px; background: #285F80; 
  border-left: 12px solid #18354F; border-right: 12px solid #18354F; 
  margin: 0 auto; margin-top: -1em;} 


  
* html body #wrap-hdr { text-align: center; }
#nav { font-size: .8em; line-height: 1; padding-bottom: 10px; border-bottom: 2px solid #BCBFB6; margin-bottom: 2em; } 
#wrap-footer { width: 100%; font-size: 1em;
  background: #214363; 
  line-height: 1; min-width: 400px; font-family: verdana,arial,sans-serif; }
.footer { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; 
  font-size: 1.1em; 
  color: #A6A6A6; background: #285F80; border-left: 12px solid #18354F; 
  border-right: 12px solid #18354F; margin: 0 auto; }
.footer a { color: #ff9; }
/* TYPOGRAPHY */
h1, h2, h3, h4, p { padding: 0; margin: 0; margin-bottom: 10px; }
p { margin-bottom: 1em; }
p, ul, ol, li { font-size: .9em; line-height: 1.6; } 

/* Jean's additions */


ol
{
font-family: verdana,arial,sans-serif;
font-size: 14px;
color: #000;
margin-top: 0px;
margin-right: 5%;
line-height: 140%;
margin-left: 30px;
margin-bottom: 10px;
}

ul
{
font-family: verdana,arial,sans-serif;
font-size: 14px;
color: #000;
margin-top: 0px;
margin-right: 5%;
line-height: 140%;
margin-left: 30px;
margin-bottom: 10px;
}

p,h1,h2,h3,h4,td
{
font-family: verdana,arial,sans-serif;
font-size: 14px;
color: #000;
margin-top: 0px;
margin-right: 30px;
line-height: 140%;
margin-left: 30px;
margin-bottom: 3px;
}

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


.nomargins
{
margin: 0px;
margin-left: 30px;
}

p
{

	margin-left: 90px;

}

table
{
margin-left: 50px;
margin-right: 50px;
margin-bottom: 25px;
background-color: #eee;
border-spacing: 2px;
border-color: white;
}

h1 
{
font-weight: bold;
font-size: 20px;
margin-bottom: 5px;
margin-top: 30px;
}

h2
{
font-weight: bold;
font-size: 17px;
margin-top: 15px;
}


h3, H3 
{
font-weight: bold;
font-size: 15px;
margin-top: 5px;
margin-left: 50px;

}

h4, H4 
{
font-weight: bold;
font-size: 14px;
margin-top: 15px;
margin-left: 70px;
}



.pagehead-center
{
font-weight: bold;
text-align: center;
font-size: 20px;
margin-bottom: 10px;
margin-top: 30px;
}



.menu4
{
font-size: 10px;
color: #000;
margin: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 3px;
}

.menu3
{
font-size: 10px;
color: #000;
margin: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 3px;
}

.menu2
{
font-size: 10px;
color: #000;
margin: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 3px;
}

#dedef0 .menu1
{
font-size: 10px;
color: #000;
margin: 0px;
margin-left: 25px;
margin-right: 0px;
margin-top: 3px;
}

.menu3
{
margin-top: 12px;
font-weight: bold;
}

.tiny-center
{
font-size: 10px;
line-height: 14px;
font-weight: normal;
}

.tiny
{
font-size: 10px;
line-height: 14px;
font-weight: normal;
}

.tiny-center
{
text-align: center;
margin: 0px;
}

.left
{
text-align: right;
margin: 0px;
margin-right: 15px;
}

.imgleft
{
border: none;
float: left;
padding-right: 20px;
margin-bottom: 8px;
}

.imgright
{
float: right;
border: none;
padding-left: 20px;
margin-bottom: 8px;
margin-top: 10px;
}

#logo
{
position: absolute; 
top: 0px; 
left: 0px; 
width: 220px; 
height: 100px; 
z-index: 1;
}

#menu
{
position: absolute; 
top: 110px; 
width: 220px; 
z-index: 4; 
left: 0px;
}




/* LIST OF CONTENTS */
ol.contents { padding: 10px; padding-top: 0; 
  padding-left: 3.6em; font-size: .8em; font-family: verdana,arial,sans-serif; }
id.archive { padding-top: .6em; margin-left: .3em; font-family: 
 verdana,arial,sans-serif; font-size: 1.5em; }
/* Harry PHOTO */
/* Photo with simple 1px gray border. HB: Altered 8/12/06 */
img.hb { width: 120px; float: left; border: 3px solid #999;
   border-top: 1px solid #CCC; border-left: 2px solid #CCC;
   padding: 6px; background: #FFF; margin-right: 12px; margin-bottom: 8px; } 
/*img.hb { width: 135px; float: left; background: #FFF
  url(http://www.hblist.com/p/bg_img.gif) bottom right no-repeat; padding: 8px;
  padding-bottom: 14px; padding-right: 14px; margin-right: 12px; 
  margin-bottom: 8px; } 
*/


/* EXCERPT */ 
.excerpt { border-width: 5px; border-color: #0A8; border-style: double; padding: 20px; padding-top: 10px; margin-bottom: 2em; line-height: 1.6; } 
h3.excerpt { text-align: center; padding: 0; margin: 0; margin-top: 1em; margin-bottom: 10px; border: none; } 
.excerpt p { line-height: 1.6; } 


/* RECENT POSTS LISTING */ 
h3.recent { color: #5F5F22; } 
ul.recent { list-style: none; float: left; color: #5F5F22; padding-left: 0; margin-left: 0; } 
ul.recent span { display: block; width: 4em; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; clear: left; color: #5F5F22; } 


/* LINKS */
a { color:#00d; font-size: 100.01%;}
a:hover { color: #0f4; font-size: 100.01%;}


/* CLEARING FLOATS */ 
div.clearer { clear: both; height: 0; line-height: 0; padding: 0; margin: 0; <x-html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

#editable
{
/* Nothing here--copied from Jean, and guts removed.*/
}