.navigation a:link { color: white; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: right; text-indent: 0; margin: 0 5px 0 0; padding: 0; width: auto; max-width: 130px; } .navigation a:hover { color: #6cf; } .navigation { color: white; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 12px; text-align: left; margin-left: 18px; right: 0; max-width: 130px;} body { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width: 550px; padding: 0; margin:0; border:0; height:100%; overflow-y:auto; } ul { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 20px; text-align: right; list-style-type: none; margin-right: 20px; margin-bottom: 10px; bottom: 0; padding-bottom: 5px; } dl { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: right; list-style-type: none; margin-right: 20px; margin-bottom: 10px; padding-bottom: 5px;} ul a:link { color: green; font-weight: bold; } ul a:hover { color: #06f; font-weight: bold; } p { color: #000; font-size: 12px; font-family: sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 17px; margin: 0 0 10px 30px; } topbar { color: #000; font-size: 12px; font-family: sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 17px; margin: 0 0 10px 0; max-width: 350px; } a:link { color: #000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a:hover { color: green; text-decoration: none; } h1 { color: green; font-size: 25px; font-family: serif; font-weight: 600; font-stretch: normal; letter-spacing: 3px; margin-left: 30px; } h2 { font-size: 22px; font-family: serif; font-weight: normal; margin-left: 30px; } h3 {font-family: sans-serif; font-size: 1.3em; font-weight: normal;} h4 {font-family: sans-serif; font-size: 1.2em; font-weight: normal; } h5 { color: #fff; font-size: 8px; font-family: sans-serif; font-weight: normal; } .copyright { color: #fff; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; } .copyright1 { color: #000; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px; } .bottomnav { color: #000; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px; } .bottomnav a:link { color: #000; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px; } .bottomnav a:hover { color: white; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px; } .subhead { color: black; font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: 300; font-style: italic; font-variant: normal; letter-spacing: 0; } .subhead2 { color: black; font-size: 14px; font-family: sans-serif; font-weight: 600; font-variant: normal; letter-spacing: 0; } .sub {color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 11px; text-align: left; right: 10px; max-width: 130px;} .emphasis { color: black; font: italic 400 15px/20px "Times New Roman", Times, serif; letter-spacing: 0; } .bodyital { color: black; font: italic 400 13px/15px "Times New Roman", Times, serif; letter-spacing: 0; } #topbar2 { margin:0 0 0 180px; display:block; width:450px; background:#fff; position: relative; top: 0; padding:0; } #mainbody { margin:0 0 0 180px; display:block; width:500px; background:#fff; position: relative; padding:0; } #sidenavigation { visibility: visible; position: fixed; top: 0; left: 0; width: 180px; height: 100%; background-image: url(images/sidebar_back.jpg); background-repeat: repeat; right: 0; bottom: 0; float: left; min-height: 100%; } #sidenavigation a{color:#000;} #sidenavigation a:visited { color: black; font-style: normal; text-decoration: none; } #sidenavigation a:hover{color:white;} #sidenavigation dt a:hover{color:white;} /* This next line is a HACK to get it to work in IE 6*/ * html #sidenavigation {position:absolute;} /*this is so the background cloud image works*/ #pagetitle{margin:0px 0px 0px 129px; width: auto; display:block; background-image:url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/sub_background.gif); background-repeat:repeat-x;} #bottomnav {padding: 0; visibility: visible; position: fixed; bottom: 0; left: 0; width: 100%; display:block; background-color:#000000;} #bottomnav a{color:#FFF;} #bottomnav a:hover{color:#0066ff;} /*IE Hack to force the bottomnav position */ * html #bottomnav {padding: 0;position:absolute; width: 98%; bottom:0;} #webportals { background-image: url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/nav_bottom-images/nav_bottom_02.gif);background-repeat: no-repeat; padding:0; visibility: hidden; position: absolute; top: 3; left: 0px; width: 100%; height: 12px } #webportals a{ color:#000000; text-decoration: none;} #webportals a:hover{ color:#FFFFFF; text-decoration: none;} #products { background-image: url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/nav_bottom-images/nav_bottom_02.gif); background-repeat: no-repeat;padding:0; visibility: hidden; position: absolute; top: 3; left: 0px; width: 100%; height: 12px } #products a{ color:#000000; text-decoration: none;} #products a:hover{ color:#FFFFFF; text-decoration: none;} #services { background-image: url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/nav_bottom-images/nav_bottom_02.gif); background-repeat: no-repeat;padding:0; visibility: hidden; position: absolute; top: 3; left: 0px; width: 100%; height: 12px } #services a{ color:#000000; text-decoration: none;} #services a:hover{ color:#FFFFFF; text-decoration: none;} #company { background-image: url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/nav_bottom-images/nav_bottom_02.gif); background-repeat: no-repeat;padding:0; visibility: hidden; position: absolute; top: 3; left: 0px; width: 100%; height: 12px } #company a{ color:#000000; text-decoration: none;} #company a:hover{ color:#FFFFFF; text-decoration: none;} #contact { background-image: url(../../../Morphidae/Morphidae/morph_site/Morph/web-content/images/nav_bottom-images/nav_bottom_02.gif); background-repeat: no-repeat;padding:0; visibility: hidden; position: absolute; top: 3; left: 0px; width: 100%; height: 12px } #contact a{ color:#000000; text-decoration: none;} #contact a:hover{ color:#FFFFFF; text-decoration: none;} /* this is a hack for IE. It compensates for the 3 pixel difference that IE has for boxes */ * html #webportals {top: 0; height: 15px;} * html #products {top: 0; height: 15px;} * html #services {top: 0; height: 15px;} * html #company {top: 0; height: 15px;} * html #contact {top: 0;height: 15px;}