/*Vertical MENU -------*/

#navcontainer { 
    width: 193px;
    height: auto;
    text-align:right;
    margin-top:0px;
 }

#navcontainer ul
{
margin-top:0;
padding-top:0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: .7em;

}

#navcontainer a
{
display: block;
padding: 5px;
width: 185px;
height: 18px;
background-color: #0a3d7e;
border:1px solid #eee;

}

#navcontainer a:link, #navlist a:visited
{
color: #eee;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #cfdeff;
color: navy;
text-decoration: underline;
}


/*Vertical MENU 2 -------*/

#sub_navcontainer { 
    width: 200px;
    height: auto;
    text-align:right;
    margin-top:0px;
 }

#sub_navcontainer ul
{
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: .95em;
font-family: MS Sans Serif;


}

#sub_navcontainer a
{
display: block;
padding: 5px;
width: 185px;
height: 20px;
background-color: #eee5cb;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
}

#sub_navcontainer a:link, #sub_navlist a:visited
{
color: navy;
text-decoration: none;
}

#sub_navcontainer a:hover
{
background-color: #336699;
color: #eee;
text-decoration: underline;
}




/*HORIZONTAL MENU 1 Blue to Tan -------*/

.bevelmenu{
font: bold .9em arial;
padding: 6px 5px;
margin: 0;
width: 100%;
background-color:#f2fafc;
text-align: right; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu li{
list-style: none;
display: inline;
}


.bevelmenu li a{
padding:2px 0.5em;
text-decoration: none;
color: white;
background-color: #0a3d7e;
border:1px solid black;
}
.bevelmenu li a:hover{
color: black;
background-color: #eee5cb;
}

/*HORIZONTAL MENU 2 Tan to Blue -------*/

.bevelmenu2{
font: bold .75em arial;
padding: 6px 5px;
margin: 0;
width: 100%;
background-color:#f2fafc;
text-align: left; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu2 li{
list-style: none;
display: inline;
}


.bevelmenu2 li a{
padding:2px 0.5em;
text-decoration: none;
color: black;
background-color: #eee5cb;
border:1px solid black;
}
.bevelmenu2 li a:hover{
color: white;
background-color: #336699;
}

/*HORIZONTAL MENU 3 Light Blue to Red -------*/

.bevelmenu3{
font: bold .75em arial;
padding: 6px 5px;
margin: 0;
width: 100%;
background-color:#f2fafc;
text-align: left; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu3 li{
list-style: none;
display: inline;
}


.bevelmenu3 li a{
padding:2px 0.5em;
text-decoration: none;
color: white;
background-color: #d60000;
border:1px solid black;
}
.bevelmenu3 li a:hover{
color: white;
background-color: #0a3d7e;
}


/*HORIZONTAL MENU 4 Blue to Tan, White Background -------*/

.bevelmenu4{
font: bold .85em arial;
padding: 6px 5px;
border: 0px solid blue;
margin: 0;
width: 100%;
background-color:none;
text-align: center; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu4 li{
list-style: none;
display: inline;
}


.bevelmenu4 li a{
float: left;
display: block;
padding:2px 0.5em;
text-decoration: none;
color: white;
background-color: #336699;

border-top:1px solid silver ;
border-left:1px solid silver ;
border-right:2px solid black ;
border-bottom:2px solid black ;
}
.bevelmenu4 li a:hover{
color: black;
background-color: #cfdeff;
border-top:1px solid black ;
border-left:1px solid black ;
border-right:2px solid silver ;
border-bottom:2px solid silver ;
}


/*HORIZONTAL MENU 5 Blue to Tan, red Background -------*/

.bevelmenu5{
font: bold .85em arial;
padding: 6px 5px;
margin: 0;
width: 100%;
background-color:#d00000;
text-align: center; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu5 li{
list-style: none;
display: inline;
}


.bevelmenu5 li a{

padding:2px 0.5em;
text-decoration: none;
color: white;
background-color: #336699;
border-top:1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 2px solid #fff;
}
.bevelmenu5 li a:hover{
color: black;
background-color: #eee5cb;
}

/*HORIZONTAL MENU 6 Blue to Tan, Blue/Grey Background -------*/

.bevelmenu6{
font: bold .75em arial;
padding: 6px 5px;
margin: 0;
width: 100%;
background-color:#b6c6d8;
text-align: center; /*set value to "right" for example to align menu to
the right of page*/
}


.bevelmenu6 li{
list-style: none;
display: inline;
}


.bevelmenu6 li a{
padding:2px 0.5em;
text-decoration: none;
color: white;
background-color: #336699;
border-top:1px solid #808080;
border-bottom: 2px solid #000000;
border-left: 1px solid #808080;
border-right: 2px solid #000000;
}
.bevelmenu6 li a:hover{
color: black;
background-color: #eee5cb;
}

/*HORIZONTAL MENU 7 Blue to Red Homepage Top -------*/

div.bevelmenu7{
    text-align: center; 
    width: 1022px;
    margin:0 auto;
    
    }

div.bevelmenu7 ul{
padding:3px 0 8px 0px;
width:600px;
height:20px;
margin:0 auto;
text-align: center;
}

ul.bevelmenu7{
font: normal .8em tahoma;
padding: 0;
margin:0;
width: 100%;
height:20px;
background-color:transparent;
border-bottom: 0 ;
text-align: right; /*set value to "right" for example to align menu to
the right of page*/
}


ul.bevelmenu7 li{
list-style: none;
display: inline;
}


ul.bevelmenu7 li a{

float: left;
display: block;

padding: .25em .4em;
margin-right: 2px;
text-decoration: none;
color: black;
background-color: #b9dcf2;
border-top:1px solid silver ;
border-left:1px solid silver ;
border-right:2px solid black ;
border-bottom:2px solid black ;
}

ul.bevelmenu7 li  a:link{
color: #fff;
background-color: #d00000;
border-top:1px solid silver ;
border-left:1px solid silver ;
border-right:2px solid black ;
border-bottom:2px solid black ;
}

ul.bevelmenu7 li  a:visited{
color: #fff;
background-color: #d00000;
border-top:1px solid silver ;
border-left:1px solid silver ;
border-right:2px solid black ;
border-bottom:2px solid black ;
}

ul.bevelmenu7 li a:hover{
color: #000;
background-color: #b9dcf2;
text-decoration: underline;

border-top:2px solid #000;
border-left:2px solid #000;
border-right:1px solid silver;
border-bottom:1px solid silver;

}

ul.bevelmenu7 li.current a {
color: #fff;
background-color: #336699;
text-decoration: none;

border-top:2px solid #000;
border-left:2px solid #000;
border-right:1px solid white;
border-bottom:1px solid white;

}

ul.bevelmenu7 li.current a:hover {
color: #808080;
background-color: #cecece;
text-decoration: none;

border-top:2px solid #000;
border-left:2px solid #000;
border-right:1px solid white;
border-bottom:1px solid white;

}