/*********************************************************
    stylesheet8020.css
    
    CSS file used for 80/twenty wines website

    www.80-twentywines.com

**********************************************************/


/* basic html elements for all pages  */

#container{
   width:auto; 
   margin:0 auto;
   font-size: 1em;
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
/*   background-color: gray; */
}

#topbar{
   width:auto;
   display:block;
   height:150px;
/*   background-color: red; */
}

/* logo is within topbar */
#logo{ 
   width:265px;
   float:left;
}

/* addressBlock is within topbar */
#addressBlock{
   width:auto;
   float:right;
   margin-right: 1em;
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .8em;
}

#main{
   width:auto;
   display:block;
/*   background-color: yellow; */
}

#main_content{
   width:auto;
/*   float:left; */
}

#main_image_top_right{
   width: 248px;
   float: right;
   padding-left: .4em;
   padding-bottom: .3em;
/*   background-color: blue; */
}

/* div.spacer, solve an issue with #container height in css 2 column layout. */
div.spacer{
   clear:both;
   height:10px;
   display:block;
/*   background-color: green; */
}

#footer{
   width:auto;
   display:block;
   height:24px;
   text-align: center;
   color: gray;
}

#pageNav{
   width:auto;
   display:block;
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   text-align: left;
/*   color: #CC66CC;  */
}

#boldMessage {
          font-size: 2.0em;
          font-weight: bold;
          color: maroon;
          }

#winePageMsg {
          font-size: 1.4em;
          font-weight: bold;
          color: blue;
          }

#tastingNotes {
          font-size: 1.2em;
          font-weight: bold;
          }

#tastingNotesText {
          width: 550px;
          height: 250px;
          }

/* ***************************************** */

/* banner div & constructionMain are only used for construction page */
#banner {
          padding: 0px 0px 0px 0px;
          margin: 0px;
          }
#constructionMain {
          margin: 150px 0px 0px 0px;
          }
/* ***************************************** */

/* NOT USING
#navbar{
   width:auto;
   display:block;
   height:24px;
   background-color: purple;
}
END NOT USING */

/* NOT USING
#column_left{
   width:200px;
   margin-right:8px;
   float:left;
}
END NOT USING */
/* ***************************************** */



/* navigator div & links */

#nav-menu{
   width:160px;
   display: block;
   margin-right:8px;
   float:left;
}

#nav-menu ul {
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
}

#nav-menu li {
   float: left;
   margin: 0 0.15em;
   padding: 2px 0px 0px 0px;
}

#nav-menu li a {
   background: url(graphics/8020navBkg.gif) #fff bottom left repeat-x;
   height: 2em;
   line-height: 2em;
   float: left;
   width: 157px;
   display: block;
   border: 0.1em solid #dcdce9;
   color: #0d2474;
   text-decoration: none;
   text-align: center;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   font-size: .8em;
}

#nav-menu li a:link {
   background: url(graphics/8020navBkg.gif) #fff bottom left repeat-x;
}

#nav-menu li a:visited {
   background: url(graphics/8020navBkg.gif) #fff bottom left repeat-x;
}

#nav-menu li a:hover {
   background: url(graphics/8020navBkgHover.gif) #fff bottom left repeat-x;
}

#nav-menu li a:active {
   background: url(graphics/8020navBkgSeletcted.gif) #fff bottom left repeat-x;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
          float: none
          }
/* End hide */
         							 


/* anchor links */
/* link to map (address block) */
a.mapLink:link {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .8em;
   text-decoration: none;
   color: blue;
}

a.mapLink:visited {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .8em;
   text-decoration: none; 
   color: blue;
}

a.mapLink:active {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .8em;
   text-decoration: underline; 
   color: blue;
}

a.mapLink:hover {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .8em;
   text-decoration: underline overline; 
   color: blue;
}

/* logo in banner */
a.logo:link {
   text-decoration: none;
}

/* links in page navigation (first, previous, next, last) */

#pageNav a:link {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .65em;
   font-variant: small-caps;
   color: #CC66CC;
   text-decoration: none;
}

#pageNav a:visited {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .65em;
   font-variant: small-caps;
   color: #CC66CC;
   text-decoration: none;
}

#pageNav a:active {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .65em;
   font-variant: small-caps;
   color: #CC66CC;
   text-decoration: underline;
}

#pageNav a:hover {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .65em;
   font-variant: small-caps;
   color: maroon;
   text-decoration: underline;
}

/* links in footer */

a.footer {
   font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
   font-size: .65em;
   font-variant: small-caps;
   color: gray;
}

a.footer:link {
   text-decoration: none;
}

a.footer:visited {
   text-decoration: none; 
}

a.footer:active {
   text-decoration: underline; 
}

a.footer:hover {
   text-decoration: underline overline; 
}




/*********************************  EOF  *********************************/