﻿/* CSS Document */

.menu{
	height:38px; 
	padding:0px;
	margin:0px;
	font-size:14px;
	float:right;
	}
.menu ul{
	padding:0px; 
	margin:0px; 
	list-style-type:none;
	
	}
.menu ul li{
	margin-right: 20px;
	margin-top: 10px;
	float:right;
	line-height:38px; 
	height:38px;
	text-align:left;
	
	}
.menu ul li .rc_CurrentPage{
	background-image:url(images/tab.png);
	background-repeat: no-repeat;
	background-position: center top;
	color:#4A5465; 
	}
.menu ul ul li{
	margin:0;
	padding: 0;
	display:block; 
	width:auto;
	height:auto;
	line-height:1px;
	position:relative; 
	}
.menu a{
	padding:0 15px 0 15px; 
	display:block; 
	font-size:16px;
	font-family:arial;
	font-weight:bold;
	float:left; 
	color:#3D82AE;
	height:100%; 
	text-decoration:none;
	}
.menu ul ul a{
	padding:7px 10px 7px 10px;  
	display:block; 
	background-color:#E8F986;
	border-top:#CDD0D6 1px solid;
	border-left:#CDD0D6 1px solid;
	border-right:#CDD0D6 1px solid;
	width:135px; 
	color:#3D82AE; 
	line-height:10px; 
	height:15px;
	}
.menu li:hover{
	position:relative;
	}
.menu a:hover{
	background:url(images/active-bg1.gif) repeat-x;
	color:#D10B14;
	}
.menu ul ul a:hover{
	background:#3D82AE; 
	color:#ffffff;
	}
.menu ul ul :hover >a{
	background:#3D82AE;
	color:#ffffff;
	}
.menu ul ul ul a:hover{
	background:#3C3C3C;
	}
#menu ul ul ul :hover > a{
	background:#3C3C3C; 
	}
.menu ul ul ul ul a:hover{
	background:#eee
	}
.menu ul ul{
	left:120px;
	visibility:hidden;
	width:125px;
	position:absolute;
	top:0px;
	height:0px;	
	}
.menu ul ul ul{
	left:393px;
	width:125px;
	top:-3px;
	}
.menu ul ul ul.left{
	left:-150px;
	}
.menu ul li:hover ul{
	visibility:visible;
	padding-bottom:30px;
	height:auto;
	}
.menu ul a:hover ul{
	visibility:visible;
	padding-bottom:30px;
	height:auto;
	}
.menu ul :hover ul ul{
	visibility:hidden;
	}
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
	}
/* magazine menu */	
#bttmmenu{
	position: absolute;
	height: 80px;
	width: 836px;
	bottom:0;
	background-image: url(images/menu-bg.png);
	background-repeat:no-repeat;
}
#bttmmenu ul{
	list-style-type:none;
float: right;
width: 836px;
height: 80px;
}
#bttmmenu ul li{
float: left;
width: 100px;
line-height: 30px;
}
#bttmmenu a{
	margin-left: 6px;
	text-decoration:none;
	line-height: 85px;
	display:block;
	left: 41px;
	top: 9px;
	height: 44px;
}
#bttmmenu .east{
	background-image: url(images/east.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	width: 148px;
	position:absolute;
	height: 44px;
	left: 119px;
	top: 11px;
}
#bttmmenu .east:hover{
background-image: url(images/east.png);
	background-repeat:no-repeat;
	background-position: 0 -90px;
}
#bttmmenu .north{
	background-image: url(images/north.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	width: 122px;
	position:absolute;
	left: 407px;
	top: 14px;
	height: 48px;
}
#bttmmenu .north:hover{
background-image: url(images/north.png);
	background-repeat:no-repeat;
	background-position: 0 -90px;
}
#bttmmenu .west{
	background-image: url(images/west.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	width: 143px;
	position:absolute;
	left: 256px;
	top: 4px;
	height: 45px;
}
#bttmmenu .west:hover{
background-image: url(images/west.png);
	background-repeat:no-repeat;
	background-position: 0 -90px;
}
#bttmmenu .cow{
	background-image: url(images/cowlitz.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	width: 134px;
	position:absolute;
	left: 526px;
	top: 35px;
	height: 38px;
}
#bttmmenu .cow:hover{
background-image: url(images/cowlitz.png);
	background-repeat:no-repeat;
	background-position: 0 -90px;
}
#bttmmenu .hag{
	background-image: url(images/handg.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	width: 159px;
	position:absolute;
	left: 665px;
	top: 48px;
	height: 38px;
}
#bttmmenu .hag:hover{
background-image: url(images/handg.png);
	background-repeat:no-repeat;
background-position: 0 -90px;
}



#menu9 {
		color: #E8F986;
	margin-left:10px;
	}
#menu9 ul {
	width: 88px;
	padding:0px;
	margin:0px;
	list-style-type: none;
}
#menu9 li a {
	margin-left: 10px;
	color: #E8F986;
	text-align: left;
	height:auto;
	text-decoration: none;
	border-bottom: dotted #333333 1px;
	}	
	
#menu9 li a:link, #menu9 li a:visited { 
	color: #FFF;
	display: block;
	background-repeat: repeat;
	padding: 0;
	}
	
#menu9 li a:hover { 
	background-color: #2C5E7A;
color: #ffffff;
	padding: 0;
	}
