html { min-height: 100%; height: auto; } body { background: #f2f2f2 url(/pathfinder/images/Structure/bg.jpg) repeat; font-family:helvetica,arial,sans-serif,verdana; font-size:80%; height: 100%; } #container { width: 1000px; margin-left: auto; margin-right: auto; } .clear { clear:both; } hr.clear { color:#FFF; background-color:#fff; border:none; height: 2px; margin:0px; } .clearflow{ overflow:hidden; zoom:1; word-wrap:break-word; } /*--------------------------------------------------------------------------------*/ /*--------------------------------------Head--------------------------------------*/ #head { width: 1000px; height: 175px; background:#fff; } #head a:link, #head a:visited { color: #fff; text-decoration: none; } #head a:hover, #head a:focus, #head a:active { color: #fff; text-decoration: none; } #head .top { background: #c96 url(/pathfinder/images/Structure/top_corners.gif) top left no-repeat; height: 17px; padding: 4px 10px 4px 10px; color:#fff; } .toplinks { float: right; display: inline; text-align:right; font-size:12px; font-weight:bold; } .css { float: left; display: inline; font-weight:bold; font-size:12px; } #head .middle { height:100px; margin: 5px 0; } .head0, .head1, .head2, .head3, .head4, .head5, .head6, .head7, .head8, .head9 { background: url(/pathfinder/images/Structure/head_p.jpg) top left repeat-y; } .tit0, .tit1, .tit2, .tit3, .tit4, .tit5, .tit6, .tit7, .tit8, .tit9 { background: url(/pathfinder/images/Structure/pf.png) top right no-repeat; } #title { height: 100px; width: 900px; font-size: 46px; float: right; } #title .txt { padding: 15px 10px; display:none; text-align: right; } #head .bottom { background: #c96; height: 30px; padding: 0px 0 5px 200px; } #head .logo { width: 110px; height: 140px; background: #FFFFFF; position:absolute; margin-top: 0px; margin-left: 20px; } .logo img { position:relative; top: 0px; display: block; margin-left: auto; margin-right: auto; border:none; } /*-----------------------------------Horizontal menu--------------------------------------*/ #hmenu { font-size:12px; height: 35px; float:left; font-weight: bold; } #hmenu ul { list-style-type:none; display:inline; } #hmenu li { float: left; display: inline; height:35px; border-right: 5px solid #c96; background: #E1CBA2; } #hmenu a:hover, #hmenu a:focus, #hmenu a:active {color: #000; background: #fff;} #hmenu li a { display: block; width: 125px; text-align: center; height:25px; padding-top:10px; } #hmenu li a:link, #hmenu li a:visited {color: #000; text-decoration: none;} #hmenu li a:hover, #hmenu li a:focus, #hmenu li a:active {color: #fff; background: #000; text-decoration: none;} /*--------------------------------------------------------------------------------*/ /*--------------------------------------Nav---------------------------------------*/ #nav { margin: 0px 0px 0px 20px; width: 180px; position: absolute; } #section { font-size:12px; width: 180px; padding: 0px; margin: 0px; border:none; border-top: 2px #c96 solid; border-bottom: 2px #c96 solid; } #section li { list-style: none; background: #f0f0f0; width: 180px; margin: 5px 0px; } #section li a { width: auto; padding: 6px 0 0 10px; display: block; color: #000; text-decoration: none; height: 20px; /* 26px minus padding */ } .nav0 { border-right:#bfd9db 5px solid; background: #fff; } .nav1 { border-right:#bfd9db 5px solid; background: #fff; } .nav2 { border-right:#bfd9db 5px solid; background: #fff; } .nav3 { border-right:#bfd9db 5px solid; background: #fff; } .nav4 { border-right:#bfd9db 5px solid; background: #fff; } .nav5 { border-right:#bfd9db 5px solid; background: #fff; } .nav6 { border-right:#bfd9db 5px solid; background: #fff; } .nav7 { border-right:#bfd9db 5px solid; background: #fff; } .nav8 { border-right:#bfd9db 5px solid; background: #fff; } .nav0:hover, .nav1:focus, nav1:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav1:hover, .nav2:focus, nav2:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav2:hover, .nav3:focus, nav3:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav3:hover, .nav4:focus, nav4:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav4:hover, .nav5:focus, nav5:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav5:hover, .nav6:focus, nav6:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav6:hover, .nav7:focus, nav7:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav7:hover, .nav8:focus, nav8:active { background: #D7EBE7; border-right:#c97 5px solid;} .nav8:hover, .nav9:focus, nav9:active { background: #D7EBE7; border-right:#c97 5px solid;} #selected .nav0{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav1{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav2{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav3{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav4{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav5{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav6{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav7{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #selected .nav8{ background: #E1CBA2; border-right:#ff8a00 5px solid;} #nav h1 { margin: 10px 0 5px 0px; padding-left: 5px; font-size: 12px; color: #333; } /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*-----------------------------------Content--------------------------------------*/ #main { background: #fff url(/pathfinder/images/Structure/fade.jpg) top left repeat-x; height: auto; min-height: 700px; } #content0, #content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, #content, #contentx { width: 760px; margin: 0 0 0 200px; padding: 5px 15px 5px 15px; } /*--------------------------------------------------------------------------------*/ /*------------------------------------Footer--------------------------------------*/ #foot { height: 21px; clear: both; background-color:#c96; font-size:12px; color:#ffffff; font-weight:bold; padding: 5px 10px 2px 10px; } #foot p { display:inline; } /*--------------------------------------------------------------------------------*/ /*------------------------------------Atoz----------------------------------------*/ #az_links { font-size:12px; float:left; height: 25px; } #az_links p { float: left; font-weight: bold; color: #fff; display:inline; margin: 2px 0px; padding: 2px 0; position:relative; left: -10px; } #az_links ul { list-style-type:none; display:inline; } #az_links li { float: left; margin: 2px 0px; display: inline; } #az_links a:hover, #az_links a:focus, #az_links a:active { color: #000; background: #fff; } #az_links li a { display: block; padding: 2px 0; width: 1.5em; text-align: center; font-weight: bold; } #az_links li a:link, #az_links li a:visited { color: #000; text-decoration: none; } #az_links li a:hover, #az_links li a:focus, #az_links li a:active { color: #cedeed; background: #1d1d1d; text-decoration: none; } #search { margin-right: 10px; display: inline; font-size:12px; height: 25px; font-weight: bold; color: #fff; } #search form { display:inline; } /*--------------------------------------------------------------------------------*/ /*-----------------------------------LandPge--------------------------------------*/ #lp { width:760px; padding:0px; } #lp ul { width:760px; margin:0px; padding: 0px; } #lp ul li { width: 240px; min-height: 240px list-style:none; float: left; margin: 4px 4px; display: inline; padding: 0px; border: 2px solid #d7e6e7; } #lp ul li a { display:block; width: 233px; text-decoration:none; padding: 3px 2px 3px 5px; background: none; font-size:1.2em; font-weight: bold; background-color: #e1cba2; } #lp ul li p { text-decoration:none; padding: 3px 2px 3px 5px; } #lp ul li ul { font-size: 100%; background: #efefef; margin: 0; padding: 5px; display:block; width:230px; } #lp ul li ul li { background:#fff; width:230px; display:list-item; border: none; list-style-type: none; margin: 0px; float:none; } #lp ul li ul li a { background: none; display: block; text-align: right; color: #000; font-size: 1em; font-weight:100; width:220px; } #lp ul li ul li a:hover { background: #f0f0f0; } .lpDesc { margin-top:10px; color:#666; } /* lp2 styles */ #lp2 { margin:0; padding: 0; } #lp2 li { margin: 5px 5px; padding: 0px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left:none; background:#efefef; list-style: none; } #lp2 li a { font-size:1.2em; font-weight: bold; display:block; padding: 2px 0px; } /*------------------------------Content Structure---------------------------------*/ /*--------------------------------------------------------------------------------*/ /* c1 styles */ #c1 .top { } #c1 .article { } c1 .bottom { color: #c0c0c0; } /* c2 styles */ #c2 { border-top: 2px dashed #c97000; padding-top: 20px; } #c2 .top { color: #000000; } #c2 .article { width: 475px; display:block; float:left; border-right:#f0f0f0 5px solid; padding-right: 10px; } #c2 .lp2 { width: 475px; display:block; float:left; border-right:#f0f0f0 5px solid; padding-right: 10px; } #c2 .sideBar { width: 255px; margin-left: 500px; display:block; clear:right; } #c2 .bottom { clear:both; } /*------------------------------------Other---------------------------------------*/ /*--------------------------------------------------------------------------------*/ #also ul { list-style:none; margin: 0; background: #f7e4d5; padding:0px; } #also ul li { background: #efefef; background-position:0em 0.5em; padding: 2px 5px; font-size:12px; margin: 1px 0px; } #also ul li a { display: block; } #also .current { /* background: #efefef url(/pathfinder/images/Structure/current.jpg) top right no-repeat; */ font-weight: bold; text-decoration: none; color: #fff; } #also ul ul { padding: 5px; } #also ul ul li { background: #fff; background-position:0em 0.5em; font-size:10px } #also .current ul li a { display: block; background: #fff; } #also, #contact { width: 244px; background: #fff; font-size:12px; border: 1px #bfd9bd solid; margin: 5px 1px 5px 0px; padding: 5px; } /* #also ul { margin: 0px; } #also ul ul { margin: 0px 0px 0px 5px font-size:10px; } #also li { list-style: none; margin: 1px 0px; background: #f0f0f0; } #also li a { padding: 2px 2px; display: block; color: #000; text-decoration: none; } */ #also p, #contact p { margin: 5px 1px 5px 0px; } #address { background: url(/pathfinder/images/Structure/map.jpg) bottom left no-repeat; } #lang, #address { margin: 5px 0; padding: 5px; width: 168px; font-size:12px; border: 1px #bfd9bd solid; } #lang p { margin:2px;} #address p { margin: 2px; text-align:right; color: #666; } #lang .title, #address .title, #payment .title, #also .title, #contact .title{ display:block; font-weight:bold; background:#f7e4d5; border:#d7ebe7 1px solid; padding:5px; color:#000; margin-bottom: 5px; } #lang img {border:none;} #lang .flags { margin: 6px 3px 3px 3px; padding: 6px 2px 0px 2px; display:block; } .intran { margin-top: 3px; float:right; } .capimg { float:right; margin-top: 15px;} #payment { padding: 5px; } #payment .hi { color: #CC1149; font-weight:bold; } #rotator { cursor: pointer; overflow: hidden; width: 180px; height: 150px; } #rotator img { border: 0; cursor: pointer; width: 180px; height: 150px; }