div.banner { background-color: #7a6e67; border: 1px solid-black; a:link { color: #000099; } a:visited { color: #d24d6c; } a:hover { color: #d24d6c; } a:active { color: #000099; } } div { padding-left: 1px; padding-right: 1px; padding-top: 0px; padding-bottom: 1px; } /* Main Dark Menu Unordered List First Level Style */ ul.umw_menu { list-style: none; padding: 0; font-family: Arial; font-size: 14px; line-height: 14px; } /* Clears all floated List Items */ ul.umw_menu:after { content: ""; clear: both; display: block; overflow:hidden; visibility: hidden; width: 0; height: 0; } /* First Level List Items Style */ ul.umw_menu li { float: left; margin: 0 0 0 10px; position: relative; } /* First List Item in First Level Style */ ul.umw_menu li:first-child { margin: 0; } /* List Items Links Style */ ul.umw_menu li a, ul.umw_menu li a:link { color: #161312; text-decoration: none; display: block; padding: 10px 26px; /* Text Shadow */ text-shadow: 0 1px 0 #4b433e; /* Gradient Background */ background: #ccccff; /* Old browsers */ background: -moz-linear-gradient(top, #ccccff 0%, #8B7A73 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccccff), color-stop(100%,#8B7A73)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ccccff 0%,#8B7A73 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ccccff 0%,#8B7A73 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ccccff 0%,#8B7A73 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccccff', endColorstr='#8B7A73',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ccccff 0%,#8B7A73 100%); /* W3C */ /* Border Radius */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* Box Shadows */ -webkit-box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514; -moz-box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514; box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514; /* Transition Effect */ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* List Items Links Hover State Style */ ul.umw_menu li a:hover { color: #000000; /* Text Shadow */ text-shadow: 0 0px 0px #000; /* Gradient Background */ background: #8B7A73; /* Old browsers */ background: -moz-linear-gradient(top, #8B7A73 0%, #ccccff 99%, #ccccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8B7A73), color-stop(99%,#ccccff), color-stop(100%,#ccccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8B7A73 0%,#ccccff 99%,#ccccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8B7A73 0%,#ccccff 99%,#ccccff 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #8B7A73 0%,#ccccff 99%,#ccccff 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8B7A73', endColorstr='#ccccff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #8B7A73 0%,#ccccff 99%,#ccccff 100%); /* W3C */ /* Transition Effect */ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* List Items Links Active and Selected State Style */ ul.umw_menu li a.selected, ul.umw_menu li a:active { color: #000000; background: #b0b0ff; /* Text Shadow */ text-shadow: 0 0px 0px #000; /* Box Shadows */ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; /* Transition Effect */ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* Sub Menu Unordered List Second Level Style */ ul.umw_menu li ul { display: none; } /* Sub Menu Unordered List Second Level Style When Parent List Item is Hovered */ ul.umw_menu li:hover ul { position: absolute; display: block; z-index: 1000; left: 0; top: 44px; padding: 5px 0; list-style: none; background: #ccccff; /* Box Shadows */ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f; /* Border Radius */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Before Second Level Unordered List Style */ ul.umw_menu li ul:before { content: " "; position: absolute; display: block; z-index: 1500; left: 0; top: -10px; height: 10px; width: 100%; } /* Second Level Menu List Items Style */ ul.umw_menu li ul li { float: none; margin: 0 10px; border-bottom: 1px solid #191614; border-top: 1px solid #3a3230; } /* First List Item in Second Level Menu Style */ ul.umw_menu li ul li:first-child { margin: 0 10px; border-top: 0 none; } /* Last List Item in Second Level Menu Style */ ul.umw_menu li ul li:last-child { border-bottom: 0 none; } /* Second Level List Items Links Style */ ul.umw_menu li ul li a, ul.umw_menu li ul li a:link { color: #000000; display: block; background: transparent none; padding: 10px 20px 10px 5px; white-space: nowrap; /* Text Shadow */ text-shadow: 0 0px 0px #000; /* Box Shadows */ -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); /* Border Radius */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Second Level List Items Links Hover State Style */ ul.umw_menu li ul li a:hover { text-decoration: underline; background: #989898; } .tab { margin-left: 20px; } table#districts { table-layout: fixed ; width: 100% ; border-collapse: collapse ; } table#districts td { width: 50% ; } }