html, body, #sizer, #expander, .header, .footer, p, a, h1, h2, h3, h4, h5, img, ul, li {
margin:0;
padding:0;
list-style:none;
border:0;
}
 
body {
font-size: 76%;
font-family: tahoma, verdana, sans-serif;
background-color:#fff;
padding:0 340px; /* side-padding sets natural min-width */
text-align:center; /* centers sizer in ie.5x/win */
}
 
#sizer {
margin:0 auto; /* centers sizer in standard browsers */
padding:0;
width:60%; /* liquidity value */
text-align:left; /* puts text alignment to default-left */
max-width:300px;
}
 
#expander {
margin:0 -335px;
min-width:670px; /*prevents safari from losing neg. margins */
position:relative;
min-height:1px;
}
 
/*\*/
* html #expander {height: 0;} 
/* Holly Hack - #expander must have "height: 0" in IEwin bug fixing */
 
 
 
/****** header, footer, contentwrap, newsbar ******/
 

#contentwrap {
width: 100%;
padding:30px 15px 10px 15px;
margin:18px 0 30px 0;
background-color:#fff;
border: 4px solid #5ed57d;
clear:both;

}
 
#newsbar {
width: 100%;
margin: 95px 0 0 0;
padding: 0;
background-color:#8ca351;
text-align:center;
}
 

#newsbarcorner {
width:18px;
background: #8ca351 url(/images/corner.gif) no-repeat top left;
}
 
#LC {background-position:left top;}
#RC {float:right; background-position: bottom;}
 
 
 
#newsbarbottom {
width:100%;
height:18px;
margin:0 0 30px 0;
padding:0;
background-color:#8ca351;
}
 
 
 
 
 
h4.whatsnew, h5.whatsnew {
color:#ffffff;
padding:5px;
}
 
.headerl {
width:30%;
padding:5px 0;
margin:2em 0 0 0;
text-align:center;
 float:left;
}

.headerr {
width:70%;
padding:5px 0;
margin:2em 0 0 0;
text-align:center;
 float:right;
}

 
.footer {
width:100%;
position:relative;
clear:both;
text-align:center;
padding:6px 0;
margin:50px 0 30px 0;
}
 
.footer p {margin:3px 10px 0 0;}
 
 
 

/****** misc styles for specific page elements ******/


/** to clear floats **/
.brclear {
clear:both;
height:0;
margin:0;
font-size:1px;
line-height:0px;
}

 
.dropcap {
float:left;
color:#5ed57d;
font-size:36px;
line-height:24px;
padding-top:7px;
font-family: times, verdana, serif;
} 
 
.padtext {padding: 10px;}
/* padding for columns to cancel need for box model hack for IE5.x/win */
 
.margintop {margin-top:15px;}
.center {text-align:center;}
.morespace {margin-top:40px;} 
 
 

/****** basic styles ******/
 

/*  links   */
 
a, a:link, a:visited {color:#996633; text-decoration:underline;}
a:hover  {text-decoration:none; color:#996633;}
a:focus, a:active  {color:#996633; text-decoration:underline;}
 
h1 a, h1 a:link, h1 a:visited {color:#996633; text-decoration:none;}
h1 a:hover { text-decoration:none; color:#996633;}
h1 a:focus, h1 a:active  {color:#996633; text-decoration:none;}
 
img.floatr {float:right; }
img.floatl {float:left; }
img.floatrandpad {float:right; padding:0px 100px 50px 0px;}
 
p  {margin: .7em 0; letter-spacing:0.1em; line-height:2em;}
p.credits  {color:#2088b2; margin:40px .7em 0 .7em; letter-spacing:0.1em; line-height:2em; text-align:right;}
 
h1 {
margin: 20px 0 5px 0px;
font-family:augie, verdana, sans-serif;
font-weight:normal;
color:#5ed57d;
}
 
h2 {
margin: 0 0 5px 0;
font-weight:normal;
font-family:verdana, sans-serif;
letter-spacing:0.2em;
color:#5ed57d;
}
 
h3 { 
margin: 25px 0 10px 0;
font-weight:bold;
font-family:verdana, sans-serif;
letter-spacing:1px;
color:#5ed57d;
}
 
h4 {
margin: 3em 0 .3em;
font-family:verdana, sans-serif;
letter-spacing:1px;
font-weight: bold;
color: #5ed57d;
}
 
 h5 {
font-family:verdana, sans-serif;
font-weight: bold;
color: #2088b2;
line-height:1.4em;
}

 

h4.news {
font-family:verdana, sans-serif;
font-weight: bold;
color: #2088b2;
line-height:1.4em;
}
 
 
 
/****** fixes ******/
 

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */
 
 
 

/*********** navigational bar *********/
 

     

  
  #navbar {
      float:right;
      background:url("/images/bg.gif") bottom repeat-x;
    letter-spacing:0.2em;
font-size:1em;
line-height:normal;
margin: 30px 0 0 5px;
width:100%;
      }
    #navbar ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #navbar li {
      float:right;
      background:url("/images/left_both.gif") no-repeat left top;
      margin:0;
    padding:0 0 0 9px;
border-bottom:1px solid #5ed57d;
text-decoration:none;
white-space:nowrap;

      }
    #navbar a {
      float:right;
      display:block;
      width:.1em;
      background:url("/images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      color:#8ca351;
      }
    #navbar > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navbar a {float:none;}
    /* End IE5-Mac hack */
    #navbar a:hover {
      color:#8ca351;
      }
  #main #nav-main, #pairs #nav-pairs,
     #albums #nav-albums, 
#care #nav-care,
#inquire #nav-inquire  {
      background-position:0 -150px;
      border-width:0;
      }
#main #nav-main a, #pairs #nav-pairs a,
#albums #nav-albums a, 
#care #nav-care a, 
#inquire #nav-inquire a  {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#8ca351;
      }
    #navbar li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#8ca351;
      }
    #navbar li:hover a {
      background-position:100% -150px;
      }