/*
// +--------------------------------------------------------+
// |	@file: menu.css										|
// +--------------------------------------------------------+
// |														|
// |	@project: Dead Horse Gap Website					|
// |	@author: Manuel Horne (http://hornet-webdesign.de)	|
// |	@last edit: Aug 10 2007								|
// |	@copyright: HorNet Webdesign 2007					|
// |														|
// +--------------------------------------------------------+
// |														|
// |	Menu layout.										|
// |														|
// +--------------------------------------------------------+
*/

/**********************************
 * menu marker column layout
 */
#menu_marker ul { margin:0px; padding:0px; list-style-type:none; }
#menu_marker ul li { margin:0px; padding:0px; width:20px; }

#menu_marker #news_marker { visibility:hidden; background:url('../img/menu/news_marker.gif') no-repeat; height:56px; margin:0px; padding:0px; }
#menu_marker #news_marker.active { visibility:visible; }
#menu_marker #onstage_marker { visibility:hidden; background:url('../img/menu/onstage_marker.gif') no-repeat; height:54px; margin:0px; padding:0px; }
#menu_marker #onstage_marker.active { visibility:visible; }
#menu_marker #band_marker { visibility:hidden; background:url('../img/menu/band_marker.gif') no-repeat; height:61px; margin:0px; padding:0px; }
#menu_marker #band_marker.active { visibility:visible; }
#menu_marker #gallery_marker { visibility:hidden; background:url('../img/menu/gallery_marker.gif') no-repeat; height:56px; margin:0px; padding:0px; }
#menu_marker #gallery_marker.active { visibility:visible; }
#menu_marker #media_marker { visibility:hidden; background:url('../img/menu/media_marker.gif') no-repeat; height:51px; margin:0px; padding:0px; }
#menu_marker #media_marker.active { visibility:visible; }
#menu_marker #contact_marker { visibility:hidden; background:url('../img/menu/contact_marker.gif') no-repeat; height:52px; margin:0px; padding:0px; }
#menu_marker #contact_marker.active { visibility:visible; }
#menu_marker #guestbook_marker { visibility:hidden; background:url('../img/menu/guestbook_marker.gif') no-repeat; height:52px; margin:0px; padding:0px; }
#menu_marker #guestbook_marker.active { visibility:visible; }

/**********************************
 * menu item column layout
 */
.menu_alt {	visibility:hidden; }

#menu ul { margin:0px; padding:0px; list-style-type:none; }
#menu ul li { margin:0px; padding:0px; }
#menu ul li a { height:100%; width:104px; display:block; text-decoration:none; }

#menu #news { background:url('../img/menu/news.gif') no-repeat; height:55px; }
#menu #news.inactive:hover { background:url('../img/menu/news.gif') 0px -55px no-repeat; }
#menu #onstage { background:url('../img/menu/onstage.gif') no-repeat; height:54px; }
#menu #onstage.inactive:hover { background:url('../img/menu/onstage.gif') 0px -54px no-repeat; }
#menu #band { background:url('../img/menu/band.gif') no-repeat; height:61px; }
#menu #band.inactive:hover { background:url('../img/menu/band.gif') 0px -61px no-repeat; }
#menu #gallery { background:url('../img/menu/gallery.gif') no-repeat; height:56px; }
#menu #gallery.inactive:hover { background:url('../img/menu/gallery.gif') 0px -56px no-repeat; }
#menu #media { background:url('../img/menu/media.gif') no-repeat; height:51px; }
#menu #media.inactive:hover { background:url('../img/menu/media.gif') 0px -51px no-repeat; }
#menu #contact { background:url('../img/menu/contact.gif') no-repeat; height:52px; }
#menu #contact.inactive:hover { background:url('../img/menu/contact.gif') 0px -52px no-repeat; }
#menu #guestbook { background:url('../img/menu/guestbook.gif') no-repeat; height:52px; }
#menu #guestbook.inactive:hover { background:url('../img/menu/guestbook.gif') 0px -52px no-repeat; }

/**********************************
 * submenu 4 specific content
 */
#newspaper #content #submenu { width:auto; border-bottom:2px solid #000000; margin-bottom:5px; }
#newspaper #content #submenu div,
#newspaper #content #submenu div.active
{
	width:auto;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	border:1px solid #333;
}
#newspaper #content #submenu div a:link,
#newspaper #content #submenu div a:visited,
#newspaper #content #submenu div a:active,
#newspaper #content #submenu div.active { padding:0px 5px; border:1px solid #EAD67A; }

#newspaper #content #submenu div.spacer { border:0px; margin-left:5px; }