@charset "utf-8";
/* CSS Document */
/* navigation bar for horizontal menu */

DIV.navbar {
	margin:0px;
	padding:0px;
	background:  url(../gfx/bg_navbar.jpg) no-repeat top left;
	height:72px;
	position:relative;
	z-index:50;
}
UL.navbar  {
	display:block;
	list-style-type:none;
	margin:0px;
	padding-left:0px;
	position: absolute;
	top:0px;
	left:83px;				/* adjust to align left */
}
UL.navbar LI  {
	text-align:center;
	display:block;
	float:left;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	padding-top:20px;
	height:35px;
	line-height:35px;
	position:relative;
	/*z-index:50;*/
}

UL.navbar A {
	display:block;						/* required to make link box of li element */
	/*padding-left:20px;
	padding-right:20px;*/				/* typically padded, but this site has fixed width for each menu element */
}
UL.navbar LI A {
	text-transform:uppercase;
	font-family:"Comic Sans MS", cursive;
	font-size:18px;					/* font should be in em, but fixed pixels for some sites */
	font-weight:bold;
	position:relative;
	text-decoration:none;	
}
LI.menu_item:hover {
	/*background:url(/gfx/bg_menu_hover.png) center no-repeat;*/
}
LI.menu_item A:link,
LI.menu_item A:visited {
	color:#fff;
}
LI.menu_item A:hover {
	color:#000;
	/*background:#333333;*/
	/*font-weight:bold;*/
}
LI.menu_item A:active {
	color:#000;
}
LI.current_item A:link,
LI.current_item A:visited {
	/*background-color:#333333;*/
	color:#000; 
}

LI.menu_item div.sub_menu {
	display:none;
}
LI.menu_item:hover div.sub_menu {
	display:block;
}

DIV.sub_menu {
	position:absolute;
	top:55px;
	left:-50px;
	z-index:999;
}
UL.sub_menu {
	list-style:none;
}
UL.sub_menu LI {
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	/*float:left;*/
	width:150px;
	padding-left:5px;
	padding-right:5px;
	height:30px;
	/*line-height:20px;*/
	background:#6d8e99;
	border:1px #3c5f68 solid;
}
LI.sub_menu_item IMG {
	display:none;
	width:80px;
	height:80px;
	margin:10px 5px 0px 5px;
}
LI.sub_menu_item A,
LI.sub_menu_item A:link,
LI.sub_menu_item A:visited {
	color:#fff;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	/*width:200px;*/
}
LI.sub_menu_item A:hover {
	color:#000;
	background:none;
}
UL.sub_menu LI.bg_btn_windsurf {
		background:#004077 url(/gfx/bg_btn_windsurf.jpg) center no-repeat;
}
UL.sub_menu LI.bg_btn_kitesurf {
	background:#e6180b url(/gfx/bg_btn_kitesurf.jpg) center no-repeat;
}
UL.sub_menu LI.bg_btn_openbic {
		background:#fe850c url(/gfx/bg_btn_openbic.jpg) center no-repeat;
}
UL.sub_menu LI.bg_btn_sup {
		background:#13ff01;
}

div#menu_shop UL LI {

}
div#menu_lessons {

}
div#menu_rentals {

}
div#menu_events {

}
div#menu_gallery {

}
div#menu_blog {

}

/*  specific for each menu item */
LI#menu_home_link {
	width:65px;
}
LI#menu_shop_link {
	width:75px;
}
LI#menu_lessons_link {
	width:100px;
}
LI#menu_rentals_link {
	width:100px;
}
LI#menu_events_link {
	width:90px;
}
LI#menu_gallery_link {
	width:90px;
}
LI#menu_blog_link {
	width:65px;
}
LI#menu_faq_link {
	width:65px;
}
LI#menu_info_link {
	width:150px;
}

/* site preference icon */
div#nav_site_pref {
	position:absolute;
	top:14px;
	left:28px;
	width:50px;
	height:50px;
	/*background:url(/gfx/icon-windsurf.png) center no-repeat;*/
}