/* COMPANY NOTICE 
LUCKI MULTIMEDIA
http://www.lucki.us	
********************
©2009 Lucki Multimedia*/
/* DOCUMENT PURPOSE
The scope of this CSS stylesheet is to define the style of the global navigation elements. */ 

/* COLOR PALETTE
----------------------------------------------*/
/* #3a4f53 - dark cobalt blue */
/* #878d3d - pea green */
/* #eae8e2 - cream white */
/* #dee0da - light creamy green */
/* #c9cdc2 - dull creamy green */
/* #71716e - grey */

/* navigation (horizontal subnavigation)
----------------------------------------------- */

ul.nav,ul.nav * { margin:1px 0;padding:0;}
ul.nav {  position:relative;  width: 900px;  height: 54px; max-width:100%;}
ul.nav li {	cursor:pointer;	float:left;	text-align:center;	list-style-type:none;	font-weight:normal;}
ul.nav li ul {	cursor:default;	width:100%;	max-width:100%;	position:absolute;	height:auto; top:20px; background-position:0 0 !important; left:-9000px;}
ul.nav li ul li {	padding:0;	border:none;	width:auto;	max-width:none; }
ul.nav li a {	color:#fff;	font-weight: normal; text-decoration:none; display:block; line-height: 50px; background: url("../img/navButton.jpg") top right;	height: 50px; float:left; padding:0 2.1em;}
ul.nav li ul li a {	position:relative !important; /* ie Mac */	cursor:pointer !important; white-space:nowrap; line-height: 54px; height: 54px; font-weight:normal; background-position:0 50% !important;}
ul.nav li:hover a,ul.nav li a:hover {background:#2665a9; color:#fff;}
ul.nav li a:focus {background: transparent;}
ul.nav li a:active {background:#2665a9; color:#fff;}
ul.nav li:hover ul {left:0;z-index:10 background: transparent;}
ul.nav li ul,ul.nav li {background: transparent !important;}
ul.nav li:hover ul li a {color:#444; background: transparent;}
ul.nav li:hover ul li a:hover {color:#000; background: transparent;}
ul.nav li:hover ul li a:active {color:#666; background: #2665a9;}
ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight: normal;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,ul.nav li.current {background:#ccc !important;}
ul.nav li.current ul li a {color:#444; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000;}
ul.nav li ul li.current a,ul.nav li ul li.current a:hover,ul.nav li.current:hover ul li a:active {background: #2665a9;}

/* subNav ListChildOrSibs Styles
----------------------------------------------- */    
.subMenuH3 {	font-size: 1.2em; font-weight: bold; 	margin: 0 0 5px 0; padding: 2px 5px;}
.LCOS_list {	width: 100%;	list-style-type: none;	margin: 0; padding: 0;	font-size: .9em; font-weight: bold;}
.LCOS_child {	width: 100%;	line-height: 35px;	height: 50px;	margin: 5px; padding: 1px 0;}
.LCOS_child a {    width: 100%;	color: #002B5A;	padding: 5px 0px;	text-decoration: underline;  position: relative; top: 0; left: 0;}
.LCOS_child a:hover { padding: 5px 5px;	width: 100%;	color: #064386;	background: #D1D0C4; position: relative; top: 0; left: -5px;}
.LCOS_current {    width: 100%;	position: relative; top: 0px; left: -5px;	padding: 6px 10px 5px 10px;	background-color:#044184;	color: #eae8e2;	font-size: 1.1em;	clear: all;}

/* navigation (vertical subnavigation)
----------------------------------------------- */  
ul.main li {  position:relative;  top:0;  left:0;}
ul.main li ul {  border-top:0;}
ul.main li ul li {  float:left;}
ul.main li a {	height: 54px;	line-height: 54px;	border:0;	color:#fff;	background:#666;}
ul.main li ul li a {  width:13em;  line-height: 54px;  height: 54px;  text-align:left;  color:#fff;  border-top:1px solid #444;  background:#444;}
ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {  color:#fff;  background:#555;}
ul.main li:hover a {  color:#fff;  background:#555;}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#444;}
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {	float:right;	color:#cde;	background:transparent !important;}
ul.nav li.secondary span.status {	float:left;	padding:0 1em;	line-height:2.77em;	height:2.77em;  font-size:0.9em;}
ul.nav li.secondary span.status a {	float:none;	display:inline;	padding:0;	height:auto;	line-height:auto;	color:#cde;	background:transparent;}
ul.nav li.secondary span.status a:hover {	color:#fff;	background:transparent;}
ul.nav li.secondary span.status span {	text-transform:capitalize;}
ul.nav li.secondary:hover a {	color:#fff;	background:#666;}
ul.nav li.secondary:hover a:hover {	background:#555;}
ul.nav li.secondary:hover a:active {background:#444;}