/*.................................................. GENERAL ...............................................*/ body {margin:0; width: 100%; padding:0; text-align:center; font-size:100%; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; background-color: #fff;} * { margin: 0; padding:0;} .l{float:left;} .r{float:right;} .clear { clear:both; width:100%; height:1px; font-size:1px;} img { border: none;} a {color: #fff; text-decoration: none;} a:hover {text-decoration: underline;} a.buttSubmit {background: #989A37; border: 1px solid #ffffff; color: #000367; margin:0; padding: 0 0 2px 10px; display: block; width: 50px; text-align: left;} a.buttSubmit:hover {text-decoration: none;} ul li {list-style-type: none; list-style:none} .s30 { width:30px; } .s40 { width:40px; } .s50 { width:50px; } .s60 { width:60px; } .s70 { width:70px; } .s80 { width:80px; } .s90 { width:90px; } .s100 { width:100px; } .s120 { width:120px; } .s130 { width:130px; } .s140 { width:140px; } .s150 { width:150px; } .s160 { width:160px; } .s170 { width:170px; } .s180 { width:180px; } .s190 { width:190px; } .s200 { width:200px; } .s205 { width:205px; } .s240 { width:240px; } .s270 { width:270px; } .s275 { width:275px; } .s340 { width:340px; } .s360 { width:360px; } .s400 { width:400px; } .s490 { width:490px; } .s600 { width:600px; } .s30pc { width:30%;} .s35pc { width:35%;} .s40pc { width:40%;} .s60pc { width:60%;} .s65pc { width:65%;} .s70pc { width:70%;} .s100pc { width:100%;} /*.................................................. WRAP ALL ................................................*/ #wrapall {margin: 0 auto; width:764px; background:url(../img/bg.gif); } #wrapall.home {background: none;} #wrapall2 {margin: 0 auto; width:764px;background:url(../img/bgreen.gif); } /*.................................................. HEADER ................................................*/ #header {background: #1E413A; width:764px; clear:both; height: 93px; } /* holds logos and menu */ #header.aquila {background: #fff;} #header img.l {margin: 15px 0px 0px 10px;} #header img.r {margin: 37px 10px 30px 0px;} #logo {float: left; padding: 30px 0px 30px 10px;} #logo_right {float: right; padding: 0px 10px 30px 0px;} #logos_right {float: right; padding: 0px 0px 0px 0px;} #logos {float: left; padding:0px 0px 0px 10px;} #mainmenu {width: 764px; height:23px; font-size:0.7em; background-color: #D0D49D; border-bottom: 1px solid #fff; clear:both;} #mainmenu ul li {padding:0; float: left;} #mainmenu ul li a.btn01 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 74px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn02 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 112px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn03 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 94px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn04 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn05 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 114px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn06 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 140px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn07 {text-decoration: none; color: #63643C; background: #D0D49D; display: block; width: 130px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn08on:hover{background:#007000;} #mainmenu ul li a:hover {color: #fff; background: #1E413A;} #mainmenu ul li a.btn01on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 74px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn02on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 112px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn03on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 94px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn04on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn05on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 114px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn06on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 140px; padding: 5px 0 5px 0;} #mainmenu ul li a.btn07on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 130px; padding: 5px 0 5px 0;} /* AQUILA PAGE MAINMENU */ #mainmenuaquila {width: 764px; height:23px; font-size:0.7em; background-color: #D3D0BE; border-bottom: 1px solid #fff; clear:both;} #mainmenuaquila ul li {padding:0; float: left;} #mainmenuaquila ul li a.btn01 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 75px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn02 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn03 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn04 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 134px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn05 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 110px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn06 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 125px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn07 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 120px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn08 {text-decoration: none; color: #63643C; background: #D3D0BE; display: block; width: 140px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn08on:hover{background:#007000;} #mainmenuaquila ul li a:hover {color: #fff; background: #1E413A;} #mainmenuaquila ul li a.btn01on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 75px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn02on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn03on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 100px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn04on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 134px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn05on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 110px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn06on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 125px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn07on {text-decoration: none; color: #fff; background: #1E413A; display: block; width: 120px; padding: 5px 0 5px 0;} #mainmenuaquila ul li a.btn08on {text-decoration: none; color: #fff; background: #007000; display: block; width: 140px; padding: 5px 0 5px 0;} /*.................................................. MAIN ..................................................*/ #main {width: 764px; border-bottom: 1px solid #fff; } #mainSub {margin: 0; padding: 0; width: 580px; float:left; border-bottom: 1px solid #fff; background: #fff; /*background: #69869a url(../img/lhs_bgnd.jpg) bottom left no-repeat;*/ } *html #mainSub {margin:0; padding:0; float:left; border-bottom: 1px solid #fff;} /*.................................................. LEFTCOL ...............................................*/ #leftColHome {float: left; width:408px; border-right: 1px solid #fff; background: #fff;} #leftCol {margin:0; padding:0 0 0px 0; display:table-cell; float: left; width:149px; text-align:left; font-size:0.8em; min-height: 300px; background: #ACAE5E;} #leftCol a {color:#ECEFF2; text-decoration:none;} #leftCol a:hover {text-decoration:underline;} #leftCol ul {margin:75px 0 0 0px; padding:0; border-top:1px solid #989A37;} #leftCol ul li {margin:0; padding:10px 0 10px 20px; border-bottom:1px solid #989A37;} #leftCol ul li.on { background:url(../img/leftnav.gif) no-repeat left center;} #leftCol.aquila {background: #007000;} /*................................................ RIGHTCOL .................................................*/ #rightColHome {margin:0; padding:0; width: 355px; float: left; background: #ACAE5E;} #extranet {clear:both; height: 141px;background: #ACAE5E; border-bottom: 1px solid #fff; text-align: left;} html>body #extranet {clear:both; height: 142px; background: #ACAE5E; border-bottom: 1px solid #fff; text-align: left;} #extranet input {border: 1px solid #aaa; padding: 1px 2px; width: 70px; font-size: 0.9em;} #extranet p {color: #fff; font-size: 0.7em; text-align: left; width: 250px;} #extranet p.right {color: #fff; font-size: 0.7em; text-align: right;} #extranet .l {float: left; padding: 15px 0 0 12px; width: 180px;} #extranet .r {float: right; padding: 25px 15px 0 0; text-align: right;} .clientNEThome { float:left; padding:20px 0 0 25px;} #quoteHome {clear:both; height: 272px; background: #ACAE5E; padding-top: 15px; font-size: 0.7em; voice-family:"\"}\""; voice-family:inherit; height: 258px;}.dummy{} html>body #quoteHome {clear:both; height: 250px; background: #ACAE5E;} #quoteHome .quote {clear: both; padding: 5px 0 0 0px;} #quoteHome .isda { float:right; padding: 6px 10px 3px 0; color:#fff; voice-family:"\"}\""; voice-family:inherit; padding-top:35px;}.dummy{} #title {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title .i {margin: 0px 0 0 0;} #title_1 {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title_1 .i {margin: 0 0 0 0;} #title_2 {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title_2 .i {margin: 0 0 0 0;} #title_3 {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title_3 .i {margin: 0 0 0 0;} #title_4 {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title_4 .i {margin: 0 0 0 0;} #title_5 {padding:45px 17px 0 15px; width: 614px; height: 75px; text-align: left; background: #ACAD5D url(../img/rhs_top_bgnd.jpg) top right no-repeat; float: left; border-left: 1px solid #fff; voice-family:"\"}\""; voice-family:inherit; width: 580px; height: 30px;} #title_5 .i {margin: 0 0 0 0;} #content {padding: 0px 10px 15px 15px; width: 588px; background: #fff;}.dummy{} html*#content {padding-left: 0px; voice-family:"\"}\""; voice-family:inherit; padding-left: 15px;} html>body #content { margin: 0px 10px 15px 0px; width: 580px; } /* Mozilla only*/ #content p {color: #666; font-size: 0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: justify;} .isdaSub {text-align:right; background: #fff; color:#aaa; font-size: 0.7em;} #content .isda {color:#aaa; font-size: 0.7em;} #content a {color:#666; text-decoration: underline;} #content h1 a.green-link {color:#ACAE5E!important; text-decoration: underline;} #content a:hover {text-decoration: none;} #content ul {font-size:0.8em; text-align: justify; color: #666;} #content ul li {margin:0 0 0 20px; padding:0px 0 5px 0; list-style-image: url(../img/bullet_orangearrow.gif); } #content ul li.sub {margin:0 0 0 35px; list-style-image: url(../img/bullet_li.gif);} #content ul.smap li.sub2 { margin: 0 0 0 44px; padding: 0 0 5px 0; } *html #content ul.smap li.sub2 { margin: 0 0 0 42px; padding: 0 0 5px 0; } #content blockquote {margin: 10px 0 10px 0; padding: 10px 10px 10px 40px; text-align: left; background: url(../img/css_quote.gif) no-repeat; color: #1E413A; background-color:#E7EDC4; font-size: 0.7em;} #content td.title {vertical-align: top; padding: 0 10px 0 0; border-right: 1px dashed #999; width: 20%;} #content td.title p {text-align: right; color: #666; font-weight: bold; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;} #content td.description {padding: 0 0 0 10px; width: 80%;} #content td.descriptionOn {padding: 0 0 0 10px; width: 80%; background: #E7EDC4;} #content td p {color: #666; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; padding: 0 0 0 10px;} /* main text */ h1.block { background-color: #FF4100; font-size: 1.2em; color:#fff; line-height: 20px; padding-left: 5px} h1.headline { background: 0; font-size: 1.5em; color:#FF4100; line-height: 20px; font-family: Helvetica; padding: 0; margin: 0 0 0 6px} h1.nomargin { margin: 0} h1 {padding: 10px 0 0 0; margin:0 0 10px 0; background: 0; text-align: left; font-size: 0.9em; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#555; line-height: 25px; border-bottom: 1px solid #e7e7e7;} #content h1.green {padding: 10px 0 0 0; margin:0 0 10px 0;color:#007000; background: 0; text-align: left; font-size: 0.9em; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;line-height: 25px; border-bottom: 1px solid #e7e7e7;} h2 {margin:10px 0 10px 0; font-size:0.8em; color:#001055; text-align: left; border-bottom:1px dashed #ddd;} #content h2.aquila {margin:10px 0 10px 0; font-size:0.8em; color:#7A7962; text-align: left; border-bottom:1px dashed #ddd;} h3 {margin: 12px 0 8px 0; color: #001055; font-size: 1.0em; font-weight: bold; } h3.green {color: #C1D611; font-size: 1.5em; margin-top: 10px;} h3.orange {color: #ff4100; font-size: 1.5em; margin-top: 10px;} h4 {color: #FF4100; font-size: 1.0em; font-weight: bold; margin:10px 0; border-bottom:1px dashed #aaa; padding:0 0 4px 1px;} h3.heading {color: #ff4100; font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0;} p {margin:8px 0; line-height:1.4em;} p.note {font-size:0.9em; color:#666;} #content p.notice {font-size:0.7em; color:#666;} p.backtotop {background: url(../img/backtotop.gif) no-repeat bottom left; padding:0 0 0 13px; margin:0 0 0 485px;} #content p.mand {font-size:0.7em; color:#666;} span.asx {color:#424386;} /*..........................................................................................................*/ /*.................................................. FORM STYLES............................................*/ /*..........................................................................................................*/ #inputform {width:50%; text-align: left; float:left;} #inputform fieldset {margin: 0; border: 0} #inputform fieldset legend {color: #0F2C71; font-weight: bold; padding: 0 3px;} #content p.required { border-bottom: 1px solid #ccc; margin-bottom: 5px;} #content p img.photo {margin-right: 10px; margin-top: 5px; } #inputform h2.num {font-size: 0.7em; font-weight:bold; border: 1px solid #EEEEEE; background-color: #F1F4FB; color: #08205C; padding:3px 3px 3px 0px; margin: 10px 0 5px 0; } #inputform .num { color: #08205C; padding:3px 6px 3px 6px; border: 1px solid #EEEEEE; background-color: #CBCBCB; margin-right:10px;} #inputform table { width:100%; margin: 0; font-size:0.7em;} #inputform table td {padding: 2px 5px;} #inputform table td.nopad {padding:5px 1px 5px 6px;} #inputform table tr td.action { text-align: center; padding:10px 0;} #inputform table td { vertical-align: top; color: #000} #inputform table td label { color: #000} #inputform table tr.alt td { background-color: #fff} #inputform table tr.buttons td {border-top: 1px solid #ccc; padding-left: 170px;} #inputform table.aquila { width:350px; font-size:0.7em; border: 0px solid #e1e1e1} #inputform table.aquila td {padding: 2px 5px;} #inputform table.aquila td.nopad {padding:5px 1px 5px 6px;} #inputform table.aquila tr td.action { text-align: center; padding:10px 0;} #inputform table.aquila td { vertical-align: top; color: #000} #inputform table.aquila td label { color: #000} /*#inputform table.aquila tr.alt td { background-color: #FBFAF9}*/ #inputform table.aquila tr.buttons td {border-top: 1px solid #ccc; padding-left: 170px;} #inputform input.button2 { margin: 10px 0;padding:2px 3px; font-size: 1em; border: 1px solid #999; background: #7A7962; color: #fff;} #b4form {margin:0 0 0 5px;padding:0;} #inputform input, #inputform select, #inputform textarea {border: 1px solid #ccc; font-size: 1em; padding: 1px 2px;} #inputform input.butt {margin:0; padding:0 10px 0 5px; color:#fff; border:1px solid #000 inset; width: auto; background: url(../img/arrow_small_black.gif) no-repeat right #999;} #inputform textarea { font-family: verdana; height: 60px;} #inputform input.button { margin: 10px 0; font-size: 1em; border: 1px solid #999; background: #ccc; color: #666;} #inputform input.cb {margin: 0 3px 0 0; border:0; height: 13px;} #inputform input.radio {margin: 0 3px 0 0; border:0; height: 11px;} *html #inputform input.cb, #inputform input.radio {margin: 0 3px 0 0; border:0; height: 13px;} #inputform form.contact textarea {width: 150px;} #contact {float: left; width:245px; color: #666; font-weight: normal; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 9px 0 0 20px;} /*.................................................. FOOTER ...............................................*/ #footerTop {width:763px; padding: 150px 0 0 0; } #footerTop p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footerTop_1 {width:763px; padding: 150px 0 0 0; } #footerTop_1 p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footerTop_2 {width:763px; padding: 150px 0 0 0; } #footerTop_2 p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footerTop_3 {width:763px; padding: 150px 0 0 0; } #footerTop_3 p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footerTop_4 {width:763px; padding: 150px 0 0 0; } #footerTop_4 p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footerTop_5 {width:763px; padding: 150px 0 0 0; } #footerTop_5 p {margin:0px 0 0 0; color:#aaa; font-size: 0.7em; text-align:right; margin-bottom: -1px} #footer {width:764px; clear: both; border-top: 4px solid #e7e7e7; text-align: center; color: #646464; font-size: 0.7em; background: #fff;} #footer p {text-align: center;} #footer a {text-decoration: none; color: #646464;} #footer a:hover {text-decoration: underline;} #loginform {margin:10px 0 0 0; padding: 5px 0 0 0; voice-family:"\"}\""; voice-family:inherit; padding: 0;}.dummy{} body>div #loginform {font-size: 1.1em} #loginform input {border: 1px solid #aaa; padding: 1px 2px; width: 120px; font-size: 1em;} #loginform p {color: #000; font-size: 0.6em; text-align: left; margin:10px 0 0 30px;padding:0px 0 0 0} *html #loginform p {color: #000; font-size: 0.7em; text-align: left; margin:5px 0 0 30px;padding:0} #loginform p a {color: #333; margin: -18px 0 0 400px ;} #loginform p a:HOVER { text-decoration: none;} #loginform p a.pass {color: #fff; margin-left: 0} #loginform p a.pass:HOVER { text-decoration: underline;} #loginform p.right {color: #fff; font-size: 0.6em; text-align: right; margin-left: 0px;margin-bottom:20px} *html #loginform p.right {color: #fff; font-size: 0.7em; text-align: right; margin-left: 0px;margin-bottom:20px} #loginform p.right2 {color: #111; font-size: 0.6em;text-align: left; margin-left: 70px;margin-bottom:20px} *html #loginform p.right2 {color: #111; font-size: 0.7em;text-align: left; margin-left: 70px;margin-bottom:20px} #loginform .l {float: left; padding: 15px 0 0 12px; width: 180px;} #loginform .r {float: right; padding: 25px 15px 0 0; text-align: right;} #homelogin p a.buttSubmit {color: #333; margin-left: 20px;} #content p span {color: #347039;} #log { background: #E7EDC4; width: 613px; height:150px;margin:0px 0 0 0;padding:0 } *html #log { height:0px; } /***FORMS***/ /*.................................................. NEWS & EVENTS ...............................................*/ #wrapall #mainSub #content .list-news {font-size: 12px;} #wrapall #mainSub #content .list-news h1 {font-size: 14px; text-decoration: none; letter-spacing: 0.03em; border: none;} #wrapall #mainSub #content .list-news h1 a {color: #517EA3;} #wrapall #mainSub #content .list-news h2 {font-size: 13px;} #wrapall #mainSub #content .date {color: #A6A8A9; background: url(../img/date.gif) no-repeat 0px 0px; padding: 1px 0px 4px 22px; font-size: 10px;} #wrapall #mainSub #content .news-description {font-size: 12px; line-height: 1.4em;} #wrapall #mainSub #content h1.news-header {font-size: 14px; text-decoration: none; letter-spacing: 0.03em;} #wrapall #mainSub #content h1.news-header a {color: #79A9CD;} #wrapall #mainSub #content .date {color: #A6A8A9; background: url(../img/date.gif) no-repeat 0px 0px; padding: 1px 0px 4px 22px; font-size: 10px;} #wrapall #mainSub #content .list-events {font-size: 12px;} #wrapall #mainSub #content .list-events h1 {font-size: 14px; text-decoration: none; letter-spacing: 0.03em; border: none;} #wrapall #mainSub #content .list-events h1 a {color: #517EA3;}