/* body { background: #ebf6ff url(../images/bg_repeat.jpg) top; font: small/85% Arial, Helvetica, Verdana, sans-serif; color: #1A3C8E; text-align: left; margin: 0; padding: 0; } */ body { background: #56b2f0 url(../images/bg_repeat.jpg) top repeat-x; text-align: left; margin: 0; padding: 0; } /* styles headings */ h1 { color: #4581d0; font: normal 140% Georgia, "Times New Roman", Times, serif; margin: 7px 0 0 19px; } h1 span { color: #F1041E; } h2 { color: #1A3C8E; font: normal 140% Georgia, "Times New Roman", Times, serif; line-height: 125%; margin: 0 0 10px 0; } h3 { color: #1A3C8E; font: normal 130% Georgia, "Times New Roman", Times, serif; line-height: 115%; margin: 10px 0; } h4 { color: #1A3C8E; font: bold 100% Arial, Helvetica, Verdana, sans-serif; } /* general styles */ p { margin: 0 0 1em 0; line-height: 1.3em; } .sm { font-size: 85%; } ul { list-style-type: square; line-height: 1.3em; padding-left: 5px; margin-left: 5px;} ol { line-height:1.5em; } li { margin-bottom: 3px; } A:link { text-decoration: underline; color: #1A3C8E; } A:visited { text-decoration: underline; color: #1A3C8E; } A:active { text-decoration: none; color: #4581d0; } A:hover { text-decoration: none; color:#1A3C8E; } img { border: 0; padding: 0; } /* styles forms */ input, select, textarea { font-family: Arial, sans-serif; color: #000000; } textarea { overflow: auto; } label { display: none; } /* styles main body elements */ #MasterContainer { width: 952px; margin: 0 auto; padding: 0; border: 0; clear: both; } #Content { clear: both; margin: 0; padding: 14px 0 0 0; width: 950px; border-top: 1px solid #E1ECFA; background-color: #FFFFFF; } /* styles for the various header images */ #Hed { margin: 0; padding: 0; width: 950px; border: 0;}/* #Hed #Bottom { height: 73px; width: 952px; background: #ebf6ff url(../images/hed_cinci_stacks_bottom.jpg) top left no-repeat; } #Hed2 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_mural_bucyrus_top.jpg) top left no-repeat; } #Hed2 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_mural_bucyrus_bottom.jpg) top left no-repeat; } #Hed3 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_balloons_coshocton_top.jpg) top left no-repeat; } #Hed3 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_balloons_coshocton_bottom.jpg) top left no-repeat; } #Hed4 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_ybridge_zanesville_top.jpg) top left no-repeat; } #Hed4 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_ybridge_zanesville_bottom.jpg) top left no-repeat; } #Hed5 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_ballpark_akron_top.jpg) top left no-repeat; } #Hed5 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_ballpark_akron_bottom.jpg) top left no-repeat; } #Hed6 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_planes_mountvernon_top.jpg) top left no-repeat; } #Hed6 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_planes_mountvernon_bottom.jpg) top left no-repeat; } #Hed7 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(../images/hed_harrisonstatue_cinci_top.jpg) top left no-repeat; } #Hed7 #Bottom { height: 73px; background: #ebf6ff url(../images/hed_harrisonstatue_cinci_bottom.jpg) top left no-repeat; } */ /* styles general header elements */ #Toplinks { padding: 15px; float: left; width: 355px; color: #9FAEFE; border: 0; } #Toplinks a { color: #FFFFFF; text-decoration: none; } #Toplinks a:hover { text-decoration: underline; } #Logo { float: left; width: 170px; border: 0; } #LogoLink { display: block; height: 69px; width: 170px; } #Searchbox { margin: 0; padding: 15px; float: left; width: 360px; border: 0; text-align: right; } #Searchbox form { margin-bottom: 0; } #MainNav { clear: both; margin: 0; padding: 2px 0 5px 0; font: 140% Georgia, "Times New Roman", Times, serif; color: #9FAEFE; letter-spacing: -1px; text-align: center; border: 0; background: #ebf6ff; } #MainNav a { color: #0e3288; text-decoration: none; } #MainNav a:hover { color: #357edf; text-decoration: none; } /* styles for homepage */ #NewsTabs { clear: both; margin: 10px 18px 0 19px; padding: 0; width: 916px; background: transparent url(../images/bg_newstabs.jpg) top left no-repeat; border-left: 1px solid #A0C3DF; } #News_Container { float: left; padding: 0; margin: 0; width: 610px; color:#d82f2f; } #News { margin: 0; border-top: 1px solid #A0C3DF; } #News a { color: #1c5c9f; text-decoration: none; } #News a:hover { text-decoration: underline; } #News_Content { margin: 12px 0 0 135px; } #News_Content h2 { margin-bottom: 7px; } #News_Content p { color: #333333; margin: 0 10px 5px 0;} #News_Content p i { font-size: 80%; color: #4581D0; } .Tabs { margin: 0; float: left; width: 306px; height: 167px; } .Tabs img { float: left; margin: 0; } #serving_buttons { margin: 0; padding: 0; height:27px; } #serving_ohio { visibility:hidden; width: 306px; margin: 0; padding: 0; position: absolute; } #options_container { clear: both; margin: 0; border: 0; position: relative; } #options_container a { text-decoration: underline; color: #fff; } #options_container a:visited { text-decoration: underline; color: #fff; } #options_container a:hover { text-decoration: none; color: #fff; } #options_container ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.2em; } #Executive, #Judicial, #Legislative { visibility:hidden; position: absolute; padding: 7px 10px; width: 306px; color: #fff; } /* for 3 even columns with all dark blue dividers*/ #Col3 { clear: both; margin: 13px 18px 0 19px; padding: 0; width: 915px; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; } .bg_dkbl { background: transparent url(../images/bg_3col.gif) top left repeat; } /* use this tag for 3 even colums with dark blue borders */ .bg_ltbl { background: transparent url(../images/bg_2-3col.gif) top left repeat; } /* use this tag for 3 even colums with one light blue and one dark blue border to suggest content groupings */ .Col3_Column { float: left; margin: 0; width: 350px; } .Col3_Left_Column { float: left; margin: 0; width: 214px; background: #CCCCCC;} .Col3_Column_Large { float: left; margin: 0; width: 609px; background #ffffff;} .Col3_Section { margin: 0; padding: 17px; } .border_dkbl { border-top: 1px solid #A0C3DF; } /* use this tag for dark blue top border */ .border_ltbl { border-top: 1px solid #E1ECFA; } /* use this tag for light blue top border */ /* for 2 columns */ #Col2 { clear: both; margin: 13px 18px 0 19px; padding: 0; width: 610px; background: transparent url(../images/bg_2col.gif) top left repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; } .Col2_Column_Large { float: left; margin: 0; width: 610px; background: #fff;} .Col2_Column_Small { float: left; margin: 0; width: 305px; } .Col2_Section { margin: 0; padding: 17px; border-top: 1px solid #A0C3DF; } /* for 1 columns */ #Col { clear: both; margin: 13px 18px 0 19px; padding: 0; width: 915px; border: 1px solid #A0C3DF; border-bottom: 0; } .Col_Column { margin: 0; } .Col_Section { padding: 17px; } /* for sidenav */ #SideNav { clear: both; margin: 10px 18px 0 19px; padding: 0; width: 915px; background: transparent url(../images/bg_sidenav.gif) repeat; border-left: 1px solid #A5C6DE; border-right: 1px solid #A5C6DE; } #SideNav_Nav { float: left; margin: 0; width: 175px; line-height: 1.3em; } .SideNav_Nav_Section { margin: 0; padding: 15px; border-top: 1px solid #A5C6DE; } #SideNav_Nav a { color: #1c5c9f; text-decoration:none; font-weight:bold; } #SideNav_Nav a:hover { color: #1c5c9f; text-decoration:underline; font-weight:bold; } #SideNav_Content { float: left; margin: 0; width: 739px; border-left: 1px solid #A5C6DE; overflow: hidden; } .SideNav_Content_Section { margin: 0; padding: 18px; border-top: 1px solid #A5C6DE; } /* navigation */ .ul_links ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; } .ul_links li { margin: 5px 0 0 0; color: #1c5c9f; } .ul_links li a { color: #1A3C8E; text-decoration: none; } .ul_links li a:visited { color: #1A3C8E; text-decoration: none; } .ul_links li a:hover { color: #357edf; text-decoration: underline; } .ul_links li i a { color: #0d52ac; text-decoration: none; } a.tog:link { text-decoration: none; color: #1A3C8E; } a.tog:hover { text-decoration: none; color: #4581d0; } dl, dt, dd { margin: 5px 0 0 0; padding: 0; list-style-type: none; } dd { display: block; } .menu { margin: 0; } .menu a { color: #1A3C8E; text-decoration: none; } .menu a:visited { color: #1A3C8E; text-decoration: none; } .menu a:active { color: #357edf; text-decoration: none; } .menu a:hover { color: #357edf; text-decoration: underline; } .menu ul { margin: 5px 0 0 0; padding: 0; } .menu li { margin-left: 0; } .menu li a { color: #4581d0; text-decoration: none; } .menu li a:hover { color: #4581d0; text-decoration: underline; } .menu li a:visited { color: #4581d0; text-decoration: none; } /* feature styling */ #Feature { margin: 0; padding: 0 0 15px 0; } #Feature h3 { margin: 15px 0 5px 0; font: bold 100% Arial, Helvetica, Verdana, sans-serif; } #Feature a { color: #1C5C9F; text-decoration:none; } #Feature a:hover { color: #2a88d8; text-decoration:underline; } /*Footer*/ #FooterContainer { clear: both; margin: 0 auto; width: 952px; text-align: center; background: #ebf6ff url(../images/bg_footer.gif) repeat; } #Footer { padding: 20px 0; color: #9FAEFE; } #Footer a { text-decoration: none; color: #1c5c9f; } #Footer a:hover { text-decoration: underline; color: #357edf; } /* styling for table grids, such as the agency page */ #grid { margin: 20px 0 0 0; } #grid td { padding: 8px 2px 8px 0; border-bottom: 1px solid #E1ECFA; line-height: 1.3em; } #grid th { font-weight:bold; } /* use this instead of HR */ .line { margin: 20px 0; border-bottom: 1px solid #E1ECFA; height: 1px; width: 100%; } /* styling for photo credits */ .credit { float: left; margin: 0 1px; padding: 6px; } .credit img { margin-bottom: 0; border: 1px solid #A0C3DF; } .credit p { margin-top: 4px; } /* styling for idprotect */ #idprotect { margin: 26px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #E1ECFA; } #idprotect_hl { padding: 10px; width: 200px; background: #0E3288 url(../images/bg_0E3288.gif) repeat; margin: 8px 8px 8px 20px; float: right; clear: both; color: #fff; } #idprotect_hl h3{ color: #fff; margin: 2px 0 10px; } /* bug fixes and hidden stuff */ .hide { display: none; } .print { display: none; } .clear { clear: both; height: 1px; overflow: hidden; } /* home page top menu */ /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/pro_../images.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .preload1 {background: url(../images/blank_over.gif);} .preload2 {background: url(../images/blank_overa.gif);} .menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:40px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} .menu2 li.top {display:block; float:left;} .menu2 li a.top_link {display:block; float:left; height:32px; line-height:27px; color:#ccc; text-decoration:none; font-size:17px; font-weight:bold; padding:0 0 0 13px; cursor:pointer;background: url(../images/blank.gif);} .menu2 li a.top_link span {float:left; display:block; padding:0 32px 0 19px; height:30px;background:url(../images/blank.gif) right top; } .menu2 li a.top_link span.down {float:left; display:block; padding:0 35px 0 28px; height:32px; background:url(../images/blanka.gif) no-repeat right top;} .menu2 li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu2 li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;} .menu2 li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;} .menu2 li:hover > a.top_link {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu2 li:hover > a.top_link span {background: url(../images/blank_over.gif) no-repeat right top;} .menu2 li:hover > a.top_link span.down {background: url(../images/blank_overa.gif) no-repeat right top;} .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .menu2 a:hover {visibility:visible; position:relative; z-index:200;} .menu2 li:hover {position:relative; z-index:200;} /* filter:alpha(opacity=90); -moz-opacity:.90; */ /* keep the 'next' level invisible by placing it off screen. */ .menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } .menu2 :hover ul.sub {left:0; top:31px; background: #27628c; padding:5px; white-space:nowrap; width:220px; height:auto; z-index:300; border: solid #222222; border-width: 0 2px 3px 0;-moz-opacity:.90;} .menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:220px; font-weight:bold;} .menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:220px; line-height:20px; text-indent:5px; color:#eee; text-decoration:none;} .menu2 :hover ul.sub li a.fly {background:#27628c url(../images/arrow.gif) 210px 7px no-repeat;} .menu2 :hover ul.sub li a:hover {background:#398fcc; color:#fff;} .menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu2 :hover ul li:hover > a.fly {background:#398fcc url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:220px; top:-5px; background: #27628c; padding:5px; border:1px solid #222222; white-space:nowrap; width:220px; z-index:400; height:auto;} /* home page top menu - Chinese */ .menu2c {padding:0 0 0 0px; margin:0; list-style:none; height:40px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} .menu2c li.top {display:block; float:left;} .menu2c li a.top_link {display:block; float:left; height:32px; line-height:27px; color:#ccc; text-decoration:none; font-size:17px; font-weight:bold; padding:0 0 0 38px; cursor:pointer;background: url(../images/blank.gif);} .menu2c li a.top_link span {float:left; display:block; padding:0 32px 0 19px; height:30px;background:url(../images/blank.gif) right top; } .menu2c li a.top_link span.down {float:left; display:block; padding:0 35px 0 28px; height:32px; background:url(../images/blanka.gif) no-repeat right top;} .menu2c li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu2c li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;} .menu2c li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;} .menu2c li:hover > a.top_link {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu2c li:hover > a.top_link span {background: url(../images/blank_over.gif) no-repeat right top;} .menu2c li:hover > a.top_link span.down {background: url(../images/blank_overa.gif) no-repeat right top;} .menu2c table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .menu2c a:hover {visibility:visible; position:relative; z-index:200;} .menu2c li:hover {position:relative; z-index:200;} /* filter:alpha(opacity=90); -moz-opacity:.90; */ /* keep the 'next' level invisible by placing it off screen. */ .menu2c ul, .menu2c :hover ul ul, .menu2c :hover ul :hover ul ul, .menu2c :hover ul :hover ul :hover ul ul, .menu2c :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } .menu2c :hover ul.sub {left:0; top:31px; background: #27628c; padding:5px; white-space:nowrap; width:220px; height:auto; z-index:300; border: solid #222222; border-width: 0 2px 3px 0;-moz-opacity:.90;} .menu2c :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:220px; font-weight:bold;} .menu2c :hover ul.sub li a {display:block; font-size:12px; height:20px; width:220px; line-height:20px; text-indent:5px; color:#eee; text-decoration:none;} .menu2c :hover ul.sub li a.fly {background:#27628c url(../images/arrow.gif) 210px 7px no-repeat;} .menu2c :hover ul.sub li a:hover {background:#398fcc; color:#fff;} .menu2c :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu2c :hover ul li:hover > a.fly {background:#398fcc url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu2c :hover ul :hover ul, .menu2c :hover ul :hover ul :hover ul, .menu2c :hover ul :hover ul :hover ul :hover ul, .menu2c :hover ul :hover ul :hover ul :hover ul :hover ul {left:220px; top:-5px; background: #27628c; padding:5px; border:1px solid #222222; white-space:nowrap; width:220px; z-index:400; height:auto;} /* 2ndary page top menu */ .menu3 {padding:0 0 0 0px; margin:0; list-style:none; height:35px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} .menu3 li.top {display:block; float:left;} .menu3 li a.top_link {display:block; float:left; height:32px; line-height:27px; color:#ccc; text-decoration:none; font-size:17px; font-weight:bold; padding:0 0 0 13px; cursor:pointer;background: url(../images/blank.gif);} .menu3 li a.top_link span {float:left; display:block; padding:0 35px 0 19px; height:30px;background:url(../images/blank.gif) right top; } .menu3 li a.top_link span.down {float:left; display:block; padding:0 35px 0 34px; height:32px; background:url(../images/blanka.gif) no-repeat right top;} .menu3 li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu3 li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;} .menu3 li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;} .menu3 li:hover > a.top_link {color:#fff; background: url(../images/blank_over.gif) no-repeat;} .menu3 li:hover > a.top_link span {background: url(../images/blank_over.gif) no-repeat right top;} .menu3 li:hover > a.top_link span.down {background: url(../images/blank_overa.gif) no-repeat right top;} .menu3 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .menu3 a:hover {visibility:visible; position:relative; z-index:200;} .menu3 li:hover {position:relative; z-index:200;} /* filter:alpha(opacity=90); -moz-opacity:.90; */ /* keep the 'next' level invisible by placing it off screen. */ .menu3 ul, .menu3 :hover ul ul, .menu3 :hover ul :hover ul ul, .menu3 :hover ul :hover ul :hover ul ul, .menu3 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } .menu3 :hover ul.sub {left:0; top:31px; background: #27628c; padding:5px; white-space:nowrap; width:220px; height:auto; z-index:300; border: solid #222222; border-width: 0 2px 3px 0;-moz-opacity:.90;} .menu3 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:220px; font-weight:bold;} .menu3 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:220px; line-height:20px; text-indent:5px; color:#eee; text-decoration:none;} .menu3 :hover ul.sub li a.fly {background:#27628c url(../images/arrow.gif) 210px 7px no-repeat;} .menu3 :hover ul.sub li a:hover {background:#398fcc; color:#fff;} .menu3 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu3 :hover ul li:hover > a.fly {background:#398fcc url(../images/arrow_over.gif) 210px 7px no-repeat; color:#fff;} .menu3 :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul :hover ul :hover ul {left:220px; top:-5px; background: #27628c; padding:5px; border:1px solid #222222; white-space:nowrap; width:220px; z-index:400; height:auto;} /* bottom menu stuff */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/upmenu.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {font-family: arial, verdana, sans-serif; width:950px; position:relative; font-size:12px; margin:1px auto;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:169px; height:25px; text-align:left; color:#000; padding-left:20px; border:1px solid #444444; border-width:0 1px 0 0; background:#cccccc; line-height:25px; font-size:11px;} .menu ul {padding:0; margin:0;list-style-type: none; font-weight: bold;} .menu ul li {float:left; position:relative; margin:0px;} .menu ul li ul {visibility:hidden; position:absolute;-moz-opacity:.90;} .menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;} .menu ul li:hover a, .menu ul li a:hover {color:#000; background:#dddddd;} .menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:25px; left:0;} .menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#cccccc; color:#000;} .menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:210px; clear:both;} .menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#eeeeee; color:#000;} .menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;} .menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#cccccc; color:#000; width:100%; padding-left:10px;} .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#eeeeee; color:#000;} .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:220px; bottom:0;} .menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#cccccc; color:#000;} .menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#eeeeee; color:#000;} .menu ul li:hover ul.left, .menu ul li a:hover ul.left {left: 0px;} .menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left: 0px; width:220px;} /* home page items */