/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Menu CSS
* Description: CSS file for the menu items for the Crane Johnson Lumber website
*
*********************************************************************************/

/*----| topnav section |----*/

#topnavlist
	{
	float:left;
	width:590px;
	position:relative;
	top:10px;
	left:186px;
	margin:0px 0px 0px 9px;
	padding:0px;
	list-style:none;
	z-index:2;
	}
	
/* star html hack to correct discrepencies between IE7 and older verions */

* html #topnavlist
	{
	float:left;
	width:590px;
	position:relative;
	top:10px;
	left:186px;
	margin:0px 0px 0px 4px;
	padding:0px;
	list-style:none;
	z-index:2;
	}

#topnavlist li
	{
	float:left;	
	margin:0px;
	padding:0px;
	}
	
#topnavlist li a:link, #topnavlist li a:visited
	{
	float:left;
	display:block;
	margin:0px 10px 0px 0px;
	padding:3px 8px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#000000;
	background:#ffffff;
	border-top:1px solid #144898;
	border-right:1px solid #144898;
	border-bottom:1px solid #144898;
	border-left:1px solid #144898;
	}
	
/* star html hack to correct discrepencies between IE7 and older verions */

* html #topnavlist li a:link, * html #topnavlist li a:visited
	{
	float:left;
	display:block;
	margin:0px 5px 0px 0px;
	padding:3px 8px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#000000;
	background:#ffffff;
	border-top:1px solid #144898;
	border-right:1px solid #144898;
	border-bottom:1px solid #144898;
	border-left:1px solid #144898;
	}
	
#topnavlist li a:hover
	{
	float:left;
	display:block;
	padding:2px 8px;
	border-top:2px solid #144898;
	border-right:1px solid #144898;
	border-bottom:2px solid #144898;
	border-left:1px solid #144898;
	}
	
/* star html hack to correct discrepencies between IE7 and older verions */

* html #topnavlist li a:hover
	{
	float:left;
	display:block;
	padding:2px 8px;
	border-top:2px solid #144898;
	border-right:1px solid #144898;
	border-bottom:2px solid #144898;
	border-left:1px solid #144898;
	}
	
#topnavlist li a:active
	{
	float:left;
	display:block;
	padding:2px 8px;
	border-top:2px solid #144898;
	border-right:1px solid #144898;
	border-bottom:2px solid #144898;
	border-left:1px solid #144898;
	}
	
/* star html hack to correct discrepencies between IE7 and older verions */

* html #topnavlist li a:active
	{
	float:left;
	display:block;
	padding:2px 8px;
	border-top:2px solid #144898;
	border-right:1px solid #144898;
	border-bottom:2px solid #144898;
	border-left:1px solid #144898;
	}
	
#cjl_logo a, #mst_logo a, #cjm_logo a, #emo_logo a
	{
	border:none;
	}

#cjl_logo a:hover, #mst_logo a:hover, #cjm_logo a:hover, #emo_logo a:hover
	{
	background:none;
	padding:0px;
	}
	
#cjl_logo a img, #mst_logo a img, #cjm_logo a img, #emo_logo a img
	{
	margin:5px 0px 5px 5px;
	padding:0px;
	border:none;
	background:none;
	}
	
/*----| subnav section |----*/

#cjl_menu, #mst_menu, #cjm_menu
	{
	margin:0px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.5em;
	list-style:none;
	}

#cjl_menu li, #mst_menu li, #cjm_menu li
	{
	margin:0px;
	padding:0px;
	color:#000000;
	}
	
#cjl_menu li a:link, #cjl_menu li a:visited, #mst_menu li a:link, #mst_menu li a:visited, #cjm_menu li a:link, #cjm_menu li a:visited
	{
	margin:0px;
	padding:0px 11px 2px 0px;
	text-decoration:none;
	color:#144898;
	border:none;
	}

#cjl_menu li a:hover, #mst_menu li a:hover, #cjm_menu li a:hover
	{
	margin:0px;
	padding:0px 11px 2px 0px;
	color:#000000;
	background:url(../images/arrow01.gif) center right no-repeat;
	}
	
#cjl_menu li a:active, #mst_menu li a:active, #cjm_menu li a:active
	{
	margin:0px;
	padding:0px 11px 2px 0px;
	color:#000000;
	background:url(../images/arrow01.gif) center right no-repeat;
	}
	
/*----| second-level lists |----*/

#cjl_menu li ul, #mst_menu li ul, #cjm_menu li ul
	{
	position:absolute;
	left:-999em;
	margin:-18px 0px 0px 65px;
	padding:0px;
	list-style:none;
	background:#144898;
	border:1px solid #000000;
	}

#cjl_menu li ul li, #mst_menu li ul li, #cjm_menu li ul li
	{
	margin:0px;
	padding:0px;
	}
	
#cjl_menu li ul li a:link, #cjl_menu li ul li a:visited, #mst_menu li ul li a:link, #mst_menu li ul li a:visited, #cjm_menu li ul li a:link, #cjm_menu li ul li a:visited
	{
	display:block;
	margin:0px;
	padding:2px 5px;
	text-decoration:none;
	color:#c5e6c5;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #cjl_menu li ul li a:link, * html #cjl_menu li ul li a:visited, * html #mst_menu li ul li a:link, * html #mst_menu li ul li a:visited, * html #cjm_menu li ul li a:link, * html #cjm_menu li ul li a:visited
	{
	display:block;
	margin:0px 0px -15px 0px;
	padding:2px 5px;
	text-decoration:none;
	color:#c5e6c5;
	}
	
#cjl_menu li ul li a:hover, #mst_menu li ul li a:hover, #cjm_menu li ul li a:hover
	{
	margin:0px;
	padding:2px 5px;
	color:#000000;
	background:#c5e6c5;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #cjl_menu li ul li a:hover, * html #mst_menu li ul li a:hover, * html #cjm_menu li ul li a:hover
	{
	margin:0px 0px -15px 0px;
	padding:2px 5px;
	color:#000000;
	background:#c5e6c5;
	}
	
#cjl_menu li:hover ul, #mst_menu li:hover ul, #cjm_menu li:hover ul, #cjl_menu li.sfhover ul, #mst_menu li.sfhover ul, #cjm_menu li.sfhover ul
	{
	left:auto;
	}