﻿  /* WebStart CSS - menus/anchors */
  
#side-menu {						/* Verticle menu */
	width: 85%;
	max-width: 250px;
	min-width: 100px;
	}

 #side-menu ul {
	 margin-left: 0;
	 padding-left: 0;
	 list-style-type: none;
	 }

 #side-menu a {
	display: block;
	padding: 5px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border-bottom: 1px #C0C0C0 solid;
	border-right: 1px #C0C0C0 solid;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 0px -15px 10px -12px rgba(0,0,0,0.1);

}

 #side-menu a:link, #side-menu a:visited {
	 color: #313131;
	 text-decoration: none;
	 }

 #side-menu a:hover {
	background-color: #0872A4;
	color: #fff;
}
 
#top-menu {						/* horizontal menu */
	width: 100%;
	max-width: 965px;
	min-width: 400px;
	position: absolute; 
	
	z-index: 10; 
	margin-top: -11px;
	/*margin-top: -0.7em; */
	}

 #top-menu ul {
	 margin-left: 0;
	 margin-right: 0;
	 padding-left: 0;
	 padding-right: 0;
	 list-style-type: none;
	 }
	 
 #top-menu li {
	float: right;
}
	 
 #top-menu a {
	display: inline-block;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #19A0DA;
	border-top: 1px #336699 solid;
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	border-bottom: 1px #336699 solid;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset 0px -15px 10px -12px rgba(0,0,0,0.4);
}

 #top-menu a:link, #top-menu a:visited {
	 color: #ffffff;
	 text-decoration: none;
	 }

 #top-menu a:hover {
	 background-color: #0872A4;
	 color: #fff;
	 }


/* Anchor Links */
a {	
	color: blue;
	text-decoration: none;
	}
a:HOVER {
	color: #FF1512;
	text-decoration: underline;
	}
a:ACTIVE {
	color: Blue;
	text-decoration: none;
	}

