/*
Western Illinois University - Presidential Mock Elections
*/

*
<!-- Start CSSMenu-Horizontal STYLE -->
<style>
#pcm{display:none;}
ul.CSSMenu-Horizontal ul{display:none}
ul.CSSMenu-Horizontal li:hover>ul{display:block}
ul.CSSMenu-Horizontal ul{position: absolute;left:-1px;top:98%;}
ul.CSSMenu-Horizontal ul ul{position: absolute;left:98%;top:-2px;}

<!-- BELOW is Info for 1st Level Drop-Down Items -->
ul.CSSMenu-Horizontal,ul.CSSMenu-Horizontal ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:transparent;
	background-repeat:repeat;
	border-color:transparent;
	border-width:1px;
	border-style:solid;
}
ul.CSSMenu-Horizontal table {border-collapse:collapse}ul.CSSMenu-Horizontal {
	display:block;
	zoom:1;
	height:21px;
	float: left;
}
<!-- BELOW is width for 2nd Level Menu Items -->
ul.CSSMenu-Horizontal ul{
	width:124.95px;
}
ul.CSSMenu-Horizontal li{
	display:table-row;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
<!-- Next Two BELOW are Info for 2nd Level Items when NOT hovering -->
ul.CSSMenu-Horizontal a:active, ul.CSSMenu-Horizontal a:focus {
outline-style:none;
}
ul.CSSMenu-Horizontal a, ul.CSSMenu-Horizontal li.dis a:hover, ul.CSSMenu-Horizontal li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:transparent;
	background-image:url(../images/btn3_2nd-level.png);
	border-width:1px;
	border-color:transparent;;
	border-style:solid;
	text-align:center;
	text-decoration:none;
	padding:2px 5px 5px 10px;
	font:normal 14px Tahoma;
	color: #FFF;
	text-decoration:none;
	cursor:pointer;
}
ul.CSSMenu-Horizontal span{
	overflow:hidden;
}
ul.CSSMenu-Horizontal li {
	float:left;
}
ul.CSSMenu-Horizontal ul li {
	float:none;
}
ul.CSSMenu-Horizontal ul a {
	text-align:left;
	white-space:nowrap;
}
ul.CSSMenu-Horizontal li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.CSSMenu-Horizontal li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;
	background-image:none;
}
ul.CSSMenu-Horizontal ul li.sep span{
	width:100%;
	height:3px;
}
ul.CSSMenu-Horizontal li:hover{
	position:relative;
}
<!-- BELOW is Info for 1st Level Drop-Down Items - Color change for 1st Level when hovering over 2nd level-->
ul.CSSMenu-Horizontal li:hover>a{
	background-color:transparent;
	border-color:#7D3F00;
	border-style:solid;
	font:normal 14px Tahoma;
	color: #000;
	text-decoration:none;
}
ul.CSSMenu-Horizontal li a:hover{
	position:relative;
	background-color:transparent;
	border-color:#7D3F00;
	border-style:solid;
	background-image:url(../images/btn3_2nd-level-hover_2.png);
	font:normal 14px Tahoma;
	color:#000000;
	text-decoration:none;
}
ul.CSSMenu-Horizontal li.dis a {
	color: #557D4F !important;
}
ul.CSSMenu-Horizontal img {
	border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.CSSMenu-Horizontal ul img {
width:16px;
height:16px;
}
<!-- BELOW is Info for 1st level button size was 110 width -->
ul.CSSMenu-Horizontal img.over{display:none}
ul.CSSMenu-Horizontal li.dis a:hover img.over{display:none !important}
ul.CSSMenu-Horizontal li.dis a:hover img.def {display:inline !important}
ul.CSSMenu-Horizontal li:hover > a img.def  {display:none}
ul.CSSMenu-Horizontal li:hover > a img.over {display:inline}
ul.CSSMenu-Horizontal a:hover img.over,ul.CSSMenu-Horizontal a:hover ul img.def,ul.CSSMenu-Horizontal a:hover a:hover img.over{display:inline}
ul.CSSMenu-Horizontal a:hover img.def,ul.CSSMenu-Horizontal a:hover ul img.over,ul.CSSMenu-Horizontal a:hover a:hover img.def{display:none}
ul.CSSMenu-Horizontal a:hover ul{display:block}
ul.CSSMenu-Horizontal span{
	display:block;
	background-image:url(../images/arrv_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:9px;}
ul.CSSMenu-Horizontal ul span{background-image:url(../images//arr_black.gif)}
ul.CSSMenu-Horizontal ul li:hover > a span{background-image:url(../images/arr_white.gif);}
ul.CSSMenu-Horizontal table a:hover span{background-image:url(../images/arr_white.gif)}
ul.CSSMenu-Horizontal li.CSSMenu-Horizontali0 {
width:134px;
height:32px;
}
ul.CSSMenu-Horizontal li a.CSSMenu-Horizontali0{
height:100%;
; background-image:url(../images/btn3_160px.xxx);
; background-repeat:no-repeat;
border-width:0px;
font:normal 14px Tahoma;
color:#fff;
}
ul.CSSMenu-Horizontal li a.CSSMenu-Horizontali0:hover{
background-image:url(../images/btn4_134px.png);
background-repeat:no-repeat;
background-color:transparent;
font:normal 14px Tahoma;
color:#FFFFFF;
}
 ul.CSSMenu-Horizontalm0 {
background-color:transparent;
border-width:0px;
	padding:0px 0px 0px 0px;
}
 ul.CSSMenu-Horizontalm0>li>a {
padding:6px 10px 0px 10px;
}
 ul.CSSMenu-Horizontalm0 a {
padding:8px 10px 0px 10px;
}
 ul.CSSMenu-Horizontalm0 ul a {
padding:2px 5px 5px 5px;
}
 ul.CSSMenu-Horizontalm0>li {
margin:0px 0px 0px 0px;
}
 ul.CSSMenu-Horizontalm0 li {
margin:0px 0px 0px 0px;
}
 ul.CSSMenu-Horizontalm0 li li {
margin:3px 0px 0px 3px;
}
</style>
<!-- End CSSMenu-Horizontal STYLE -->