/* This is how to comment in CSS */

#leftsidesubnav {
	display: block;
	float: left;
	font-size: .9em;
	width: 20%;
	height: auto;
	margin-top: 25px;
	padding-top: 1%;
	margin-left: 0;
	margin-right: 4%;
	margin-bottom: 4%;
	border-top: 2px solid #662200;
	}

#leftsidesubnav-no-rule {
	display: block;
	float: left;
	font-size: .9em;
	width: 20%;
	height: auto;
	margin-top: 25px;
	padding-top: 1%;
	margin-left: 0;
	margin-right: 4%;
	margin-bottom: 4%;
	border-top: 0px solid #662200;
	}

/* The position of the subnav text. */
#subnav, #subnav ul{
display: block;
margin:0;
padding-left:0px;
list-style-type:none;
list-style-position:outside;
position:relative; 
}
	
/* The text of the subnav. */
#subnav a{
display:block;
padding: 6px 4px 6px 6px;
text-decoration:none;
color:#003a7b;
}

#subnav a:after {
  content: '\25B8';
  position: relative;
  left: 4px;
  margin-top: -2px;
  margin-right: 2px;
font-size: 1em;
}

/* Color for a hover state. */
#subnav a:hover {

color: #fff;
	background-color: #003a7b;
}

/* Format for a clicked-on link. */
#subnav a:active {
background-color:#CCC;
text-decoration:underline;
color:#993333;
}

#subnav a:visisted {
color:#000;
}

#subnav li{
float:left;
position:relative;
}

#subnav ul {
position:relative;
margin-left:0px;
z-index: 50;
display:none;
width:auto;
background-color:#1b67ba;
-moz-box-shadow: 3px 4px 6px #666;
  -webkit-box-shadow: 3px 4px 6px #666;
	box-shadow: 3px 4px 6px #666;
}



#subnav li ul a{
width:184px;
padding-top:8px;
padding-bottom:7px;
float:left;
}

#subnav ul ul{
top:auto;
}	

#subnav li ul ul {
left:160px;
}

#subnav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#subnav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

.subnavbutton1-1 #subnavbutton1-1 a,
.subnavbutton1-2 #subnavbutton1-2 a,
.subnavbutton1-3 #subnavbutton1-3 a,
.subnavbutton1-4 #subnavbutton1-4 a,
.subnavbutton1-5 #subnavbutton1-5 a,
.subnavbutton1-6 #subnavbutton1-6 a  {
	color: #fff;
	background-color: #003a7b;	
/* Class to tell you that buttons should be highlighted constantly. */	
}

@media screen and (max-width: 840px) {
	
#leftsidesubnav, #leftsidesubnav-no-rule {
	display: none;
}

}