/* CSS Document */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     ~~~~~~~ container & html elements ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
margin: 0; padding: 0; text-align: center; color: #231F20; font-family: Arial, Verdana, sans-serif; font-size: 12px; float: center; background-color:#000;
}
h1 { 
color: #231F20; font-size: 18px; font-weight: bold; margin-top: 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h2 { 
color: #231F20; font-size: 18px; font-weight: bold; margin-bottom: 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h3 {
color: #231F20;	font-weight: bold;	font-size: 16px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 0;
}
h4 {
color: #831c0b;	font-weight: bold;	font-size: 16px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 0;
}
h5 {
color: #231F20;	font-weight: bold;	font-size: 14px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 0;
}
h6 {
color: #831c0b;	font-weight: bold;	font-size: 14px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 0;
}
p {
margin: 10px 0 0 0;
}
.redbold {
color: #831c0b;	font-weight: bold; 
}

#container  {
margin: 0 auto; text-align: left; background-color: #fff; width: 800px; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           ~~~~ links ~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
color: #831c0b; text-decoration: underline;
}
a:visited {
text-decoration: underline; color: #831c0b;
}
a:hover {
text-decoration: underline; color: #8A2919;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           ~~~~ misc. styles ~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.caption {	
font-size: 10px; margin-top: 3px;
}
.subhead {	
font-size: 11px; font-weight:normal; font-style:italic;
}
.image_rt { 
float: right; padding:5px; 
}
.image_lt {
float: left; padding: 5px; 
}
.clearthefloats {
clear: both;
}

.featuredwine {background-color:#FFFFCC; font-style:italic;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ header ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top_links { 
text-align: right; background: none; padding-left: 330px; margin: 0; vertical-align: top; font-weight: bold; font-size: 12px;
}

#top_links a {
color: #000000; text-decoration: underline;
}

#top_links a:hover {
color: #ffffff; text-decoration: underline;
}

#header {
height: 76px; width: 800px; background-image: url(images/bg_header_lm.jpg); background-repeat: no-repeat; background-position: 0 0; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            ~~~~~~~ top navigation ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation {
height: 52px; width: 800px;  background-image: url(images/bg_nav_lm.jpg);
}
ul.navigation {
padding: 0px; margin-top:auto; float: left; margin: 0; 
}
ul.navigation li {
list-style-type: none; float: left;
}
ul.navigation li a {
height: 26px; float: left;
}
ul.navigation li a:hover {
background-position: 0px -26px;
}
li.campo a {
width: 95px; background-image: url(images/Nav-LM/campo.jpg); background-repeat: no-repeat;
}
li.home a {
width: 73px; background-image: url(images/Nav-LM/home.jpg); background-repeat: no-repeat;
}
li.about a {
width: 75px; background-image: url(images/Nav-LM/about.jpg); background-repeat: no-repeat;
}
li.bocce a {
width: 72px; background-image: url(images/Nav-LM/bocce.jpg); background-repeat: no-repeat;
}
li.dining a {
width: 74px; background-image: url(images/Nav-LM/dining.jpg); background-repeat: no-repeat;
}
li.events a {
width: 75px; background-image: url(images/Nav-LM/events.jpg); background-repeat: no-repeat;
}
li.wines a {
width: 68px; background-image: url(images/Nav-LM/wines.jpg); background-repeat: no-repeat;
}
li.photos a {
width: 80px; background-image: url(images/Nav-LM/photos.jpg); background-repeat: no-repeat;
}
li.calendar a {
width: 97px; background-image: url(images/Nav-LM/calendar.jpg); background-repeat: no-repeat;
}
li.blog a {
width: 73px; background-image: url(images/Nav-LM/blog.jpg); background-repeat: no-repeat;
}

li.campo a span, li.home a span, li.about a span, li.bocce a span, li.dining a span, li.events a span, li.wines a span, li.photos a span, li.calendar a span, li.blog a span { display: none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ body & side navigation ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contents {width: 760px; padding: 20px;
}
#col_lt {
float: left; width: 140px;  display: inline; margin-right: -580px; margin-bottom: 30px; min-height: 80px; text-align: left; background:url(images/bg_side-nav.gif); background-repeat:repeat-y;
}
* html #col_lt {height:80px} /* IE Min-Height Hack */ 

#col_lt_landing {
float: left; width: 140px;  display: inline; margin-right: -580px; margin-bottom: 30px; min-height: 80px; text-align: left;
}
* html #col_lt_landing {height:80px} /* IE Min-Height Hack */ 

#col_rt {
float: right; width: 585px; padding-left: 35px; display: inline; margin-bottom: 30px; text-align: left;
}
#nav_lt ul
{
list-style: none; padding: 0; margin: 0;
}
#nav_lt li
{
margin: 0; margin-left: 17px; margin-bottom: 5px; color:#FFFFFF;
}
#nav_lt li a
{
color:#FFFFFF; text-decoration: none;
}
#nav_lt li a:hover
{
text-decoration: underline;
}
.current a
{
font-weight: bold; text-decoration: underline;  
}
#contents_lt
{
background-color:#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             ~~~~~~~ footer ~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bottom_nav {
clear: both; color: #000; text-align: right; width: 800px; height: 37px; background-image:url(images/bg_footer_lm.jpg); background-repeat:no-repeat; margin: auto; font-size: 12px; font-weight: bold;
}
#bottom_nav a {
color: #000; text-decoration: none;
}
#bottom_nav a:hover {
color: #000; text-decoration: underline;
}

#dd_links  {
color: #ffffff; font-size: 11px; font-weight:normal; 
}

#dd_links a {
color: #ffffff; text-decoration: underline;
}

#dd_links a:hover {
color: #cccccc; text-decoration: underline;
}