﻿  /* 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;
}
 #side-menu li {
	padding-bottom: 2px;
}

 #side-menu a:link, #side-menu a:visited {
	 color: #313131;
	 text-decoration: none;
	 }

 #side-menu a:hover {
	background-color: #6CB05B;
	color: #fff;
}
 
#top-menu {						/* horizontal menu */
	width: 100%;
	max-width: 890px;
	min-width: 240px;
	position: absolute; 
	z-index: 10; 
	margin-top: -20px;
	}

 #top-menu ul {
	 margin-left: 0;
	 margin-right: 0;
	 padding-left: 0;
	 padding-right: 1px;
	 list-style-type: none;
	 }
	 
 #top-menu li {
	float: right;
	padding-right: 2px;
}
	 
 #top-menu a {
	display: inline-block;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F5F5F5;
	border-right: 1px #C0C0C0 solid;
	border-bottom: 1px #C0C0C0 solid;
	border-radius: 5px;
}

 #top-menu a:link, #top-menu a:visited {
	 color: #313131;
	 text-decoration: none;
	 }

 #top-menu a:hover {
	background-color: #6CB05B;
	color: #fff;
}

/* Anchor Links */
a {	
	color: blue;
	text-decoration: none;
	}
a:HOVER {
	color: #FF1512;
	text-decoration: underline;
	}
a:ACTIVE {
	color: Blue;
	text-decoration: none;
	}

