body { text-align: center; }

 
 #container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
 line-height: 130%;
}

#top
{
padding: 1em;
 
 
border-bottom: 1px solid gray;
}

.btt
{
text-align: right;
margin-top: 2em;
}

.peakstrip
{
background-color: #cd9933; 
font-weight: bold; 
font-family: arial, helvetica, sans-serif; 
font-variant: small-caps; 
padding-top:.3em; 
padding-bottom:.3em; 
margin-top: 0; 
margin-bottom: 0; 
font-size:90%; 
border-top-width:1px; 
border-top-style: solid; 
border-bottom-width:1px; 
border-bottom-style: solid;
}


 #top h1
{
padding: 0;
 
margin: 0;
}

<!--
#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}
-->

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
 max-width: 36em;
}
 
  #footer
{
clear: both;
margin-top: 1em; margin-bottom:1em; margin-right: 1em;
 padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }



 
    h3 {
 
      color:#321;
             font:bold .9em/1.2em "Trebuchet MS",Verdana,Sans-serif;
      
      }
      
      
        ul {font-family: verdana, geneva, arial, helvetica, sans-serif;
			font-size: 12px;
	line-height: 17px; color:black; text-align:left; 
	}
	
	
  p {font-family: verdana, geneva, arial, helvetica, sans-serif;
			font-size: 12px;
	line-height: 17px; color:black; text-align:left; 
	}
	
 .comments {font-family: verdana, geneva, arial, helvetica, sans-serif;
			font-size: 11px;
	line-height: 17px; color:green; text-align:left; margin-top:2px;
	}
 
            h1 {
 
      margin:0 0 .5em;
      padding:0 0 .2em 30px;
      border-bottom:1px dotted #976;
         font:bold 1.8em/1.2em "Trebuchet MS",Verdana,Sans-serif;
         font-variant:small-caps;
      color:#000;
        text-transform:uppercase;
      letter-spacing:.1em;}
     
     h1.title {font-family: arial, verdana, sans-serif; font-size:4em; color:navy; font-weight:bold; z-index:3; margin-bottom:0; font-variant: small-caps; }



.subtitle {font-family: arial, verdana, sans-serif; font-size:1.5em;  font-weight:bold; z-index:3; margin-bottom:0; font-variant: small-caps; }
 
.subtitletwo {font-family: arial, verdana, sans-serif; font-size:1em; color:navy; font-weight:bold; z-index:3; margin-bottom:0; font-variant: small-caps; }


      h2 {
 
      margin:1.2em 0 .5em;
      padding:1em 0 .2em 10px;
      border-bottom:1px dotted #976;
         font:bold 100%/1.2em "Trebuchet MS",Verdana,Sans-serif;
      color:#484;
        text-transform:uppercase;
      letter-spacing:.3em;
      }
   
      
      img {margin: 1em 1.5em;}
      
       li {
      list-style-image:url("list_bullet.gif");
      }
      
      
       #content {
      background:url("../img/aus_lake_sail.jpg") no-repeat 50% 0;
      padding-top:140px;
     
      }
 
      
      #sidebar {
      float:right;
      width:200px;
      }
      
       #main {
      float:left;
      width:500px;
      }
      
 

      
#leftnav {text-align:left; float:left; width:220px;  padding: 5px; margin-right:20px; margin-left:30px; margin-top:0px; border-right-style:solid; border-right-width:1px;}

#midcontent {text-align:left; float:left; width: 300px;  padding: 10px; margin-right:20px; margin-left:20px; margin-top:20px; border-style:solid;}

#rightcontent {text-align:left; float:left; width: 200px;  padding: 10px; margin-right:20px; margin-left:20px; margin-top:20px; border-style:solid; }

 #rightfloatad {text-align:left;  float:right; width: 280px;  padding: 1em;  margin-top:10px;}

#subpagecontent {text-align:left;  float:left; width: 370px;  padding: 1em;  margin-top:20px;}
#subpagecontentindex {text-align:left;  float:left; width: 300px;  padding: 1.5em;  margin-top:20px;}
#subpagecontent3rdcol {text-align:left;  float:left; width: 150px;  padding: 1em; margin-top:20px; border-left-style:solid; border-left-width:1px; }
#header {width: 40%; background: white; font-size: 20px; color: purple; }


 


p.subtitle {font-family: arial, verdana, sans-serif; font-size:1.5em; font-weight:bold; text-align:center; line-height:.5em; color:navy;}

 p.nvnowhome {font-family: arial, verdana, sans-serif; font-size:1em; font-weight:bold; text-align:left; line-height:.5em; margin-bottom:.8em; color:#00008b; font-variant:small-caps; text-decoration: none;}
 
p.tochead {font-family: arial, verdana, sans-serif; font-size:1em; font-weight:bold; text-align:left; line-height:.5em; margin-bottom:.8em; padding-top:1.5em; color:#00008b; font-variant:small-caps;}

p.winewalkdirect {color:#484; font-weight:bold;}

.napanowhome a {font-size:1.5em; font-weight:bold; font-variant:small-caps; color:#00008b;}

.link {line-height:.1em; margin-top:1.5em;}

.topicintro { font-style:italic;}
 
.business, .food, .wine, .recreation, .lodging, .arts, .transport, .sight, .event
{ font-size:95%; margin-top:1.5em; margin-bottom:5px; font-weight:bold;}

.address { line-height: 20%;}
.wineryname { line-height:20%; font-weight:bold; margin-top:2.5em;}
.entry { line-height:20%;  margin-top:2.5em;}

 h2.subtitle  {font-size:2em; text-align:center;}

.sub  {font-family: Arial, Geneva, sans-serif; font-size: 11px; color: #666633;}

:target
	{
		border: outset thick #add8e6;
		background-color: #add8e6;
		name:current;
	}
	
 
.hr {
line-height: 1px; /*needed for IE/win*/
font-size: 1px; /*needed for IE/win*/
height: 2px;
width: 100px;
background: #aaa;
margin: 6px 0;
}

.hrcontent {
line-height: 1px; /*needed for IE/win*/
font-size: 1px; /*needed for IE/win*/
height: 2px;
width: 100px;
background: #aaa;
margin: 6px 0;
 margin-top:15px;
}


 
 .buttons  a, a:link, a:visited
{
font-family: arial, helvetica, san-serif;
background-color: #ffffff; 
color: #0000a0; 
font-size: .9em; 
font-weight: bolder; 
font-variant: small-caps; 
text-decoration: none;
line-height: 1em;
}

 

 
.navlistin li { margin-left: 20px;}

 #nav-menu ul
{
list-style: none;

padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center
}

#nav-menu li a
{
background: url(graphics/css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
background: url(graphics/css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: underline;
text-align: center;
}


/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */

#nav-menu
{
width:50em;
margin-top:15px; 
 margin-left: auto;
    margin-right: auto;
}




#navcontainer1 { width: 200px;}

#navcontainer1 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;


font:small Verdana, Arial, Helvetica, Sans-serif;
}

 

#navcontainer1 a
{
display: block;
padding: 3px;
width: 160px;
 color: #0000cc;
font:small Verdana, Arial, Helvetica, Sans-serif;
line-height: 25%;
}


 
 #navcontainer1 a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
font:small Verdana, Arial, Helvetica, Sans-serif;
target: current;
line-height: 1em;
 
}


.txtlst {font-family: verdana, arial, helvetica, sans-serif; color:black;  font-size:9pt; text-align:left;}
 

.pagenavlist
{
color: #000;
text-decoration: none;
font: small Verdana, Arial, Helvetica, Sans-serif;
margin-bottom: 1em;
list-style:none;


}

.liend
{
color: #000;
text-decoration: none;
font: small Verdana, Arial, Helvetica, Sans-serif;
margin-bottom: 1em;
 
}

#navcontainer1 a:hover
{
background-color: #369;
color: #fff;
}



 #navcontainer2 { width: 200px; list-style-type: none;}

#navcontainer2 ul
{
 
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding: 3px;
list-style-type: none;
width: 160px;
   color: #000;
background-color: #0066CC;
border-bottom: 1px solid #eee;
font-family: Arial, Helvetica, sans-serif;
}
 
#navcontainer2 a:link, #navlist2 a:visited
{
color: #fff;
text-decoration: none;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}


 



#navcontainer2 a:hover
{
background-color: #241;
color: #fff;
}


#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid gray;
width: 100%;
display: block
}

html>body #nav2 li {
width: auto;
}

#nav2 li:first-child {
border: none
}







a img {border: none; }

.sectionhead {font-family: Verdana; font-size: 12pt; color: red; }

.related {float:right; width: 15em; margin-left:1em; margin-bottom: 1em; color:blue}



 A.vnavbar, hnavbar {text-decoration: none}
 
#vnavbar {

position: absolute;
width: 210px;
margin: 0;
margin-top: 50px;
border-right: 1px solid #C6EC8C;
font-weight: normal;
background-color: yellow;
}


 
 

 .dropcap {
float:left;
color:#000;
font-size:40px;
line-height:27px;
padding-top:2px;
font-family: Times, serif, Georgia;
} 


 
.dropthecap
 {float:left;
 margin-top:0px;
 color:black;
 padding-top:.2em;
 font-size:36pt;
 height:1em;
 font-weight:bold;
 font-family:"times","Times New Roman", serif;} 
 
 
 .firstbigletter {
font-family:Georgia;
color:blue;
font-size:56px;
font-weight:normal;
line-height:80%;
letter-spacing:-6px;
}

.dropcap3 {
  float: left;
  font: normal 60pt/0.8em Helvetica, Verdana, Arial, sans-serif;
  color: blue;
  margin-right: 3px;
}

.pullquote 
{width: 145px;
background:yellow;
color:black;
float: right;
border:1px solid maroon;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}