/*
--------------------------------------------------
DivaliciousChocolates.com NAVIGATION STYLES
Last revised 5 March 2011
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

Burgundy #990000

Dark brown #40150D
Medium brown #663300

Light brown #AA662A
Light brown 50% #D1AE7D

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
html, ul, ol, li, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

body	{  
		behavior: url(http://www.divaliciouschocolate.com/includes/csshover.htc);
		}

/* Nav wrapper */
#dropMenu {
		font: bold 10px/1.5 Verdana, Arial, sans-serif;
		width: 78.6em; /* 786px */
		position: relative;
		padding-top: 3px;
		padding-bottom: 29px;
		background-color: #990000; /* Burgundy */
		}

#dropMenu ul {
		list-style: none;
		}
#dropMenu ul ul { /* Hide any nested lists */
		display: none;
		}
#dropMenu ul .submenu:hover ul { /* Display nested list on :hover */
		display: block;
		}
#dropMenu ul li {
		position: relative;
		top: auto;
		left: auto;
		float: left;
		}
#dropMenu ul li a {
		white-space: nowrap;
		width: auto;
		display: block;
		padding: 4px 12px;
		}

/* Base level */
#dropMenu > ul, #dropMenu ul.level1 {
		margin-top: 22px;
		}
#dropMenu > ul li, #dropMenu ul.level1 li {
		float: left;
		margin-left: 3px; /* @.1875em */
		border: 1px solid #AA662A; /* Medium brown 67% */
		}
#dropMenu .level1 li a {
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/* Sub-levels */
#dropMenu ul.level2 {
		width: 17em;
		position: absolute;
		top: auto;
		left: -1px; /* Offset for base-level link border */
		z-index: 10;
		background-color: #AA662A; /* Light brown */
		}
#dropMenu ul.level1 li.submenu:hover ul.level2 {
		-moz-border-radius: 0 0 .5em .5em;
		border-radius: 0 0 .5em .5em;
		}
#dropMenu ul .submenu ul li {
		border: none;
	 	}
#dropMenu li.submenu li a {
		text-transform: none;
		letter-spacing: normal;
		width: 144px;
		display: block;
		margin: 0 0 0 -2px;
		border-top: 1px solid #D1AE7D; /* Light brown 50% */
		border-top-color: rgba(255,255,255,.25);
		}
#dropMenu li.submenu li:first-child a {
		border-top-color: #AA662A; /* Light brown -- prevent base-level menu from superseding z-index stack */
		}

/* Main nav link behavior */
#dropMenu li a:link, #dropMenu li a:visited {
		color: #FFDEAD; /* NavajoWhite */
		background-color: #40150D; /* Dark brown */
		}
#dropMenu li a:hover, #dropMenu li a:active {
		color: #FFF; /* White */
		background-color: #AA662A; /* Light brown */
		}

/* Submenu nav link behavior */
#dropMenu ul > li.submenu:hover > a { /* Forces drop-down menu link to remain colored */
		background: #AA662A; /* Light brown */
		}
#dropMenu li.submenu li a:link, #dropMenu li.submenu li a:visited {
		color: #FFF; /* White */
		background-color: transparent;
		}
#dropMenu li.submenu li a:hover, #dropMenu li.submenu li a:active {
		color: #990000; /* Burgundy */
		background-color: rgba(255,255,255,.25);
		}

#dropMenu #ticker {
		color: #FFF; /* White */
		text-align: center;
		width: 100%;
		position: absolute;
		top: 5px;
		left: 0;
		}
.clearBoth { /* clear floats */
		clear: both;
		height:0;
		}
#navColumnOne {
		padding-top: 1em;
		}
