/* This document holds all of the navigation link styling */

/* Assigned to the #nav - div structure of our head-menu */

.menu {
margin: 0;
padding: 0;
width: 1000px;
list-style: none;
z-index: 2;
}

/* Container for the links - rollover's applied to this div */

.menu li {
margin: 0px;
padding: 0px;
height: 35px;
display: block;
list-style: none;
background-repeat: no-repeat;
position: relative;
float: left;
z-index: 2;
}

/* The Menu Font Style, block, height */

.menu li a, .menu li a:visited {
padding-top: 15px;
padding-bottom: 10px;
font-family: calibri, arial, sans-serif;
font-weight: 600;
font-size:15px;
color: #ffffff;
text-align:center;
text-decoration: none;
display: block;
height: 10px;
background-repeat: no-repeat;
z-index: 2;
}

/* To account for the float option and clear the following region */

.menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
z-index: 2;
}

/* the roll-over styles for the links in our first items */
.menu li a:hover {
padding-top: 10px;
padding-bottom: 15px;
z-index: 2;
} 

/* first items > submenu structure */
.menu li ul {
display: none;
position: absolute;
margin-top: 0px;
margin-left: 0px;
z-index: 2;
}

/* this is the style of the inactive elements in the dropdown menu */
.menu li ul li {
width: 250px;
height: 25px;
display: block;
overflow: hidden;
z-index: 2;
}

/* Dropdown Menu Font Inactive */

.menu li ul li a, .menu li ul li a:visited {
padding-top: 3px;
padding-bottom: 2px;
display: block;
height: 20px;
z-index: 2;
}

/* Dropdown Menu Font Hover */

.menu li ul li a:hover, .menu li ul li a:focus {
padding-top: 2px;
padding-bottom: 3px;
display: block;
height: 20px;
z-index: 2;
}

/* extra styles for Internet Explorer (behavior file) */
#nav li > ul {
top: auto;
left: auto;
z-index: 2;
} 

/* to make things work in Internet Explorer (call for the behavior file) */
#nav li:hover ul, li.over ul {
display: block;
z-index: 2;
} 

/* 
The background of the "li" element acts as the button when inactive
The "linkX a:hover" is the rollover
".linkX li.active" is the current page style, ".active" page marker on each page
*/

a.active:link {background-repeat: no-repeat; background-position:center top;}

.link1 {background-image: url(/images/template/nav/link1Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link1 a:hover {background-image: url(/images/template/nav/link1Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link1 li a.active:link {background-image: url(/images/template/nav/link1Active.png);}

.link2 {background-image: url(/images/template/nav/link2Inactive.png); background-repeat: no-repeat; background-position:center top; width: 180px;}
.link2 a:hover {border-bottom: 1px solid #324207; background-image: url(/images/template/nav/link2Rollover.png); background-repeat: no-repeat; background-position:center top;} 
.link2 ul li {background-color: #3D5108; border-top: 1px solid #445A09; border-bottom: 1px solid #324207; border-right: 1px solid #445A09; border-left: 1px solid #324207; background-image: none;}
.link2 ul li a:hover {font-color: #333333; background-image: none;}
.link2 li a.active:link {background-image: url(/images/template/nav/link2Active.png); background-repeat: no-repeat; background-position:center top;}

.link3 {background-image: url(/images/template/nav/link3Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link3 a:hover {background-image: url(/images/template/nav/link3Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link3 ul li {background-color: #144d18; border-top: 1px solid #195c1e; border-bottom: 1px solid #124315; border-right: 1px solid #124616; border-left: 1px solid #124616; background-image: none;}
.link3 ul li a:hover {font-color: #333333; background-image: none;}
.link3 li a.active:link {background-image: url(/images/template/nav/link3Active.png); background-repeat: no-repeat; background-position:center top;}

.link4 {background-image: url(/images/template/nav/link4Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link4 a:hover {background-image: url(/images/template/nav/link4Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link4 li a.active:link {background-image: url(/images/template/nav/link4Active.png); background-repeat: no-repeat; background-position:center top;}

.link5 {background-image: url(/images/template/nav/link5Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link5 a:hover {background-image: url(/images/template/nav/link5Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link5 li a.active:link {background-image: url(/images/template/nav/link5Active.png); background-repeat: no-repeat; background-position:center top;}

.link6 {background-image: url(/images/template/nav/link6Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link6 a:hover {border-bottom: 1px solid #283506; background-image: url(/images/template/nav/link6Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link6 ul li {background-color: #334307; border-top: 1px solid #405409; border-bottom: 1px solid #283506; border-right: 1px solid #283506; border-left: 1px solid #405409; background-image: none;}
.link6 ul li a:hover {font-color: #333333; background-image: none;}
.link6 li a.active:link {background-image: url(/images/template/nav/link6Active.png); background-repeat: no-repeat; background-position:center top;}

.link7 {background-image: url(/images/template/nav/link7Inactive.png); background-repeat: no-repeat; background-position:center top; width: 164px;}
.link7 a:hover {background-image: url(/images/template/nav/link7Rollover.png); background-repeat: no-repeat; background-position:center top;}
.link7 li a.active:link {background-image: url(/images/template/nav/link7Active.png); background-repeat: no-repeat; background-position:center top;}