/* drop down menu - main menu items*/

.menu-wrap
{
display: none;
}

    ul#css3menu1,ul#css3menu1 ul
{
    margin:0;
    list-style:none;
    padding:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0; 
    
}


ul#css3menu1 li:hover>*
{
    display:block;
}

ul#css3menu1 li
{
    position:relative;
    display:block;
    white-space:nowrap;
    float:left;
    
    }

ul#css3menu1 li:hover
{
    z-index:1;
}



ul#css3menu1
{

    z-index:999;
    position:relative;
    display:block;
    zoom:1;    
    *display:block; 
}

ul#css3menu1>li
{
    margin:0;
}

* html ul#css3menu1 li a
{
    display:block;
}

ul#css3menu1 a:active, ul#css3menu1 a:focus
{
    outline-style:none;
}
/* main menu items */
ul#css3menu1 a
{
    display:block;
    vertical-align:middle;
    align:center;
    text-decoration:none;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	color: #4b182c;
    text-shadow:none;
    cursor:pointer;  
    /*  margin : 0 13px 0 13px;   */
    background-position:0 0;
    padding: 0 14px 0 14px; 
        
}
 /* bottom nav menu items */
ul#css3menu1 a.bottomnav
{
    display:block;
    vertical-align:middle;
    align:center;
    font-size : 17px;
    text-decoration:none;
	font-weight: semibold;
	font-family: 'Source Sans Pro', sans-serif;
	color: #ffffff;
    text-shadow:none;
    cursor:pointer;  
    /*  margin : 0 13px 0 13px;   */
    background-position:0 0;
    padding: 0 14px 0 14px; 
        
} 

/*bottom menu hover */
ul#css3menu1 li.bottomnav:hover>a
{
    color:#e6a65d;
    text-decoration:none;
}


 /*changes main menu background color */
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed
{

    background-position:0 100px;
    text-decoration:none;
    text-shadow:none;
}
ul#css3menu1 ul li
{
    float:none;
    margin:0 0 0 0;
}

/* drop down */
ul#css3menu1 ul a
{
    text-align:left;
    font-size : 17px;
    border-width:0;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    font-size: 12px;
	font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
    color:#f8f6ed;
    text-decoration:none;
    border-bottom: solid 1px #c8c9c7;    
    padding: 2px 6px 0 6px;
    z-index: 100;

}

/* drop down menu not main menu bar - this is where you position the drop down box using the left only - top has to stay 100 */
ul#css3menu1 ul
{
    display:none;
    position:absolute;
    left:12px;
    top:100%;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:#4b182c; /* color of background for drop down box */
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    z-index:100; 
    

}

 /*drop down hover */
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed
{
    background-color:#fff;
    background-image:none;
    color:#4b182c; /*plum */
    text-decoration:none;
    border-bottom: solid 1px #c8c9c7;
    padding: 2px 6px 0 6px;    
    z-index: 100;

}

/*main menu hover */
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed
{
    color:#e6a65d;/*orange */
    text-decoration:none;
}

ul#css3menu1 img
{
    border:none;
    vertical-align:middle;
}

ul#css3menu1 img.over
{
    display:none;
}

ul#css3menu1 li:hover > a img.def
{
    display:none;
}

ul#css3menu1 li:hover > a img.over
{
    display:inline;
}

ul#css3menu1 li a.pressed img.over
{
    display:inline;
}

ul#css3menu1 li a.pressed img.def
{
    display:none;
}

ul#css3menu1 span
{
    display:block;
    overflow:visible;
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:0px;
}

ul#css3menu1 ul span
{

    padding-right:28px;
}

/*
ul#css3menu1 ul ul span
{
position: absolute;
left: 102px;
top: -24px;
    padding-left:0px;
    color: #f8f6ed;
    background-color: #839064;
}

*/

ul#css3menu1 li.topfirst>a
{
    border-radius:0 0 0 0;
    -moz-border-radius:0 0 0 0;
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    z-index:150;
    
}

ul#css3menu1 li.toplast>a
{
    border-radius:0 0 0 0;
    -moz-border-radius:0 0 0 0;
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
}






    /* tertiary drop-down box */
        .navigation ul ul ul{
            left:170px;
            width:170px;
        }
        
        .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
        .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
            height:220px; /* need a height to accommodate any tertiary menus */
        }
 /* drop-down item styles */
        /* if you want different styling for tertiary menus, just copy the 4 rules below and insert an additional ul: for example: ".navigation ul ul li", becomes: ".navigation ul ul ul li" */
        
        .navigation ul ul li{
            background-color:#eaeaea; /* grey */
            width:170px;
        }
        
        .navigation ul ul li:hover {
            background-color:#999; /* grey */
        }
        
        .navigation ul ul li a {
            display:block;
            text-decoration:none;
            margin:0 12px;
            padding:5px 0;
            color:#4c4c4c; /* grey */
        }
        .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
            color:#ffffff; /* white */
        }
.smallarrow
{
width: 14px;
}  

.mobilebreak
{
    display: none;
}

  

@media screen and (max-width : 1200px) {

ul#css3menu1 a
{
    padding: 0 6px 0 12px;
    font-size : 15px;
}      
ul#css3menu1
{
width: 100%;
}

.smallarrow
{
width: 10px;
padding-bottom: 0px;
}
}

@media screen and (max-width : 1137px) {

ul#css3menu1 a
{
    padding: 0 6px 0 10px;
    font-size : 14px;
} 
}
@media screen and (max-width : 1100px) {

ul#css3menu1 a
{
    padding: 0 6px 0 10px;
    font-size : 14px;
}    

}  

.smallarrow
{
width: 10px;
padding-bottom: 0px;
}
}


@media screen and (max-width : 1035px) {

ul#css3menu1 a
{
    padding: 0 4px 0 6px;
    font-size : 13px;
}      
.mobilebreak
{
    display: block;
}

.smallarrow
{
width: 10px;
padding-bottom: 0px;
}

}

@media screen and (max-width : 980px) {

ul#css3menu1 a
{
    padding: 0 6px 0 12px;
    font-size : 13px;
}      


.smallarrow
{
width: 10px;
padding-bottom: 0px;
}

}
@media screen and (max-width : 880px) {

ul#css3menu1 a
{
    padding: 0 4px 0 6px;
    font-size : 13px;
}      
ul#css3menu1
{
width: 100%;
}


}

@media screen and (max-width : 820px) {

ul#css3menu1 a
{
    padding: 0 4px 0 6px;
    font-size : 13px;
}      
ul#css3menu1
{
width: 100%;
}


.smallarrow
{
display: none;
}

}


@media screen and (max-width : 480px) {

#mainnav {
    display:  none;
}

.menu-wrap {
    display:  block;
}

.active {
        display: block;
    }
    
    .nav {
    width: 100%; 
    list-style: none;
     *zoom: 1;
     background:#ceceae; /*background to nav bar */
     margin: 0 auto;
     padding: 0;
}
.nav a:link {

padding-left: 0px;

}
.nav a:hover {
padding-left: 0px;
}
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        z-index: 50;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.firstnav {
padding-left : 0px;

}

/* secondary nav */
.nav li li a {

    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;

}
.nav li li a:hover {

    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;

}

.bottomnav
{
padding-left: 6px;
padding-right: 6px;
font-size : 20px;
color: red;
}

}