/* style the main menu 8*/
#nav {
	background-color:#000;
    display: block;
    margin: 0 auto 0;
    min-height: 35px;
    padding: 10px 0 0;
    text-align: left;
	margin-bottom:15px;
	border-bottom:1px solid #e5e5e5;
}

/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
#nav, #nav * {
    margin:0;
    padding:0;
    list-style:none;
}
/* position all dropdowns off screen */
#nav ul {
    position:absolute;
    top:-999em;
}
/* style the main nav list items */
#nav li {
    clear: left;
    float:left;
    position:relative;
    width: 100%;
	/*
	border-left: 1px solid #e3e7e1;
	border-right: 1px solid #acb2a8;*/
	background-image:url(../images/bg_nav.png);
	background-repeat:repeat-x;
	
}
/* change the main nav list items on hover */ 
#nav li:hover {
	background-image:url(../images/bg_nav_hover.png);
	background-repeat:repeat-x;
    visibility:inherit; /* fixes IE7 'sticky bug' */
}
/* change the main nav list items on hover */ 
#nav .high {
	background-image:url(../images/bg_nav_hover.png);
	background-repeat:repeat-x;
    visibility:inherit; /* fixes IE7 'sticky bug' */
}
/* style all the links */
#nav a {
	font-family:Arial, Helvetica, sans-serif;
    display:block;
    padding: 7px 0;
    text-decoration: none;
}
/* style the first drop */
#nav li li, #nav li li:hover{
}
/* add a larger text indent for the first drop links */
#nav li li a {
    font-size: 13px;
	background-image:url(../images/bg_nav.png);
	background-repeat:repeat-x;

}
/* add a larger text indent for the first drop links */
#nav li li a:hover {
	background-image:url(../images/bg_nav_hover.png);
	background-repeat:repeat-x;
}
/* position first drop */
#nav li:hover ul {
    top:auto; /* match top ul list item height */
    position:relative;
}

@media only screen and (max-width: 766px) {
	
    /* bigger screen bigger font size and padding */
    #nav a {
        font-size: 13px;
        padding: 7px 0;
    }
	
}

@media only screen and (min-width: 766px) {

    /* set height so content isn't pushed down add z-index to keep drops above content */
    #nav {
        height: 33px;
        z-index: 100;
    }
	
	#nav a {
        font-size: 13px;
        padding: 7px 0;
	}
	
    /* restyle so main links are horizontally aligned */
    #nav li {
        clear: none;
        width: 20%; /* this will need to be adjusted for your needs */
    }
    /* new style for drop list items */
    #nav li li{
        clear: left;
		text-align: left;
        width: 200px;
    }
    /* reset text indent on all drop a tags and set the width to 100% */
    #nav li li a, #nav li li li a, #nav li li li li a{
        width: 100%;
    }
    /* reposision and style the first drop */
    #nav li:hover ul{
        left: auto;
        position: absolute;
        top: -1;
        width: 100%;
        z-index: 100;
    }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {

    /* bigger screen bigger nav */
    #nav{
        height: 33px;
		text-align:center;
    }
    /* bigger screen bigger font size and padding */
    #nav a {
        font-size: 13px;
        padding: 7px 0;
    }
}
@media only screen and (min-width: 960px) {

    /* bigger screen bigger nav */
    #nav{
        height: 33px;
		text-align:center;
    }
    /* bigger screen bigger font size and padding */
    #nav a {
        font-size: 15px;
        padding: 7px 0;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
}