/* 

drop-downs branding CSS document
drop-downs.css
author: Atlantic BT - www.atlanticbt.com
date: 9/18/09

original based off final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk)
modified by Atlantic BT

*/




/*======================================
	=DO NOT EDIT BELOW
======================================*/
* html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */

#navigation ul { z-index: 800; }
#navigation ul li { position: relative; }

/* hide sub navs */
#navigation ul li ul,
#navigation ul#main-nav li ul li ul { position: absolute; left: -9000em; top: 0; margin: 0; }

/* base drop downs */
#navigation ul li:hover ul,
#navigation ul#main-nav li ul li:hover ul { display: block;  position: absolute; z-index: 900; }

/* overrides for sprites */
#navigation ul li:hover ul,
#navigation ul li:hover ul li,
#navigation ul li:hover ul li a { height: auto; /* override height from nav */ background: none; text-indent: 0; }


/*======================================
	=Editable Area
======================================*/


/* ### Base styles ### */

/* 1st level */
#navigation ul li:hover ul {
	top: 50px; left: 0; /* top = height of primary nav button */
	margin: 0; padding: 0;
	width: 220px;
	background: #357cca; background: rgba(42,117,199,.95);
	/* Border radius for modern browsers */
	-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
	color: #fff;
	font-size: 100%; /* override height from nav */
}
	#navigation ul li.left:hover ul { left: auto; right: 0;
										-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;
										-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
	
#navigation ul li:hover ul li {
	margin: 0; padding: 0;
	width: 220px;
	background: none;
	line-height: 1em;
}

#navigation ul li:hover ul li a {
	padding: 1em 20px;
	width: 180px;
	background: none;
	text-align: left;
	color: #fff; line-height: 1.7em;
}
	#navigation ul li:hover ul li.drop
	{ background-image: url(../images/i_bullet-wht.gif); background-repeat: no-repeat;
		background-position: 95% center; }
	
	#navigation ul#main-nav li ul li a:hover,
	#navigation ul#main-nav li ul li:hover a,
	#navigation ul#main-nav li ul li:hover ul li a:hover
	{ background-color: #529ddc; background: rgba(86,161,221,.9);
		-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;
		-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
	}
	
	#navigation ul#main-nav li.left ul li a:hover,
	#navigation ul#main-nav li.left ul li:hover a,
	#navigation ul#main-nav li.left ul li:hover ul li a:hover {
										-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;
										-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
	
	#navigation ul#main-nav li ul li:hover ul li a { background-color: transparent; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#navigation ul#main-nav li ul li:hover ul {
	left: 220px; top: 0;
	width: 220px;
	font-size: 100%;
	visibility: visible; /* IE7? */
}
	#container #navigation ul li.left ul li:hover ul { left: auto; right: 0; }