@charset "utf-8";

/* CSS Document */

/*includes top nav, main nav, quicknav (homepage) and subnav*/
/*does not include footer nav*/


/*******************************/
/*        TOP NAV
/*******************************/

#topnav {
background-image:url(../images/slices/global/bodybkgd.gif);
height:2.4em;
width:950px;
position:relative;
}

#topnav ul {
float:right;
position:relative;
top:8px;
right:-10px;/*makes up for padding applied to seperators(*/
}

#topnav li a {
background:url(../images/slices/global/topnavseperator.jpg) no-repeat 0px 5px;
display:block;
/*height:38px;*/
outline:0;
text-transform:uppercase;
color:#999999;
text-decoration:none;
font-size:11px;
font-weight:normal;
padding:0 10px;
}

#topnav a:hover {
text-decoration:underline;
color:#CCCCCC;
}

#topnav li {
display:inline;
float:left;
}


/*******************************/
/*       MAIN NAVIGATION
/*******************************/
#nav {
background:url(../images/slices/global/navbkgd.gif) repeat-x;
height:68px;
position:relative;
z-index:1001;
}

#nav ul li {
list-style: none;
line-height:20px;
	float:left;
	position:relative;
	z-index:1001;
}

#nav li a {
height:35px;
margin:8px 6px;
padding:5px 6px;
color:#000000;
outline:0;
text-decoration:none;
font-size:14px;
font-weight:800;
z-index:1001;
}

#nav a:hover {
text-decoration:none;
color:#DAC5A6;
background:#22140B;
z-index:1001;
}

#nav ul ul li a.expand {
	 background: url(../images/arrow.gif) no-repeat right;
	 z-index:1001;
} 

#nav ul ul li a.expand:hover {
	 background: #52301B url(../images/arrow.gif) no-repeat right ;
	 z-index:1001;}

#nav ul li ul {
	position:absolute;
	display:none;
	z-index:1001;
}

/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#nav ul li:hover ul, #nav ul li.over ul {
	display:block;
	z-index:1001;
}
#nav ul li:hover ul ul, #nav ul li.over ul ul {
	display:none;
	z-index:1001;
}
/* SHOW SUBMENU  2 */
#nav ul ul li:hover ul, #nav ul ul li.over ul {
	display:block;
	z-index:1001;

}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#nav a {
	display:block;
}
/* ******************************************************************* */

#nav ul {
	z-index:1;
}
#nav ul ul {
	z-index:2;
}
#nav ul ul ul {
	z-index:3;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */



/*********************************/
/*       BEGIN DROPDOWN MENU
/*********************************/
	
#nav ul ul {
top:52px;
width:175px;
padding:5px 0 0px 0;
margin:0 0 0 9px;
background:#22140B;
z-index:95;
left:0px;
z-index:1001;
}

#nav ul ul li {
margin:0;
min-height:1.5em;
height:auto;
top:0;
float:none;
padding:0 0 4px 0;
z-index:1001;
}

#nav ul ul li a  {
background:#22140B;
text-decoration:none;
text-transform:none;
min-height:1.5em;
height:auto;
margin:0;
color:#DAC5A6;
padding:3px 9px;
font-size:1em;
line-height:1.3em;
font-weight:normal;
z-index:1001;
}

#nav li li a:hover {
text-decoration:none;
background:#52301B;
z-index:1001;
}



/*********************************/
/*       Third tier
/*********************************/
	
#nav ul ul ul {
top: 0em;
width:135px;
background:#52301B;
padding:0px 0 10px 0;
margin:0 0 0 173px;
z-index:1001;
}

#nav ul ul ul li {
float:none;
top:0;
z-index:1001;
}

#nav ul ul ul li a  {
background:none;
text-decoration:none;
float:none;
color:#DAC5A6;
z-index:1001;
}

#nav li li li a:hover {
color:#22140B;
text-decoration:none;
background:#DAC5A6;
z-index:1001;
}



/***********************************/
/*   QUICK NAV W GREEN BKGD (HOMEPAGE ONLY)
/***********************************/

#quicknav {
height:11em;
width:690px;
position:relative;
margin:15px 0;
border:#817255 1px solid;
}

#quicknav ul {
margin:0 0 0 3px;
}

#quicknav ul li {
list-style:none;
}

#quicknav ul li a {
background:url(../images/slices/homepage/quicknav_sep.gif) no-repeat left;
padding:0 0 0 15px;
color:#000000;
text-decoration:none;
line-height:1.4em;
}

#quicknav ul li a:hover {
background:url(../images/slices/homepage/quicknav_sep_hover.gif) no-repeat left;
}

#quicknav ul li a:hover {
text-decoration:underline;
}

#conservation, #education, #biggame {
position:absolute;
top:10px;
list-style:none;
width:223px;
z-index:88;
}

/*First column-conservation*/
#conservation {
left:20px;
}

/*second column-*/
#education {
left:243px;
}

/*third column-*/
#biggame {
left:473px;
}

/*headers*/
#biggame h3, #education h3, #conservation h3 {
background:url(../images/slices/homepage/quicknav_line.gif) no-repeat;
background-position:bottom left;
padding:0 0 2px 0;
margin:0 0 5px 0;
color:#330000;
text-transform:uppercase;
font-size:1.3em;
}

/*the opacity background*/
#quicknavbkgd {
height:11em;
margin:0;
width:690px;
background-color:#003300;
filter:alpha(opacity=15);
moz-opacity:.25;
opacity:.12;
}

/*****************************/
/*   SUBNAV (SUBPAGES ONLY)
/*****************************/

#subnav {
position:relative;
z-index:80;
left:12px;
margin:20px 0 20px 0;
width:217px;
background-color:#c5b99f;
border:1px solid #957d68;
}

#subnav ul li {
list-style:none;
width:217px;
}

#subnav ul a.expandable{
background-image: url(../images/arrow.gif);
background-position:right;
background-repeat:no-repeat;
}

#subnav ul a.expandable:hover{
background-image: url(../images/arrow.gif);
background-position:right;
background-repeat:no-repeat;
}

#subnav ul li.expanded{
background-color:green;
}

#subnav ul li a {
text-decoration:none;
color:#000000;
display:block;
padding:.3em 0 .3em 5px;
text-transform:uppercase;
font-size:.95em;
line-height:1.3em;
border-top:1px solid #957d68;
}

#subnav ul li a:hover {
background-color:#dbcdb8;
}


/*third tier*/
#subnav ul ul {
background-color:#dbcdb8;
border-top:1px solid #957d68;
}

#subnav ul ul li a {
background:url(../images/slices/homepage/subnavarrow.gif) no-repeat 0 .45em;
margin:0 0 0 3px;
border-top:none;
display:block;
}

#subnav ul ul li a div{
	padding-left: 5px;
}

#subnav ul ul li a:hover {
text-decoration:underline;
}

/*first tier section title*/
#sectiontitle {
background-image:url(../images/slices/secondary/subnav_hdrbkgd.jpg);
width:212px;
height:auto;
text-transform:uppercase;
font-weight:normal;
color:#d9c7b1;
padding:6px 0 8px 5px;
border-bottom: solid 1px #d9c7b1;

}

#sectiontitle a{
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
color:#d9c7b1;
}