/* CSS Document */

#button {
	width: 180px;
	padding: 0 0 1px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCC99;
	color: #333;
	border-style: solid;
	border-width: 1px;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	width: 180px;
		}
		
	#button li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
		}

#button li a {
	display: block;
	padding: 5px;
	border-left: 10px solid #A8BA92;
	border-right: 10px solid #CCFF66;
	background-color: #009966;
	color: #fff;
	text-decoration: none;
		}
		
html>body #button li a {
		width: 180px;
		}

	#button li a:hover {
	border-left: 10px solid #CCFF66;
	border-right: 10px solid #A8BA92;
	background-color: #2586d7;
	color: #fff;
		}
		
	#button li a:active {
	border-left: 10px solid #CCFF66;
	border-right: 10px solid #A8BA92;
	background-color: #990000;
	color: #fff;
		}
		/* external buttons */
#buttonexternal {
	width: 180px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCC99;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	}

#buttonexternal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	width: 180px;
		}
		
	#buttonexternal li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
		}

#buttonexternal li a {
	display: block;
	padding: 5px;
	border-left: 10px solid #99cc66;
	border-right: 10px solid #CCFF00;
	background-color: #669966;
	color: #fff;
	text-decoration: none;
		}

	#buttonexternal li a:hover {
	border-left: 10px solid #CCFF66;
	border-right: 10px solid #A8BA92;
	background-color: #2586d7;
	color: #fff;
		}
		
	#buttonexternal li a:active {
	border-left: 10px solid #CCFF66;
	border-right: 10px solid #A8BA92;
	background-color: #990000;
	color: #fff;
		}