body { margin: 0; font: 12px Arial, 'lucida sans', 'lucida grande', Helvetica, sans-serif; color: #333; line-height: 1.5em; background: #6b140f; } * html a, * a { position: relative; cursor: hand; } h1 { font: normal 1.6em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } h2 { font: normal 1.4em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } h3 { font: normal 1.2em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } h4 { font: normal 1.0em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } h5 { font: normal 0.9em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } h6 { font: normal 0.8em 'Myriad Pro','verdana'; color: #991613; margin: 5px 0; padding: 5px 0; } a { color: #92211d; } p { margin: 5px 0; padding: 2px 0; } .main_col ul, #one_col ul { margin: 5px 0; } .main_col li, #one_col li { padding: 2px 10px 2px 20px; background: url('images/arrow.jpg') 3px 7px no-repeat; } /* Main Layout -------------------------------------------------------------------*/ #wsl { width: 100%; float: left; } #header { width: 100%; float: left; position: relative; background: #fff url('images/head.jpg') 0 0 repeat-x; } #header #head_bg { width: 100%; height: 160px; float: left; background: url('images/head-bg.jpg') center 0 no-repeat; } #header .wrap { width: 940px; margin: 0 auto; } #header #logo { width: 370px; height: 160px; float: left; } #header #logo a { width: 440px; height: 160px; float: left; text-indent: -9999px; } #header ul.main_nav { width: 440px; float: right; margin: 56px 0 0 60px; display: inline; } #header ul.main_nav li { float: left; } #header ul.main_nav li a { float: left; color: #fff; text-transform: uppercase; text-decoration: none; padding: 8px 10px 12px 10px; } #header ul.main_nav li a:hover { color: #ffb892; } #header ul.main_nav li.selectedPage, #header ul.main_nav li.selectedPageRoot { background: url('images/main_nav_right.jpg') right 0 no-repeat; } #header ul.main_nav li.selectedPage a, #header ul.main_nav li.selectedPageRoot a{ color: #611210; background: url('images/main_nav_left.jpg') 0 0 no-repeat; } #header #hapn a { width: 130px; height: 60px; float :right; text-indent: -9999px; } #body { width: 100%; float: left; background: #fff url('images/earth.jpg') right bottom no-repeat; } #body .wrap { width: 920px; margin: 20px auto 10px auto; *margin: 20px auto 30px auto; } #body .main_col { width: 640px; float: left; padding: 0 0 35px 0; } #body .main_col_top { width: 100%; float: left; height: 30px; background: url('images/main_col_top.png') 0 0 no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/main_col_top.png', sizingMethod='image'); } #body .main_col_tile { width: 580px; padding: 0 30px; min-height: 150px; float: left; background: url('images/main_col_tile.png') 0 0 repeat-y; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/main_col_tile.png', sizingMethod='scale');} #body .main_col_bottom { width: 100%; float: left; margin: 0 0 25px 0; height: 50px;_float: none; background: url('images/main_col_bottom.png') 0 bottom no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/main_col_bottom.png', sizingMethod='image');} #body #intro { width: 260px; float: left; } #body #flash { width: 300px; padding: 15px 0 0 0; float: right; } #home #body #flash { width: 300px; padding: 15px 0 0 0; float: left; } #body #one_col { width: 920px; float: left; padding: 0 0 35px 0; } #body #one_col_top { width: 100%; float: left; height: 28px; background: url('images/one_col_top.png') 0 0 no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/one_col_top.png', sizingMethod='image');} #body #one_col_tile { width: 860px; padding: 0 30px; min-height: 300px; float: left; background: url('images/one_col_tile.png') 0 0 repeat-y; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/one_col_tile.png', sizingMethod='scale');} #body #one_col_bottom { width: 100%; float: left; height: 48px;_float: none; background: url('images/one_col_bottom.png') 0 bottom no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/hapn/templates/oapn/styles/images/one_col_bottom.png', sizingMethod='image');} #body #sub_col { width: 250px; float: right; } #body #sub_col h1 { font-size: 1.3em; } #body #sub_col .side_sec_top { width: 250px; height: 17px; float: left; background: url('images/side_sec_top.png') 0 0 no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oapn/templates/oapn/styles/images/side_sec_top.png', sizingMethod='image'); } #body #sub_col .side_sec_tile { width: 200px; float: left; padding: 10px 25px 0 25px; background: url('images/side_sec_tile.png') 0 0 repeat-y; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oapn/templates/oapn/styles/images/side_sec_tile.png', sizingMethod='scale');} #body #sub_col .side_sec_bottom { width: 250px; height: 35px; float: left; _float: none; margin: 0 0 25px 0; background: url('images/side_sec_bottom.png') 0 bottom no-repeat; _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oapn/templates/oapn/styles/images/side_sec_bottom.png', sizingMethod='image');} #body #sub_col .side_nav { width: 100%; float: left; } #body #sub_col .side_nav li { width: 100%; float: left; background: url('images/sep.jpg') 0 bottom repeat-x; } #body #sub_col .side_nav li a { width: 90%; float: left; padding: 7px 0 7px 10%; font-weight: bold; color: #222; text-decoration: none; background: url('images/arrow.jpg') 0 11px no-repeat; } #body #sub_col .side_nav li a:hover, #body #sub_col .side_nav li a.selectedPage { color: #991613; background: url('images/arrow-over.jpg') 0 11px no-repeat; } #footer { width: 100%; height: 250px; float: left; background: #851d18 url('images/bottom.jpg') 0 0 repeat-x; } #footer #foot_bg { width: 100%; height: 240px; padding: 0 0 10px 0; float: left; background: url('images/foot-bg.jpg') center 0 no-repeat; } #footer .wrap { width: 920px; margin: 0 auto; } #footer ul { padding: 5px 0; } #footer #search { width: 100%; float: left; height: 50px; } #footer .search { width: 290px; float: left; } #footer .search label { display: none; } #footer .search .searchInput { width: 214px; height: 28px; float: left; margin: 10px 0 0 0; background: url('images/search_text.jpg') 0 0 no-repeat; border: 0; } #footer .search .searchButton { width: 67px; height: 33px; float: right; font-size: 0; color: #fff; cursor: pointer; text-indent: -9999px; margin: 7px 0 0 0; background: url('images/search_button.jpg') 0 0 no-repeat; border: 0; } #footer #contact { width: 420px; float: left; padding: 20px 0 10px ; color: #f8f0f0; } #footer #contact .left { width: 49%; float: left; } #footer #contact .right { width: 49%; float: right; } #footer #affiliate { width: 460px; height:60px; padding: 20px 0 0 40px; float: right; position: relative; z-index: 9999; /* this is to make the copy element value available take out the position and z-index if it messes up layout in any way */} #footer #copy { width: 100%; float: left; padding: 20px 0 0 0; } #footer #radium3 {float:right; margin: 0 25px 0 0;} filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/oapn/templates/oapn/styles/images/sky.png', sizingMethod='image');} #footer #legal { width: 400px; float: left; font-size: .9em; color: #fff; padding: 10px 0 0 0; } /* extras -------------------------------------------------------------------*/ .left { float: left; } .right { float: right; } .wrap:after { } .leftBox { float: left; width: 48%; } .rightBox { float: right; width: 48%; } /* Admin -------------------------------------------------------------------*/ html body #adminbar { width: 100% !important; display: block; } html body #adminbar #toolbar, html body #adminbar #pagebar { display: block; } select { position: relative; z-index: 5; }