body { font-family: arial; background-color: #fff; background-repeat: repeat-x; height: 100%; } p { } td { } a:link { color: #333; font-size: 12px; font-weight: bold; text-decoration: none; outline-style: none; outline-width: 0; } a { font-weight: bold; text-decoration: none; outline-style: none; outline-width: 0; } .link { background-image: url(images/arrow0b.gif); background-repeat: no-repeat; background-position: right -13px; padding-right: 15px; cursor: pointer; } a:visited { color: #333; font-size: 12px; text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } /* Internet Explorer and the Expanding Box Problem. It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box. The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element. */ body { word-wrap: break-word; } #outline { background-repeat: no-repeat; background-position: center; width: 920px; height: 720px; margin: 10px auto auto; } #header { background-image: url(images/header.jpg); background-position: left top; width: 920px; height: 80px; border-bottom: 3px solid #c8c8c8; } #header_flash { height: 80px; float: right; margin: 0; padding: 0; border-style: none; border-width: 0; outline: none;} #header_fl { width: 810px; height: 80px; float: left; margin: 0; padding: 0; border-style: none; border-width: 0; outline: none medium; } #banner { background-repeat: no-repeat; background-position: left top; width: 920px; float: left; } #footer { color: #dcdcdc; font-size: 12px; line-height: 30px; background-color: #333; background-repeat: no-repeat; background-position: left top; text-indent: 10px; width: 920px; height: 30px; float: left; margin-bottom: 10px; } .transition { background-image: url(images/transition.jpg); } #col10p { width: 10px; height: 10px; float: left; } #row10p { line-height: 0; width: 920px; height: 10px; float: left; } #box { background-color: #c8c8c8; width: 300px; height: 150px; float: left; } .tm { font-size: 8px; vertical-align: super; } #box1 { background-image: url(images/box1b.jpg); background-repeat: no-repeat; background-position: left top; width: 300px; height: 150px; float: left; } #box2 { background-image: url(images/box2b.jpg); background-position: left top; width: 300px; height: 150px; float: left; } #box3 { background-image: url(images/box3b.jpg); background-position: left top; width: 300px; height: 150px; float: left; } #box4 { background-image: url(images/box4b.jpg); background-position: left top; width: 300px; height: 150px; float: left; } #box5 { background-image: url(images/box5b.jpg); background-position: left top; width: 300px; height: 150px; float: left; } #box6 { background-image: url(images/box6b.jpg); background-position: left top; width: 300px; height: 150px; float: left; } #box:hover { background-color: #be1; width: 300px; height: 150px; float: left; cursor: pointer; } #outer { height: 100%; overflow: visible; } /* or without overflow */ #boxtext_inner { float: right; padding-right: 25px; } #text_inner { font-size: 12px; line-height: 21px !important; padding: 10px; } .scroller { font-size: 12px; background-image: url(images/scroller_back.png); background-repeat: no-repeat; background-position: center top; } #boxspace { color: #5a5a5a; font-size: 12px; line-height: 18px; text-align: right; width: 300px; height: 50px; float: right; } #boxtext { color: #5a5a5a; font-size: 12px; font-family: arial; font-style: italic; line-height: 16px; text-align: right; width: 300px; height: 60px; float: right; } #boxlink { color: #5a5a5a; font-size: 12px; line-height: 40px; text-align: right; height: 40px; padding-right: 10px; float: right; } .white { color: #fff; } .dark { background-color: #646464; } * {padding:0; margin:0} .dropdown { font-size: 12px; float:right; margin-top: 20px; padding-right:10px } .dropdown dt { color: #fff; font-family: arial; width:186px; padding:10px; font-weight:bold; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; border: solid 1px #aaa; cursor:pointer; } .dropdown dt:hover { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } .dropdown dd { position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; border-width: 1px; opacity:0 } .dropdown ul { width:204px; list-style:none; } .dropdown li { display:inline } .dropdown a, .dropdown a:active, .dropdown a:visited { display:block; padding:10px; color:#333; text-decoration:none; background:#f0f0f0; text-align: left; width:194px } .dropdown a:hover {background:#d2d2d2; color:#000} .dropdown .underline {border-bottom:1px solid #e6e6e6} /**/ #sor1 { font-size: 12px; background-image: url(images/icon1.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #text1 { font-size: 12px; line-height: 20px; padding-left: 30px; } #text0 { color: #333; font-size: 12px; font-weight: bold; line-height: 20px; background-image: url(images/tri.png); background-repeat: no-repeat; background-position: left top; padding-left: 30px; } #text2 { font-size: 12px; line-height: 20px; background-image: url(images/tri.png); background-repeat: no-repeat; background-position: left top; padding-left: 30px; } #sor2 { font-size: 12px; background-image: url(images/icon2.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor3 { font-size: 12px; background-image: url(images/icon3.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor4 { font-size: 12px; background-image: url(images/icon4.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor5 { font-size: 12px; background-image: url(images/icon5.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor6 { font-size: 12px; background-image: url(images/icon6.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor7 { font-size: 12px; background-image: url(images/icon7.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } #sor8 { font-size: 12px; background-image: url(images/icon8.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 50px; } .sorhover { line-height: 40px; border-bottom: 1px dotted #dcdcdc; } .sorhover2 { line-height: 25px; } .sorhover:hover { background-color: #fafafa; } object { outline:none; }