body {color: #666; margin: 0px auto; padding: 0px 0px 0px 0px; font: 12px/16px arial; background: #fff url(images/bkgrd_body.gif) repeat-x top center; behavior: url(csshover.htc);} /*joe edit above adding the behavior: url(csshover.htc); */ html {min-width: 950px; padding: 0px; margin: 0px;} A:hover {color: #346A80; TEXT-DECORATION: underline;} A:link {TEXT-DECORATION: underline;} A:visited {TEXT-DECORATION: none;} img {border: 0; vertical-align: text-bottom;} .form {border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} fieldset {border:1px dashed #ccc; padding:10px; margin-top:20px; margin-bottom:20px;} legend {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; line-height: 1.1; color:#fff; background: #666; border: 1px solid #333; padding: 2px 6px;} label {text-align: right; width:200px; height:30px; margin-top:3px; margin-right:2px; padding-top:11px; padding-right:6px; background-color:#ccc; float:left; display: block; font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; line-height: 1.1; color:#666;} dt {font: 14px/15px arial; float: left; font-weight: bold;} dd {font: 14px/15px arial; margin-left: 150px; margin-bottom: 10px;} span.trans input {background-color: transparent;} p {position: relative; font: 12px/16px arial; text-align: left;} h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; line-height: 1em; } .trans {background-color: transparent;} .lgtblue {background-color: #FAFAFA;} .highlight {background: none; background-color: #ffffcc;} .bold {font-weight: bold;} .italic {font-style: italic;} .center {text-align: center;} .justify {text-align: justify;} .top {vertical-align: text-top;} .smtext {font: 7.5pt/10pt arial;} .right {float: right;} .left {float: left;} .nowrap {white-space: nowrap;} .block {display: block;} input.button {background-color: #FFF; font: 8pt arial; border: double #BBC2BA; margin: 0px;} option.inputheader {font-weight: bold;} option.item {background-color: #EEEEEE; color: #005596;} #bg {background: transparent url(images/bkgrd.png) repeat-y center center; width: 990px; margin: 0px auto; padding: 0px;} /*\*/ * html #bg {background: transparent url(images/bkgrd.gif) repeat-y center center; width: 990px; margin: 0px auto; padding: 0px;} /*end*/ /* joe edit - this is the small bar below the flash piece */ #container {width: 950px; border-bottom: 1px solid #B3B5B9; margin: 0px auto; padding: 0px 0px 0px 0px; background: #fff url(images/bkgrd_main.gif) repeat-x top left;} /* joe edit - this is the image that appears below the flash file */ #banner {background: transparent url(images/spacer.gif) no-repeat center; width: 950px; height: 217px; padding: 0px; margin: 0px auto 0px auto;} #topright {background: #000; float: right; width: 200px; clear: left; padding: 0px; margin: 0px; text-align: right;} #topright A:link {color: #333; TEXT-DECORATION: none;} #topright A:visited {color: #333;} #topright A:hover {color: #333; TEXT-DECORATION: underline;} #topright img {display: inline; border: 0px;} #topright ul{font: 16px arial; color: #333; list-style-position: outside; padding: 6px 0px 2px 0px; margin: 0px 15px 0px 0px;} #topright li{list-style-type: none; display: inline; padding: 0px 0px 0px 20px; margin: 0px;} #topright li.home{margin: 0px; padding: 2px 0px 0px 0px;} #topright li.login{background: transparent url(images/icon_lock.gif) no-repeat 6px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px;} #topright li.subscribe{background: transparent url(images/icon_newsletter.gif) no-repeat 4px -1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px;} /* joe edit for top header image dimensions*/ #topnav {clear: both; height: 77px; width: 950px; padding: 0px 0px 0px 0px; margin: 0px auto;} ul#nav {position: relative; top: 0px; left: 250px; width: 100%; margin: 0; height: 50px; list-style-type: none; overflow: hidden;} body#home ul#nav { background: transparent url(/images/topnav_matrix2.gif) no-repeat 0 0; } body#avdesign ul#nav { background: transparent url(/images/topnav_matrix2.gif) no-repeat 0 -50px; } body#avprod ul#nav { background: transparent url(/images/topnav_matrix2.gif) no-repeat 0 -150px; } body#service ul#nav { background: transparent url(/images/topnav_matrix2.gif) no-repeat 0 -200px; } body#about ul#nav { background: transparent url(/images/topnav_matrix2.gif) no-repeat 0 -250px; } ul#nav li a {position: absolute; top: 0; width: 100%; text-indent: -9000px; text-decoration: none; padding: 50px 0 0 0; overflow: hidden; height: 0px !important; height /**/:50px; /* IE5/Win */ background: transparent url(/images/topnav_matrix2.gif) no-repeat;} body#home li#hm a { background-position: 0 0; width: 55px; left: 0; } body#home li#hm a:hover { background-position: 0 0; } body#home li#design a { background-position: -55px -200px; left: 55px; } body#home li#design a:hover { background-position: -55px -50px; } body#home li#prod a { background-position: -182px -200px; left: 182px; } body#home li#prod a:hover { background-position: -182px 0; } body#home li#serv a { background-position: -293px -200px; left: 293px; } body#home li#serv a:hover { background-position: -293px 0; } body#home li#abt a { background-position: -405px -200px; left: 405px; } body#home li#abt a:hover { background-position: -405px 0; } body#home li#phone a { background-position: -486px -200px; left: 486px; } body#home li#phone a:hover { background-position: -486px -150px; } body#avdesign li#hm a { background-position: 0 0; width: 55px; left: 0; } body#avdesign li#hm a:hover { background-position: 0 0; } body#avdesign li#design a { background-position: -55px 0px; left: 55px; } body#avdesign li#design a:hover { background-position: -55px -50px; } body#avdesign li#prod a { background-position: -182px -200px; left: 182px; } body#avdesign li#prod a:hover { background-position: -182px 0; } body#avdesign li#serv a { background-position: -293px -200px; left: 293px; } body#avdesign li#serv a:hover { background-position: -293px 0; } body#avdesign li#abt a { background-position: -405px -200px; left: 405px; } body#avdesign li#abt a:hover { background-position: -405px 0; } body#avdesign li#phone a { background-position: -486px -200px; left: 486px; } body#avdesign li#phone a:hover { background-position: -486px -150px; } body#avprod li#hm a { background-position: 0 0; width: 55px; left: 0; } body#avprod li#hm a:hover { background-position: 0 0; } body#avprod li#design a { background-position: -55px -200px; left: 55px; } body#avprod li#design a:hover { background-position: -55px -50px; } body#avprod li#prod a { background-position: -182px -50px; left: 182px; } body#avprod li#prod a:hover { background-position: -182px -100px; } body#avprod li#serv a { background-position: -293px -200px; left: 293px; } body#avprod li#serv a:hover { background-position: -293px 0; } body#avprod li#abt a { background-position: -405px -200px; left: 405px; } body#avprod li#abt a:hover { background-position: -405px 0; } body#avprod li#phone a { background-position: -486px -200px; left: 486px; } body#avprod li#phone a:hover { background-position: -486px -150px; } body#service li#hm a { background-position: 0 0; width: 55px; left: 0; } body#service li#hm a:hover { background-position: 0 0; } body#service li#design a { background-position: -55px -200px; left: 55px; } body#service li#design a:hover { background-position: -55px -50px; } body#service li#prod a { background-position: -182px -200px; left: 182px; } body#service li#prod a:hover { background-position: -182px 0; } body#service li#serv a { background-position: -293px -100px; left: 293px; } body#service li#serv a:hover { background-position: -293px -150px; } body#service li#abt a { background-position: -405px -200px; left: 405px; } body#service li#abt a:hover { background-position: -405px 0; } body#service li#phone a { background-position: -486px -200px; left: 486px; } body#service li#phone a:hover { background-position: -486px -150px; } body#about li#hm a { background-position: 0 0; width: 55px; left: 0; } body#about li#hm a:hover { background-position: 0 0; } body#about li#design a { background-position: -55px -200px; left: 55px; } body#about li#design a:hover { background-position: -55px -50px; } body#about li#prod a { background-position: -182px -200px; left: 182px; } body#about li#prod a:hover { background-position: -182px 0; } body#about li#serv a { background-position: -293px -200px; left: 293px; } body#about li#serv a:hover { background-position: -293px 0; } body#about li#abt a { background-position: -405px -150px; left: 405px; } body#about li#abt a:hover { background-position: -405px -100px; } body#about li#phone a { background-position: -486px -200px; left: 486px; } body#about li#phone a:hover { background-position: -486px -150px; } div.menuBar, div.menuBar a.menuButton, div.menu {clear: both; font: 14px/16px helvetica; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} div.menuBar {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left;} div.menu {background: #333 url(images/bkgrd_menu.png) no-repeat; left: 0px; padding: 0px 0px 0px 0px; margin-top: 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101;} div.menu a.menuItem {font: 12px/16px helvetica; color: #ccc; cursor: pointer; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap;} div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #333; color: #808080;} div.menu a.menuItem span.menuItemText {} div.menu a.menuItem span.menuItemArrow {margin-right: -.5em; margin-top: -3px; background: transparent url(images/topnav-arrow.gif) no-repeat 0px 0px; padding: 8px 4px 0px 4px;} div.menu div.menuItemSep {border: 1px inset #F4F4F4; margin: 4px 2px;} /*joe edit - main section for inner pages */ #maincontent2 {padding: 40px 0px 10px 25px; margin: 0px 295px 0px 0px; width: 650px;} #maincontent2 img {vertical-align: text-top; border: 0px;} #maincontent2 img.border {padding: 2px; border: 1px solid #BBC2BA;} #maincontent2 img.right {margin: 5px 0px 5px 10px;} #maincontent2 img.left {margin: 5px 10px 3px 0px;} #maincontent3 {padding: 40px 0px 10px 25px; margin: 0px 5px 0px 0px; } #maincontent3 img {vertical-align: text-top; border: 0px;} #maincontent3 div.hr {padding: 0px; margin: 5px auto 15px auto; height: 11px; background: transparent url(images/hr_main.gif) no-repeat;width: 850px;} #maincontent3 div.hr hr {display: none;} #maincontent {padding: 40px 0px 10px 25px; margin: 0px 295px 0px 0px; width: 575px;} /*joe edit - links on main section */ #maincontent A:link {color: #006666; TEXT-DECORATION: underline; font-weight: bold;} #maincontent A:hover {color: #990000; TEXT-DECORATION: none; font-weight: bold;} #maincontent A:visited {color: #006666; TEXT-DECORATION: underline; font-weight: bold;} #maincontent p {padding: 0px 0px 10px 10px; margin: 0px 0px 0px 0px; line-height: 18px;} #maincontent ul {position: relative; list-style-position: outside; padding: 0px 0px 2px 15px; margin: 0px 0px 0px 0px;} #maincontent li {font: 12px/16px arial; background: transparent url(images/li_arrow.gif) no-repeat 0px 3px; list-style-type: none; display: block; margin: 0px; padding: 0px 0px 4px 30px;} #maincontent img {vertical-align: text-top; border: 0px;} #maincontent img.border {padding: 2px; border: 1px solid #BBC2BA;} #maincontent img.right {margin: 5px 0px 5px 10px;} #maincontent img.left {margin: 5px 10px 3px 0px;} #maincontent div.hr {padding: 0px; margin: 5px auto 15px auto; height: 11px; background: transparent url(images/hr_main.gif) no-repeat;} #maincontent div.hr hr {display: none;} #maincontent ol {width: 48em; margin: 0px; padding: 10px 0px 0px 0px; /* room for 2 columns */} #maincontent ol li {float: left; width: 20em; /* accommodate the widest item */} /* stop the floating after the list */ #maincontent div.wrapper br {clear: left;} /* separate the list from what follows it */ #maincontent div.wrapper {margin-bottom: 1em;} .div_checkbox {width:560px; float:right; background-color:#E6E6E6; height:auto; margin-top:3px; padding-top:5px; padding-bottom:0px; padding-left:5px; font: 12px/14px arial;} .div_textbox {width:347px; float:right; background-color:#E6E6E6; height:33px; margin-top:3px; padding-top:5px; padding-bottom:3px; padding-left:5px; font: normal 14px Arial;} .div_textarea {width:347px; float:right; background-color:#E6E6E6; height:auto; margin-top:3px; padding-top:5px; padding-bottom:3px; padding-left:5px; font: 12px/14px arial} .textbox {background-image: url(images/icon_form-field.png); background-color:#FFFFFF; background-repeat: no-repeat; background-position:left; width:285px; font: normal 16px Arial; color: #999999; padding:3px 5px 3px 19px;} .textbox-sm {background-image: url(images/icon_form-field.png); background-color:#FFFFFF; background-repeat: no-repeat; background-position:left; width: 175px; font: normal 16px Arial; color: #999999; padding:3px 5px 3px 19px; margin-left: 20px;} .textbox:focus, .textbox:hover, .textbox-sm:focus, .textbox-sm:hover {background-color:#F0FFE6;} .username {background-image: url(images/icon_user.png); background-repeat: no-repeat; background-position:left; background-color:#FFFFFF; width:285px; font:normal 16px Arial; color: #999999; padding:3px 5px 3px 19px;} .username:focus, .username:hover {background-color:#F0FFE6;} .password {background-image: url(images/icon_password.png); background-repeat: no-repeat; background-position:left; background-color:#FFFFFF; width:285px; font:normal 16px Arial; color: #999999; padding:3px 5px 3px 19px;} .password:focus, .password:hover {background-color:#F0FFE6;} .button_div {width:287px; float:right; background-color:#fff; text-align:center; height:46px; margin-top:3px; padding:0px 32px 3px;} .buttons {font-size:12px; color: #989070; padding: 6px 0px 6px 0px;} .searchfield {background: #fff url(images/bkgrd_searchfield.gif) repeat-x top center; padding:2px; margin:0 0px 1px 20px; width: 190px;} #ajaxticker {width: 490px; height: 34px; border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding: 4px 0px 0px 75px; background-color: #FFFFFF; margin: 10px 0px 25px 15px;} #ajaxticker div {background-color: #FFFFFF;} .newsticker {background: transparent url(images/icon_news.gif) no-repeat; color: #9b9b9b;} #manulogos {width: 575px; padding: 5px 10px 5px 30px; text-align: center;} #manulogos img {padding: 2px 8px; border: 0px; opacity: .5; filter: alpha(opacity=50);} #manulogos a:hover img {opacity: 1; filter: alpha(opacity=100);} #l-sidebar {font: 11px/16px arial; color: #9b9b9b; float: right; margin: 40px 25px 0px 0px; padding: 0px 0px 0px 0px; width: 270px; background: #f0f0f0 url(images/bkgrd_l-sidebar-home.gif) left top no-repeat;} #l-sidebar div.top {background: transparent url(images/l-sidebar_top.gif) no-repeat; margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 247px; height: 6px;} #l-sidebar div.bottom {background: transparent url(images/l-sidebar_bottom.gif) no-repeat; margin: 0px auto 10px auto; width: 247px; height: 101px;} #l-sidebar div.middle {background: transparent url(images/l-sidebar_middle.gif) repeat-y 0px 0px; width: 247px; margin: 0px auto -80px auto; padding: 0px 0px 0px 0px; color:#4d4d4d;} /*joe edit the links below are for the side box on the right */ #l-sidebar A:link {color: #1d407b; TEXT-DECORATION: underline; font-weight: bold;} #l-sidebar A:hover {color: #1d407b; TEXT-DECORATION: none; font-weight: bold;} #l-sidebar A:visited {color: #1d407b; font-weight: bold;} #l-sidebar p {margin: 0px; padding: 5px 12px 5px 12px;} #l-sidebar img {padding: 6px 6px 2px 12px; position: relative;} #l-sidebar h1 {font: 8pt/10pt arial; position: relative; font-weight: bold; padding: 10px 0px 0px 20px; margin-bottom: -10px;} #l-sidebar h2 {font: 12px/16px arial; position: relative; letter-spacing: 1px; font-weight: bold; color: #1d407b; padding: 15px 0px 10px 12px;} #l-sidebar ul {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 25px; list-style: none;} #l-sidebar li {list-style-type: none; display: block; position: relative; padding: 0px 15px 0px 25px; margin: 0px; background: transparent url(images/li_bullet.gif) no-repeat 3px 4px;} #l-sidebar li.news {font: 8pt/12pt arial; list-style-type: none; display: block; padding: 0px 0px 0px 20px; margin: 0; background: transparent url(images/icon_news.gif) no-repeat 0px 2px;} #l-sidebar li.events {font: 8pt/12pt arial; list-style-type: none; display: block; padding: 0px 0px 0px 15px; margin: 0; background: transparent url(images/icon_events.gif) no-repeat 0px 5px;} #l-sidebar div.hr {width: 243px; padding: 0px; margin: 10px auto 0px auto; height: 6px; background: transparent url(images/hr_nav-home.gif) no-repeat 0px 0px;} #l-sidebar div.hr hr {display: none;} /*\*/ * html #l-sidebar {font: 11px/16px arial; color: #9b9b9b; right: left; margin: 40px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 270px; background: #f0f0f0 url(images/bkgrd_l-sidebar-home.gif) left top no-repeat;} * html #l-sidebar div.top {background: transparent url(images/l-sidebar_top.gif) no-repeat; margin: 10px auto -10px auto; padding: 0px 0px 0px 0px; width: 247px; height: 6px;} /*end*/ /* joe edit removed this: background: transparent url(images/icon_lock.gif) no-repeat 10px 5px; */ #l-sidebar div.partner {margin: 0px 0px 0px 125px; padding: 5px 0px 5px 5px; height: 35px; font: bold 13px/16px arial; display: block;} #l-sidebar div.partner A:link {color: #999; TEXT-DECORATION: underline; font-weight: bold;} #l-sidebar div.partner A:hover {color: #64c733; TEXT-DECORATION: none; font-weight: bold;} #l-sidebar div.partner A:visited {font-weight: bold;} #advert {padding: 0px 0px 0px 0px; margin: 15px 10px 15px 10px;} #advert h3 {color: #666; font: 11pt/14pt arial; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px;} #advert img {text-align: center; padding: 15px 0px 10px 0px; margin: 0px 10px 0px 10px;} #advert p {text-align: center; margin: 0px; padding: 0px; font: 8pt/12pt arial; color: #008F00;} #advert ul {margin: .2em 1em 0em 1.8em; padding: 0px; list-style: none;} #advert li {color: #346A80; background: transparent url(images/bullet_li.gif) no-repeat 0px 3px; font: 7pt/7pt arial; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; line-height: 1.4em; list-style: none outside; display: block; text-align: left;} blockquote {font: 18px/16pt arial; font-weight: bold; margin: 20px 15px 20px 15px; padding: 0px; background: transparent url(images/quote_left.gif) left top no-repeat; color: #999;} blockquote div {text-align: left; padding: 10px 30px; background: transparent url(images/quote_right.gif) right bottom no-repeat;} p.entryinfo {color: #999; font: 12px/14pt arial; font-weight: bold; padding: 0px; margin: -5px 30px 20px 0px; text-align: right;} #footer {clear: both; height: auto; background: #ffffff url(images/bkgrd_footer.gif) repeat-x top left; padding: 1px 20px; margin: 0px auto;} #footer img {border: 0px;} #footer p {font:8pt/12pt arial; font-weight: normal; color: #666; text-align: center;} #footer A:link {color: #666; TEXT-DECORATION: none;} #footer A:hover {color: #666; TEXT-DECORATION: underline;} #footer A:visited {color: #666;} #footer ul {list-style-position: outside; padding: 5px 0px 0px 0px; margin: 0px auto; text-align: center;} #footer #rightnav {list-style-position: inside; padding: 0px 0px 0px 0px; margin: -12px 10px 0px 0px; text-align: right;} #footer #rightnav li.copyright{padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; display: inline; list-style: none outside;} #footer li.first{margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; list-style-type: none; display: inline;} #footer li.sep{margin: 0px; padding: 0px 15px 0px 25px; list-style-type: none; display: inline; background: transparent url(images/footer_sep.gif) no-repeat 0px -2px;} /* USED FOR GENERIC COLUMNS */ .col1, .col3, .col5 {float: left; width: 25%; text-align: left;} .col2, .col4, .col6 {float: left; width: 60%; text-align: left;} /* USED FOR ODD SIZED COLS */ .col2b{float: left; width: 450px; text-align: center; padding: 10px;} .col3b{float: left; width: 50px; text-align: left;} .col4b{float: left; width: 145px; text-align: left;} #header {margin: 10px 0px 20px 0px; float:left; width:95%;} #header ul {margin:0px; padding: 10px; list-style:none;} #header li {font: 8pt arial; float:left; background:url(images/left.gif) no-repeat left top; margin:0px; padding:0px 1px 0px 7px;} #header a {float:left; display:block; background:url(images/right.gif) no-repeat right top; padding:3px 15px 4px 3px; text-decoration:none; font-weight:bold; color:#7798B1;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */ #header a:hover {color:#0077AC; text-decoration: none;} #header a:link {color: #7798B1; TEXT-DECORATION: underline;} #header a:visited {color: #7798B1;} #header #current {background-image:url(images/left_on.gif);} #header #current a {background-image:url(images/right_on.gif); color:#7798B1; padding-bottom:5px;} /* Table definitions - summary */ #header table.company {text-align: left; clear: left; width: 500px; border: 1px solid #B4C0CE; padding: 10px; font: 12px/16px arial; margin: -2px 0px 5px 10px; caption-side:top;} #header table.company a {float: none; background: none; color: #0077AC; font-weight: normal;} #header table.company ul {font: 12px/16px arial; list-style-position: outside; padding: 0px 0px 2px 10px; margin: 0px 0px 5px 0px;} #header table.company li {float: none; background: none; list-style-type: none; display: block; padding: 0px 0px 0px 10px;} #header table.company a:hover {color: #7798B1;text-decoration: none;} #header table.company a:link {text-decoration: underline;} #header table.company a:visited {} #header table.company thead {background-color: #CAD1DA;} #header table.company thead td {padding: 5px; margin: 0px;} #header table.company tbody {text-align: left;} #header table.company tbody th {padding: 0px 6px 0px 6px; margin: 0px; color: #0077AC; vertical-align: text-top; font-weight: bold;} #header table.company tbody td {font: 12px/16px arial; padding: 0px 6px 0px 6px; margin: 0px; color: #666; vertical-align: text-top; font-weight: normal;} #header table.company tbody td a {font: 12px/16px arial; padding: 0px 6px 0px 6px; margin: 0px; vertical-align: text-top; font-weight: normal;} #header table.company tfoot td {background-color: #fff; padding: 4px; margin: 0px;} .clearer{height: 1px; overflow: hidden; margin-top: 1px; clear:both;} /* joe edit - for the 4 center sections on inner pages */ #maincontent2 ol {width: 78em; margin: 0px; padding: 0px; /* room for 2 columns */} #maincontent2 ol li {background: none; float: left; width: 23em; padding: 0px 10px 0px 0px; margin: 0px; /* accommodate the widest item */} #maincontent2 div.hr {padding: 0px; margin: 5px auto 15px auto; height: 11px; background: transparent url(images/hr_main.gif) no-repeat;} #maincontent2 div.hr hr {display: none;} #featured {background: #fff url(images/bkgrd_featured.gif) no-repeat top center; width: 595px; height: 300px; margin: 2px 0px 20px 0px; padding: 15px 0px 0px 0px;} #featured A:hover {TEXT-DECORATION: none; color: #005596;} #featured A:link {TEXT-DECORATION: underline; color: #1d407b;} #featured A:visited {color: #005596;} #featured img {margin: 5px 10px 5px 0px; padding: 0px;} #featured p {font: 11px/16px arial; position: relative; color: #346A80; padding: 5px 0px 0px 0px; margin: 0px;} #grid1 {width: 175px; height: 265px; float: left; background: transparent url(images/bkgrd_featured-div.gif) no-repeat bottom right; text-align: left; margin: 5px 0px 0px 0px; padding: 0px 25px 0px 25px;} #grid2 {width: 155px; height: 265px; float: left; background: transparent url(images/bkgrd_featured-div.gif) no-repeat bottom right; text-align: left; margin: 5px 0px 0px 0px; padding: 0px 15px 0px 5px;} #grid3 {width: 160px; height: 265px; float: left; text-align: left; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 5px;} #grid1 ul {margin: 1em 1em 0em .1em; padding: 0px; list-style: none;} #grid1 li {background: transparent url(images/li_projects.gif) no-repeat 0px 4px; font: 11px/18px arial; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; list-style: none outside; display: block; text-align: left;} #grid2 ul {margin: 1em 1em 0em .1em; padding: 0px; list-style: none;} #grid2 li {background: transparent url(images/li_events.gif) no-repeat 0px 5px; font: 11px/18px arial; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style: none outside; display: block; text-align: left;} #grid3 ul {margin: 1em 1em 0em .1em; padding: 0px; list-style: none;} #grid3 li {background: transparent url(images/li_projects.gif) no-repeat 0px 4px; font: 11px/18px arial; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; list-style: none outside; display: block; text-align: left;} #centerul ul {margin: 1em 1em 0em .1em; padding-left: 75px; list-style: none;} #centerul li {background: transparent url(images/li_events.gif) no-repeat 0px 5px; font: 11px/18px arial; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style: none outside; display: block; text-align: left;} #grid3 p.head {color: #666;} #grid3 div.hr {margin-bottom: 5px;} #extraDivLogo {position:absolute; top: 0px; width: 240px; height: 50px; background-image: url(images/system-werx-logo.gif); margin: 0px auto 0px auto;} /*\*/ * html #extraDivLogo {position:absolute; top: 0px; width: 240px; height: 50px; background-image: url(images/system-werx-logo.gif); margin: 0px auto 0px auto;} /**/ #extraDivNumber {float: right; margin: 0px auto 0px auto;} /* BUTTON STYLES */ div.btnl {margin-right:0px; padding: 0px 0px 0px 10px; background-position: left top; font-size:11px; font-weight: bold; color: #707070; background-image: url(images/button_left.gif); background-repeat: no-repeat;} div.btnr {margin-right: 0px; padding: 4px 10px 4px 0px; background-position: right top; font-size:11px; font-weight: bold; background-image: url(images/button_right.gif); background-repeat: no-repeat;} div.btnl a , div.btnr a {color: #707070; letter-spacing: normal; font-size: 11px; font-weight: bold; text-align: center;} /*---- sIFR ---*/ .sIFR-flash {visibility: visible !important; margin: 0; padding: 0;} .sIFR-replaced, .sIFR-ignore {visibility: visible !important;} .sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;} .sIFR-dummy {background-color: #FF0000; width: 0px; height: 0px; margin-left: 42px; z-index: 0;} .sIFR-active div#maincontent h1, .sIFR-active div#maincontent h2, .sIFR-active div#maincontent h3, .sIFR-active div#l-sidebar h1, {visibility: hidden; font-family: Helvetica; line-height: 1em;} .sIFR-active div#maincontent h1 {padding-bottom: 0; font-size: 26px; font-weight: normal; display: block;} .sIFR-active div#l-sidebar h1 {font-size: 18px; display: block; width: 250px;} .sIFR-active div#maincontent h2 {font-size: 18px; display: block;} .sIFR-active div#maincontent h3, div#maincontent .grid {font-size: 14px;} .sIFR-active div#maincontent h4 {font-size: 26px;} /*joe edit - add h1 tag */ h1 {padding-bottom: 0; font-size: 20px; font-weight: bold;} h2 {padding-bottom: 0; font-size: 16px; font-weight: bold; padding:2px;color: #8b4242;} .h2joe {color: #8b4242;} /*joe edit - dropdown menu */ #dropMenuWrapper { width:950px; background:#990000; margin:0 auto; height:2.18em; position:relative; top:0; left:0; } * html #headerWrapperb, * html #headerWrapperc, * html #dropMenuWrapperc, * html #dropMenuWrapperd, * html #bottomLine { background:none!important; /* Hides the transparent shadows from older versions of IE */ } /*joe edit - makes the link color blue*/ div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #71859e!important; background:#cccccc;} div#dropMenu { width:70em; margin:0 auto; text-align:center; z-index:1000; position:relative; padding-left:50px; } div#dropMenu ul { margin:0; padding:0; } div#dropMenu li { position:relative; list-style:none; margin:0; float:left; line-height:1em; /*joe edit - height of each cell in dropdown menu */ width:16.667%; *width:16.649%; } div#dropMenu ul.level1 { width:72em; margin:0 auto; text-align:center; background:#990000; /*background color of top menu when NOT selected. */ z-index:1000; float:left; } div#dropMenu li a { display: block; /* Hides from IE5-mac \*/ height: 1%; /* End hide from IE5-mac */ padding: .6em 0; text-decoration: none; text-transform:uppercase; font-size:12px; color:#ffffff; text-align:center; border-right:1px solid #ffffff; } div#dropMenu li:hover {} /*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */ div#dropMenu li.submenu:hover {} div#dropMenu li a.noLine {border:none;} div#dropMenu>ul a {width: auto;z-index:1000;} div#dropMenu ul ul {display: none;} div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;} div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} div#dropMenu ul.level1 li.submenu:hover ul.level2, div#dropMenu ul.level2 li.submenu:hover ul.level3, div#dropMenu ul.level3 li.submenu:hover ul.level4, div#dropMenu ul.level4 li.submenu:hover ul.level5, div#dropMenu ul.level5 li.submenu:hover ul.level6, div#dropMenu ul.level6 li.submenu:hover ul.level7, div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 12em;display:block;z-index:1000;} div#dropMenu ul.level2 {background:#999999;z-index:1000;position:absolute;left:0;} div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5, div#dropMenu ul.level6, div#dropMenu ul.level7, div#dropMenu ul.level8{top: 0; left: 12em; background:#71859e} div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;} /* this is text color on drop-down submenu */ div#dropMenu ul.level2 a:hover {color:#0e3192;} .clearBoth { clear:both; height:0; font-size:0; line-height:0; } #navSupp ul, #bottomLine ul { list-style-type:none; text-align:center; line-height:1.5em; padding: 0.3em 0; margin:0; } #navCatTabs ul { list-style-type:none; text-align:center; margin:0; } #navMainLinks ul { list-style-type:none; text-align:center; line-height:1.5em; /*padding: 0.2em 0;*/ margin:0; } #navSupp li, #navCatTabs li, #navMainLinks li, #bottomLine li { display:inline; padding:0 0.5em; margin:0; } #navSupp ul li a, #navCatTabs ul li a, #bottomLine ul li a { text-decoration:none; margin:0; white-space:nowrap; display:inline; font-weight:bold; width:0; }