html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 0.9em; font-family: inherit; vertical-align: baseline; }
body { font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif; font-size: 1em; color: white; background-color: white; font-weight: 100; width: 100%; height: 100%; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 1.4em; text-align: left; }
ul { text-align: left; display:inline; margin: 0 0 0 0; padding: 0 0 0 0; }
ul, li { text-align: left; display:inline; }
a {
/* get rid of link outlines in firefox */
outline-color:invert;
outline-style:none;
outline-width:medium;
}
.mygreenbold { color: #8CC63E; font-size: 1.4em; font-weight:500; }
.mygreen { color: #8CC63E; }
.mygray { color: #A4A5A8; }
.myblack { color: #1b1b1a; font-size: 1.1em; font-weight:800; }
.myblackbold { color: #1b1b1a; font-size: 1.4em; font-weight:500; }
.mywhite { color: white; font-size: 1.4em; font-weight:500; }
.textbox { margin: 0; padding: 5px 5px 0 5px; width: 325px; height: 25px; border: 1px solid silver; background: #efefef; font-size:1em; font-family:arial; font-weight:500; }
.textboxlonghigh { margin: 0; padding: 5px 5px 0 5px; width: 325px; height: 110px; border: 1px solid silver; background: #efefef; font-size:1em; font-family:arial; font-weight:500; }
textarea.textboxlonghigh { font-size:1em; font-family:arial; font-weight:500; }
.textbox:focus,
.textbox:hover,
.textboxlonghigh:focus,
.textboxlonghigh:hover { border: 1px solid #8CC63E; background: #ffffff !important; }
#cap-hanger { overflow:hidden; display: block; float:left; position:relative; padding: 20px 250px 20px 20px; font-size: 1.1em; color: silver; }
#cap-hanger ul { text-align: left; display:block; list-style-type: none; margin: 5px 0 10px 0; padding: 0 0 0 0; }
#cap-hanger li { text-align: left; display:block; background: transparent url(/images/cssimg/apple-black-background.png) 0 5px; background-repeat: no-repeat; margin: 0 0 0 0; padding: 5px 0 0 40px; }
.cap-hanger-220px { overflow:hidden; width:220px; float:left; position:relative; margin: 20px 10px 0 10px; }
.cap-hanger-380px { overflow:hidden; width:380px; float:left; position:relative; margin: 20px 5px 0 5px; }
.cap-hanger-445px { overflow:hidden; width:445px; float:left; position:relative; margin: 20px 10px 0 0; }
.cap-news { overflow:hidden; width:272px; float:right; position:relative; margin: 20px 5px 0 0; }
.cap-hanger-220px-top { overflow:hidden; width:220px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-top-220px.png) no-repeat; padding: 0px 0 0 0px; }
.cap-hanger-380px-top { overflow:hidden; width:380px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-top-380px.png) no-repeat; padding: 0px 0 0 0px; }
.cap-hanger-445px-top { overflow:hidden; width:445px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-top-445px.png) no-repeat; padding: 0px 0 0 0px; }
.cap-news-top { overflow:hidden; width:272px; float:left; position:relative; height: 39px; background: url(/images/cssimg/news-rounded-top-with-bubble.PNG) no-repeat; padding: 15px 0 0 70px; }
.cap-hanger-220px-middle { overflow:hidden; width:195px; float:left; position:relative; background: white url(/images/cssimg/gradient.PNG) repeat-x; padding: 0px 15px 10px 15px; color: #464646; min-height: 140px; }
.cap-hanger-380px-middle { overflow:hidden; width:340px; float:left; position:relative; background: white url(/images/cssimg/gradient.PNG) repeat-x; padding: 0px 20px 10px 20px; color: #464646; }
.cap-hanger-445px-middle { overflow:hidden; width:405px; float:left; position:relative; background: white url(/images/cssimg/gradient.PNG) repeat-x; padding: 10px 20px 10px 20px; color: #464646; }
.cap-news-middle { overflow:auto; width:232px; float:left; position:relative; background-color: #818286; padding: 20px 20px 20px 20px; color: #efefef; font-size: 0.9em; line-height: 1.2em; }
.cap-news-middle-new { overflow:hidden; width:272px; float:left; position:relative; background-color: #818286; padding: 20px 0px 20px 0px; color: #efefef; font-size: 0.9em; line-height: 1.2em; }
.cap-hanger-220px-bottom { overflow:hidden; width:220px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-bottom-220px.png) no-repeat; margin: 0 0 20px 0; }
.cap-hanger-380px-bottom { overflow:hidden; width:380px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-bottom-380px.png) no-repeat; }
.cap-hanger-445px-bottom { overflow:hidden; width:445px; float:left; position:relative; height: 15px; background: url(/images/cssimg/rounded-bottom-445px.png) no-repeat; }
.cap-news-bottom { overflow:hidden; width:272px; float:left; position:relative; height: 20px; background: url(/images/cssimg/news-rounded-bottom.png) no-repeat; }
#cap-hanger a,
#cap-hanger a:link,
#cap-hanger a:visited { color: white; text-decoration: underline; }
#cap-hanger a:hover,
#cap-hanger a:active { color: #8CC63E; }
#menu5 #cap-hanger { padding: 20px 20px 20px 20px; }
#menu5 .cap-hanger-445px { margin: 10px 30px 0 0; }
#menu4-submenu-2 #cap-hanger { padding: 20px 20px 20px 20px; }
#confirmation #cap-hanger { padding: 40px 0 0 220px; text-align: center; }
/* Set height of left and right hand columns of main pages */
/* news section by default 74px higher than 380 box */
#menu1 .cap-hanger-380px-middle { height: 395px; }
#menu1 .cap-news-middle { height: 320px; }
#menu2 .cap-hanger-380px-middle { height: 874px; }
#menu2 .cap-news-middle { height: 800px; }
#menu3 .cap-hanger-380px-middle { height: 614px; }
#menu3 .cap-news-middle { height: 540px; }
#menu4 .cap-hanger-380px-middle { height: 604px; }
#menu4 .cap-news-middle { height: 530px; }
#menu5 .cap-hanger-380px { margin-left: 30px; }
.MyImageClass img { max-width: 400px; min-width: 100px; border: 2px solid #454545; margin: 30px 0 30px 0; overflow: hidden; }
.MyImageClass img:hover { border: 2px solid #1b1b1a; }
.MyLabel { width: 100px; color: #8CC63E; float: left; position: relative; overflow: hidden; line-height: 1.3em; }
.MyValue { width: 540px; color: white; float: right; position: relative; overflow: hidden; line-height: 1.3em; display: block; }
.MyValue a { color: white; }
/* Image Attributes */
#QualityServiceImage { display: none; margin: 0 0 20px 0; }
#ReportingImage { margin-left: 45px; border: 2px solid #8CC63E; }
#servicecommitment { margin: 20px 0 20px 0; }
/* Alter when and how right hand side images are displayed */
#menu2 #QualityServiceImage,
#menu4 #QualityServiceImage { display: block; }
/* Right hand side images */
#RHS-Image1 { display: none; position: absolute; right: 20px; margin: 0 0 0 0; border: 2px solid silver; }
#RHS-Image2 { display: none; position: absolute; right: 20px; margin: 0 0 0 0; border: 2px solid silver; }
#RHS-Image3 { display: none; position: absolute; right: 20px; margin: 0 0 0 0; border: 2px solid silver; }
/* Alter when and how right hand side images are displayed */
#menu1-submenu-1 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -435px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu1-submenu-2 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -435px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu1-submenu-3 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -435px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu2-submenu-1 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image3.jpg) -550px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu2-submenu-2 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image3.jpg) -550px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu2-submenu-3 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image3.jpg) -550px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu3-submenu-1 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image1.jpg) -550px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu3-submenu-2 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image1.jpg) -550px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu3-submenu-3 #RHS-Image1 { display: block; background: transparent url(/images/associations/image2.jpg) 0px 0px no-repeat; width: 220px; height: 120px; top: 65px; }
#menu4-submenu-1 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -435px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu4-submenu-1 #RHS-Image2 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -640px 0px no-repeat; width: 220px; height: 320px; top: 455px; }
#menu4-submenu-1 #RHS-Image3 { display: block; background: transparent url(/images/general/QualityService-220px.jpg) no-repeat; width: 220px; height: 57px; top: 850px; right: 370px; }
#menu4-submenu-3 #RHS-Image1 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -640px 0px no-repeat; width: 220px; height: 320px; top: 65px; }
#menu4-submenu-3 #RHS-Image2 { display: block; background: transparent url(/images/ad-rotators/image2.jpg) -435px 0px no-repeat; width: 220px; height: 320px; top: 505px; }
.testimonial { display: block; float: left; position: relative; border: 2px solid #8CC63E; padding: 20px 20px 20px 20px; background-color: white; color: #1b1b1a; text-align: justify; margin-top: 30px; height: 355px; }
#hero-wrapper { width: 100%; background-color: white; margin: 20px 0 20px 0; overflow: hidden; }
#hero { overflow: hidden; height: 150px; width: 950px; position: relative; margin: 0 auto 0 auto; }
#hero-left { overflow: hidden; height: 150px; width: 340px; position: absolute; top: 0px; left: 0px; font-size: 1.0em; padding: 20px 0 0 0px; background: transparent url(/images/cssimg/apple.jpg) 165px 50px no-repeat; }
#hero-middle { overflow: hidden; height: 70px; width: 490px; position: absolute; top: 75px; left: 420px; font-size: 1.4em; line-height: 1.8em; background: transparent; }
#hero-right { overflow: hidden; height: 150px; width: 510px; position: absolute; top: 0px; left: 415px; }
#searchbox { display: none; overflow: hidden; height: 30px; position: absolute; top: 50px; left: 700px; margin-bottom: 10px; padding: 0; }
#imageContainer { overflow:hidden; width:906px; height:320px; margin: 0; background-color: #efefef; display: block; position: relative; border: 2px solid silver; }
#imageContainer img { display: none; position: absolute; top: 0px; left: 0px; width: 906px; opacity: .99; }
#imageContainerOverlay { background-color: black; z-index: 100; display: block; position: absolute; top: 90px; left: 0px; height: 95px; width:470px; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: .80; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
#imageContainerOverlayText { background-color: transparent; z-index: 150; display: block; position:absolute; top:105px; left: 30px; color: #efefef; font-size: 1.6em; font-weight: 500; line-height: 1.4em; }
#container-wrapper { width: 100%; background-color: white; margin: 0 0 0 0; overflow: hidden; position: relative; }
#container { overflow: hidden; width:910px; margin: 0 auto 0 auto; background-color: #1b1b1a; min-height: 450px; padding: 20px 20px 20px 20px; position: relative; }
#container-bottom { overflow:hidden; width:950px; margin: 0 auto 0 auto; height: 20px; background: url(/images/cssimg/rounded-bottom-main.png) no-repeat; }
.cap-hanger-380px-middle ul { text-align: left; display:block; list-style-type: none; margin: 5px 0 10px 0; padding: 0 0 0 0; }
.cap-hanger-380px-middle li { text-align: left; display:block; background: transparent url(/images/cssimg/apple.png) 0 4px; background-repeat: no-repeat; margin: 0 0 0 0; padding: 5px 0 0 40px; }
#cap-footer-wrapper { overflow: hidden; width: 100%; background-color: white; margin: 0 0 0 0; display: block; float:left; position: relative; }
#cap-footer { overflow: hidden; width:940px; background-color: white; margin: 0 auto 0 auto; padding: 40px 0 20px 10px; }
.cap-footer-top { margin-right: 8px; padding: 0 0 2px 0; overflow:hidden; float:left; position:relative; width:148px; font-size:0.8em; font-weight:700; text-align: left; color: #8CC63E; }
.cap-footer-bottom { overflow:hidden; float:left; position:relative; width:156px; font-size:0.8em; font-weight:400; text-align: left; line-height: 1.2em; color: #464646; }
#cap-footer-enjin { overflow: hidden; width:940px; background-color: white; margin: 0 auto 0 auto; text-align: right; padding: 0 0 20px 0; }
a img { border: none; }
label { font-weight: 500; }
a,
a:active,
a:visited { color: silver; text-decoration:none; font-size:1em; font-weight: 500; }
a:hover { color: silver; text-decoration:underline; font-size:1em; font-weight: 500; }
.MyButton { margin: 40px 0 0 180px; display:block; width:164px; height:44px; background:url(/Images/buttons/button.png) 0 0 no-repeat; border: 0px solid transparent; color: white; text-align: center; font-size: 1.2em; }
.MyButton:hover { background:url(/Images/buttons/button.png) 0 -44px no-repeat; }
.AddressClassHeader { margin: 0 0 5px 0; font-weight: 600; font-size:1.2em; color: white; border-bottom: 2px solid white; padding-bottom: 5px; width: 340px; }
.AddressClassText { font-size: 1em; font-weight: 400; text-align: right; margin: 0 0 0 15px; color: silver; width: 340px; }
.AddressClassText a,
.AddressClassText a:link,
.AddressClassText a:visited { color: silver; text-decoration: underline; }
.AddressClassText a:hover,
.AddressClassText a:active { color: #8CC63E; }
#cap-footer-wrapper a,
#cap-footer-wrapper a:link,
#cap-footer-wrapper a:visited { color: #464646; text-decoration: none; }
#cap-footer-wrapper a:hover,
#cap-footer-wrapper a:active { text-decoration: underline; }
.cap-news-middle a,
.cap-news-middle a:link,
.cap-news-middle a:visited { color: #8CC63E; text-decoration: none; }
.cap-news-middle a:hover,
.cap-news-middle a:active { text-decoration: underline; }
h1 { font-size: 1.6em; font-weight: 600; color: #454545; margin: 10px 0 10px 0; line-height: 1.5em; }
h2 { font-size: 1.1em; font-weight: 600; color: #454545; margin: 0 0 0 0; }
h3 { font-size: 1.1em; font-weight: 500; color: #8CC63E; margin: 5px 0 5px 0; }
h4 { font-size: 1.5em; font-weight: 600; color: white; margin: 0px 0 10px 0px; }
h5 { font-size: 1.0em; font-weight: 400; color: gray; text-align: left; }
h6 { font-size: 1.2em; font-weight: 500; color: #8CC63E; margin: 15px 0 20px 0; }
.cap-hanger-380px-middle h4 { color: #8CC63E; }
.cap-news-middle h1 { font-size: 1.0em; line-height: 1.3em; font-weight: 500; color: white; margin: 10px 0 -3px 0; }
.cap-news-middle h2 { font-size: 1.2em; line-height: 1.3em; font-weight: 600; color: #8CC63E; margin: 5px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid silver; }
#hero-right a,
#hero-right a:active,
#hero-right a:visited { margin: 0 0 0 20px; color: white; text-decoration: none; display: inline; float: left; position: relative; font-size: 1em; font-weight: 500; height: 25px; width: 140px; background: url(/Images/buttons/myaccount-rounded.jpg) no-repeat; padding: 3px 0 0 0; text-align: center; }
#hero-right a:hover { background: url(/Images/buttons/myaccount-rounded.jpg) 0 -28px no-repeat; }
.search_inputbox { background: transparent url(/images/buttons/searchbox-unselected.PNG) 0 -2px no-repeat; float: left; position:relative; width: 150px; height: 18px; font:arial; font-weight: 500; font-size: 0.7em; line-height: 1.1em; color: #464646; border: 1px solid #dddddd; padding: 6px 35px 0 57px; text-align: left; overflow:hidden; }
.search_inputbox:focus,
.search_inputbox:hover { border: 1px solid #8CC63E; }
.MySearchButton { float: left; position:relative; width :24px; height:22px; background-position:center; background:url(/Images/buttons/search-off.png) 0 0 no-repeat; border: 0px solid transparent; margin: 3px 0 0 -30px; }
#navigation-menu-wrapper { width:100%; background-color: white; margin: 0 0 0 0; overflow: hidden; }
#navigation-menu { width: 950px; margin: 0 auto 0 auto; padding: 0; background-color: transparent; display: block; }
ul#topnav { margin: 0; padding: 0; float: left; width: 950px; list-style: none; position: relative; font-size: 1em; }
ul#topnav li { float: left; height: 40px; width: 186px; margin: 0 3px 0 2px; }
ul#topnav li.first { float: left; height: 40px; width: 186px; margin: 0 3px 0 0; }
ul#topnav li.last { float: left; height: 40px; width: 186px; margin: 0 0px 0 2px; }
ul#topnav li a { display: block; height: 31px; font-size: 1.2em; font-weight: 500; background: url(/Images/buttons/menu.PNG) 0 -44px repeat-x; padding: 8px 0 0 0; text-align: center; text-decoration: none; color: white; }
ul#topnav li:hover a { background: url(/Images/buttons/menu.PNG) no-repeat; }
ul#topnav li span { position: absolute; left: 0; top:40px; height: 38px; padding: 10px 0 5px 0; display: none; width: 950px; background-color: #1b1b1a; text-transform: lowercase; }
ul#topnav li:hover span { display: block; z-index: 200 !important; color: white; }
ul#topnav li span a { background-color: transparent !important; display: inline; background-image: none !important; color: silver !important; font-size: 1em !important; padding: 0 20px 0 20px !important; }
ul#topnav li span a:hover { background-color: transparent !important; display: inline; background-image: none !important; color: white !important; font-size: 1em !important; padding: 0 20px 0 20px !important; }
/* Change the height of the main menu to show the submenu when any main menu or submenu page is open */
#menu1 #navigation-menu,
#menu2 #navigation-menu,
#menu3 #navigation-menu,
#menu4 #navigation-menu,
#menu5 #navigation-menu,
#menu1-submenu-1 #navigation-menu,
#menu1-submenu-2 #navigation-menu,
#menu1-submenu-3 #navigation-menu,
#menu2-submenu-1 #navigation-menu,
#menu2-submenu-2 #navigation-menu,
#menu2-submenu-3 #navigation-menu,
#menu3-submenu-1 #navigation-menu,
#menu3-submenu-2 #navigation-menu,
#menu3-submenu-3 #navigation-menu,
#menu4-submenu-1 #navigation-menu,
#menu4-submenu-2 #navigation-menu,
#menu4-submenu-3 #navigation-menu { height: 38px; }
/* Change the main menu selected option format when its page is open */
#menu1 #nav-menu1 a,
#menu2 #nav-menu2 a,
#menu3 #nav-menu3 a,
#menu4 #nav-menu4 a,
#menu5 #nav-menu5 a { color: white; height: 38px; background: url(/Images/buttons/menu.PNG) 0 -88px no-repeat; }
/* Change the main menu selected option format when a submenu item page is open */
#menu1-submenu-1 #nav-menu1 a,
#menu1-submenu-2 #nav-menu1 a,
#menu1-submenu-3 #nav-menu1 a,
#menu2-submenu-1 #nav-menu2 a,
#menu2-submenu-2 #nav-menu2 a,
#menu2-submenu-3 #nav-menu2 a,
#menu3-submenu-1 #nav-menu3 a,
#menu3-submenu-2 #nav-menu3 a,
#menu3-submenu-3 #nav-menu3 a,
#menu4-submenu-1 #nav-menu4 a,
#menu4-submenu-2 #nav-menu4 a,
#menu4-submenu-3 #nav-menu4 a { color: white; height: 38px; background: url(/Images/buttons/menu.PNG) 0 -88px no-repeat; }
/* Keep the relevant submenu open on each of its item option pages */
#menu1 ul#topnav li#nav-menu1 span,
#menu1-submenu-1 ul#topnav li#nav-menu1 span,
#menu1-submenu-2 ul#topnav li#nav-menu1 span,
#menu1-submenu-3 ul#topnav li#nav-menu1 span,
#menu2 ul#topnav li#nav-menu2 span,
#menu2-submenu-1 ul#topnav li#nav-menu2 span,
#menu2-submenu-2 ul#topnav li#nav-menu2 span,
#menu2-submenu-3 ul#topnav li#nav-menu2 span,
#menu3 ul#topnav li#nav-menu3 span,
#menu3-submenu-1 ul#topnav li#nav-menu3 span,
#menu3-submenu-2 ul#topnav li#nav-menu3 span,
#menu3-submenu-3 ul#topnav li#nav-menu3 span,
#menu4 ul#topnav li#nav-menu4 span,
#menu4-submenu-1 ul#topnav li#nav-menu4 span,
#menu4-submenu-2 ul#topnav li#nav-menu4 span,
#menu4-submenu-3 ul#topnav li#nav-menu4 span,
#menu5 ul#topnav li#nav-menu5 span { display: block !important; }
/* Change the submenu selected option format when a submenu item page is open */
#menu1-submenu-1 ul#topnav li#nav-menu1 a#nav-menu1-item1,
#menu1-submenu-2 ul#topnav li#nav-menu1 a#nav-menu1-item2,
#menu1-submenu-3 ul#topnav li#nav-menu1 a#nav-menu1-item3,
#menu2-submenu-1 ul#topnav li#nav-menu2 a#nav-menu2-item1,
#menu2-submenu-2 ul#topnav li#nav-menu2 a#nav-menu2-item2,
#menu2-submenu-3 ul#topnav li#nav-menu2 a#nav-menu2-item3,
#menu3-submenu-1 ul#topnav li#nav-menu3 a#nav-menu3-item1,
#menu3-submenu-2 ul#topnav li#nav-menu3 a#nav-menu3-item2,
#menu3-submenu-3 ul#topnav li#nav-menu3 a#nav-menu3-item3,
#menu4-submenu-1 ul#topnav li#nav-menu4 a#nav-menu4-item1,
#menu4-submenu-2 ul#topnav li#nav-menu4 a#nav-menu4-item2,
#menu4-submenu-3 ul#topnav li#nav-menu4 a#nav-menu4-item3 { color: white !important; }
/* Indent the submenu items as required */
span.indent1 { padding-left: 0px !important; width: 950px !important; }
span.indent2 { padding-left: 80px !important; width: 870px !important; }
span.indent3 { padding-left: 280px !important; width: 670px !important; }
span.indent4 { padding-left: 510px !important; width: 440px !important; }
span.indent5 { padding-left: 720px !important; width: 230px !important; }
/* These are the containers of the larger replicas of the submenu items */
#nav-menu1-submenu,
#nav-menu2-submenu,
#nav-menu3-submenu,
#nav-menu4-submenu { width: 950px; margin: 0 auto 0 auto; overflow:hidden; background-color: #1b1b1a; display: none; }
#submenu-wrapper { width:100%; background-color: white; margin: 0 0 0 0; overflow: hidden; }
.submenu-header { color: white; font-size: 1em; font-weight:700; display: block; }
/* These are the actual items of the larger replicas of the submenu items */
#nav-menu1-submenu a,
#nav-menu2-submenu a,
#nav-menu3-submenu a,
#nav-menu4-submenu a,
#nav-menu1-submenu a:active,
#nav-menu2-submenu a:active,
#nav-menu3-submenu a:active,
#nav-menu4-submenu a:active,
#nav-menu1-submenu a:visited,
#nav-menu2-submenu a:visited,
#nav-menu3-submenu a:visited,
#nav-menu4-submenu a:visited { background-color: #464646; color: silver; text-decoration: none; display: inline; float:right; position:relative; height: 70px; margin: 30px 20px 5px 0; padding: 5px 15px 5px 15px; border: 2px solid silver; width: 256px; text-align: center; }
#nav-menu1-submenu a:hover,
#nav-menu2-submenu a:hover,
#nav-menu3-submenu a:hover,
#nav-menu4-submenu a:hover { border: 2px solid white; background-color: black; }
/*
#nav-menu1-submenu a:hover .submenu-header,
#nav-menu2-submenu a:hover .submenu-header,
#nav-menu3-submenu a:hover .submenu-header,
#nav-menu4-submenu a:hover .submenu-header { color: #8CC63E; }
*/
/* When the larger replicas of the submenu items are displayed */
#menu1 #nav-menu1-submenu,
#menu1-submenu-1 #nav-menu1-submenu,
#menu1-submenu-2 #nav-menu1-submenu,
#menu1-submenu-3 #nav-menu1-submenu,
#menu2 #nav-menu2-submenu,
#menu2-submenu-1 #nav-menu2-submenu,
#menu2-submenu-2 #nav-menu2-submenu,
#menu2-submenu-3 #nav-menu2-submenu,
#menu3 #nav-menu3-submenu,
#menu3-submenu-1 #nav-menu3-submenu,
#menu3-submenu-2 #nav-menu3-submenu,
#menu3-submenu-3 #nav-menu3-submenu,
#menu4 #nav-menu4-submenu,
#menu4-submenu-1 #nav-menu4-submenu,
#menu4-submenu-2 #nav-menu4-submenu,
#menu4-submenu-3 #nav-menu4-submenu { display: block; }
/* change the format of larger replicas when their relevant page is open */
#menu1-submenu-1 #nav-menu1-submenu-1 a,
#menu1-submenu-2 #nav-menu1-submenu-2 a,
#menu1-submenu-3 #nav-menu1-submenu-3 a,
#menu2-submenu-1 #nav-menu2-submenu-1 a,
#menu2-submenu-2 #nav-menu2-submenu-2 a,
#menu2-submenu-3 #nav-menu2-submenu-3 a,
#menu3-submenu-1 #nav-menu3-submenu-1 a,
#menu3-submenu-2 #nav-menu3-submenu-2 a,
#menu3-submenu-3 #nav-menu3-submenu-3 a,
#menu4-submenu-1 #nav-menu4-submenu-1 a,
#menu4-submenu-2 #nav-menu4-submenu-2 a,
#menu4-submenu-3 #nav-menu4-submenu-3 a { border: 2px solid white; background-color: #8CC63E; }
#menu1-submenu-1 #nav-menu1-submenu-1 .submenu-header,
#menu1-submenu-2 #nav-menu1-submenu-2 .submenu-header,
#menu1-submenu-3 #nav-menu1-submenu-3 .submenu-header,
#menu2-submenu-1 #nav-menu2-submenu-1 .submenu-header,
#menu2-submenu-2 #nav-menu2-submenu-2 .submenu-header,
#menu2-submenu-3 #nav-menu2-submenu-3 .submenu-header,
#menu3-submenu-1 #nav-menu3-submenu-1 .submenu-header,
#menu3-submenu-2 #nav-menu3-submenu-2 .submenu-header,
#menu3-submenu-3 #nav-menu3-submenu-3 .submenu-header,
#menu4-submenu-1 #nav-menu4-submenu-1 .submenu-header,
#menu4-submenu-2 #nav-menu4-submenu-2 .submenu-header,
#menu4-submenu-3 #nav-menu4-submenu-3 .submenu-header { color: #464646; }
#menu1-submenu-1 #nav-menu1-submenu-1 a,
#menu1-submenu-2 #nav-menu1-submenu-2 a,
#menu1-submenu-3 #nav-menu1-submenu-3 a,
#menu2-submenu-1 #nav-menu2-submenu-1 a,
#menu2-submenu-2 #nav-menu2-submenu-2 a,
#menu2-submenu-3 #nav-menu2-submenu-3 a,
#menu3-submenu-1 #nav-menu3-submenu-1 a,
#menu3-submenu-2 #nav-menu3-submenu-2 a,
#menu3-submenu-3 #nav-menu3-submenu-3 a,
#menu4-submenu-1 #nav-menu4-submenu-1 a,
#menu4-submenu-2 #nav-menu4-submenu-2 a,
#menu4-submenu-3 #nav-menu4-submenu-3 a { color: #464646; }