@import 'layout.css';

html,body{
	margin:0;
	padding:0;
	color:#545454;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	height:100%;
	width:100%;}
ul,li,img,a,p,h1,h2,h3,h4{
	margin:0;
	padding:0;
	outline:none;
	border:none;
	text-decoration:none;}
	
#content-wrapper a{color:#689133; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:1px 3px;}
#content-wrapper a:hover{ background:#F0FADF; border-bottom:1px solid #c0d799;}

h1{line-height:42px; font-weight:normal; font-size:33px; display: inline-block; margin-bottom:20px; color:#343434; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px;}
h2,h3{margin:18px 0 6px 0; display:inline-block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
h2{font-size:30px; margin-bottom:5px; color:#689133; letter-spacing:1px;}
h3{font-size:21px; margin-bottom:5px; color:#343434; text-transform:uppercase;}

img.right{float:right; margin-left:10px; margin-bottom:10px; border:2px solid #ccc;}
hr{border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px dashed #ccc;
	color:#fff;
	margin:20px 5px;}




/** HEADER **/
ul#navigation li{
	display:block;
	float:left;
}
ul#navigation li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#272727;
	text-shadow: 1px 1px 2px #666666;
	height:40px;
	display:block;
	padding:0 13px;}
ul#navigation li ul li a{
	padding:0 8px;}
ul#navigation li:hover a, ul#navigation li a.selected{
	color:#4f6f18;
	text-shadow: 1px 1px 2px #4c7028;}
	
#navigation li li{
	margin:0 19px;
	}

/*LEVEL ONE*/
ul.dropdown{
	position: relative;}
ul.dropdown li{
	float: left;
	zoom: 1;}
ul.dropdown > li:hover{}
ul.dropdown > li:hover > a{}
ul#navigation.dropdown li:hover a{}
ul.dropdown a:active{}
ul.dropdown > li > a{
	display: block;
	}
ul.dropdown li:last-child a{}/* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover{
	position: relative;}
ul.dropdown li.hover a{}
/*LEVEL TWO*/

ul.dropdown ul{/**/
	width: 217px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	background:url(../images/submenu-background.png) bottom no-repeat;
	padding:10px 0 22px 0;}
	
ul.dropdown li:hover li{
	background:none;
}
ul#navigation.dropdown li:hover li a{
	background:none;
	line-height:22px;
	width:162px;
	margin:0;
	font-size:13px;
	color:#616161;
	text-shadow:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:auto;}

ul#navigation.dropdown li:hover li a:hover{
	background:#82a840;
	color:#ffffff;}
	
ul.dropdown ul li{
	float: none;}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{
	width: 100%; 
	display: inline-block;
	padding:2px 9px;

} 
/*LEVEL THREE*/
ul.dropdown ul ul{
	left: 100%; 
	top: 0;}
ul.dropdown li:hover > ul{
	visibility: visible;
}
/**/

/** CONTENT **/
div#content-wrapper p{
	line-height:190%;
	margin:6px 0;}
div#content-wrapper ul{
	margin:6px 18px;
	list-style-position:outside;}
div#content-wrapper li{
	margin:4px 0;
	line-height:140%;}
	
div#content-wrapper li{
	background:none repeat scroll 0 0 #F0FADF;
	color:#333333;

	line-height:140%;
	list-style:none inside none;
	margin:5px 0 4px -18px;
	padding:5px 10px;
	}
	
div.mustdo{
	min-height:305px;}
div.mustdo h1{
	min-height:90px;
	float:right;
	width:605px;
	margin-bottom:45px;}
div.mustdo p{
	width:832px;
	float:right;
	padding-right:12px;}
/**/

/** FOOTER **/
ul.sponsors{
	position:absolute;
	height:30px;
	width:975px;
	margin:0 auto 20px;}
ul.sponsors li{
	display:inline;
	list-style:none;
	margin:0 20px;}
	
#footer-wrapper a{color:#828282;}
#footer-wrapper a:hover{ background:#F0FADF; border-bottom:1px solid #c0d799;}
	
/**/

/** BACKGROUNDS **/
div#background-header{background:url('../images/top-vines.jpg') no-repeat center top;}
div#background-footer{background:url('../images/bottom-vines.jpg') repeat-x 44% bottom;}
div#header-wrapper{}
div#header-overlay{background:url('../images/header-overlay.png') no-repeat transparent center;}
div#navigation-wrapper{background:url('../images/navigation-bg.jpg') no-repeat center bottom;}

div.mustdo{background:url('../images/101-mustdo.jpg') no-repeat  50px top;}

.menu-home{background: url(../images/menu-home-bg.png) no-repeat 50% 50px;}
.menu-festival{background: url(../images/menu-festival-bg.png) no-repeat 50% 50px;}
.menu-tickets{background: url(../images/menu-tickets-bg.png) no-repeat 50% 50px;}
.menu-winefood{background: url(../images/menu-winefood-bg.png) no-repeat 50% 50px;}
.menu-fashion{background: url(../images/menu-fashion-bg.png) no-repeat 50% 50px;}
.menu-photos{background: url(../images/menu-photos-bg.png) no-repeat 50% 50px;}
.menu-news{background: url(../images/menu-news-bg.png) no-repeat 50% 50px;}
.menu-contactus{background: url(../images/menu-contactus-bg.png) no-repeat 50% 50px;}
.menu-home:hover,.menu-home.selected{background: url(../images/menu-home-bg.png) no-repeat 50% 23px;}
.menu-festival:hover,.menu-festival.selected{background: url(../images/menu-festival-bg.png) no-repeat 50% 23px;}
.menu-tickets:hover,.menu-tickets.selected{background: url(../images/menu-tickets-bg.png) no-repeat 50% 23px;}
.menu-winefood:hover,.menu-winefood.selected{background: url(../images/menu-winefood-bg.png) no-repeat 50% 23px;}
.menu-fashion:hover,.menu-fashion.selected{background: url(../images/menu-fashion-bg.png) no-repeat 50% 23px;}
.menu-photos:hover,.menu-photos.selected{background: url(../images/menu-photos-bg.png) no-repeat 50% 23px;}
.menu-news:hover,.menu-news.selected{background: url(../images/menu-news-bg.png) no-repeat 50% 23px;}
.menu-contactus:hover,.menu-contactus.selected{background: url(../images/menu-contactus-bg.png) no-repeat 50% 23px;}