/* ------------------------------------------------------------------- CSS Reset ---------------------------------------------------------------------- */ body,div,dl,dt,dd,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,button {margin: 0;padding: 0;} h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-size: 100%;font-weight: normal;} address,caption,cite,code,dfn,em,strong,var {font-style: normal;font-weight: normal;} ol,ul {list-style: none;margin: 0;padding: 0;} table {border-collapse: collapse;border-spacing: 0;} caption,th {text-align: left;font-weight: normal;font-style: normal;} acronym,abbr,fieldset,img {border: 0;} :focus {outline: 0;} /*---------------------------------- IE6 HACK TO FIX THE CSS CLEAR BUG -------------------------------------*/ /* begin hide from ie5 \*/ * html #content {height:1%;} /* hide end */ #content { min-height: 0; } /* ------------------------------------------------------------------- COMMON ---------------------------------------------------------------------- */ body {background: #59859e url(../images/grad_bg.jpg) repeat-x; font: 65.5% "Lucida Grande",Lucida,Verdana,Arial,sans-serif; margin: 0; padding: 0;} #wrapper {background: url(../images/wrapperbg.png) repeat-y; margin: 0 auto; width: 960px;} #innerwrapper {margin: 0 5px;} #topshadow {background: transparent url(../images/topdropshad.jpg) repeat-x; height: 15px;} #header {background-image: url(../images/headerbg.jpg); height: 66px; margin: 0 20px;} /* NAVIGATION -------------------------------------------------------------------- */ #nav {padding: 10px 0;} #nav li {display: inline; list-style-type: none; font-size: 1.2em; padding-left: 35px;} #nav a {color: #00446a; text-decoration: none;} #nav a:hover {color: #000; text-decoration: underline;} #lang{display:block; float:right; color: #00446a; text-decoration: none; font-size: 1.2em; padding:9px 35px 10px 10px;} #topgraphic {margin: 0 20px; padding-bottom: 15px;} #content {background: #d5d4d6 url(../images/greycontshad.jpg) repeat-x; margin: 0 20px; padding: 20px;} #leftcontent {background-color: #FFF; float: left; padding: 10px 20px 20px; overflow:hidden; width: 590px;} #leftcontent p {font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px;} #rightcontent {float: right; width: 220px;} #rightcontent {font-size: 1.1em;} #rightcontent img {margin-bottom: 18px;} #contentbottom {background: url(../images/greybtmcurve.jpg) no-repeat; height: 10px; margin: -10px 0 0 20px; padding-bottom: 20px;} #footer h3{display:block;padding: 0 0 0 15px;} #footer {background: #7fa1b4 url(../images/footerbg.jpg) no-repeat; color: #00446a; margin: 0 25px; padding:25px 15px;} #footer ul {list-style: none; margin:5px 25px 0 25px; padding:0; width:240px;} #footer li {margin:0;padding:0;} #footer a {color: #00446a; text-decoration: none;} #footer a:hover {color: #fff; text-decoration: underline;} .footerlinks {border-right:#00446a 1px solid; float: left; padding-left:0;} #footerrule {border-bottom: 1px solid #bfd0da; margin: 20px 5px;_margin: 0px 5px 20px 5px;height:0px;overflow:hidden;} #footersmlinks {float: left; font-size: .9em; margin: -15px 0 0 5px;} #copyright {color: #00446a; float: right; font-size: .9em; margin: -15px 5px 0 0;} #footerbtmcurve {background-image: url(../images/footerbtmcurve.jpg); background-repeat: no-repeat; height: 11px; margin: -11px 0 0 25px; padding-bottom: 20px;} #clear {clear: both; height:0; overflow:hidden;} #pullquote {color: #00456b; width: 300px;font-style: italic; font-size: 1.6em; float: right; padding: 20px 0 20px 20px;} .footnote {font-size: .9em;margin:0 0 5px 0;display:block;} ul {list-style: disc; margin: 10px 15px; font-size: 1.1em; line-height: 1.45;} li {margin-bottom: 3px; font-size: 1.1em;} em {font-style: italic;} /* ------------------------------------------------------------------- DROPDOWN MENU ---------------------------------------------------------------------- */ #jsddm {margin: 0; padding-left: 30px; font-size: 1.3em;} #jsddm li {float: left; list-style: none; font-size: 1em;} #jsddm li a {background-color: #FFFFFF; color: #00446a; display: block; padding: 5px 12px; text-decoration: none; white-space: nowrap;} #jsddm li a#dd {background-image: url(../images/ddbg_n.jpg); background-position: center right; background-repeat: no-repeat; padding: 5px 25px 5px 12px;} #jsddm li a:hover {background: #fdd290;} #jsddm li a#dd:hover {background-image:url(../images/ddbg_o.jpg); background-position: center right; background-repeat: no-repeat;} #jsddm li ul {margin: 0; padding: 0; position: absolute; z-index:5; visibility: hidden;} #jsddm li ul li {display: inline; float: none;} #jsddm li ul li a {background: #fff4e0; color: #24313C; width: auto;} #jsddm li ul li a:hover {background: #fdd290;} #navdd {margin: 0; padding: 0; background-color: #FFFFFF;} /* ------------------------------------------------------------------- HEADINGS ---------------------------------------------------------------------- */ #aboveh1 {color: #576068; font-size: 1.4em; margin: 23px 0 -37px 0;} h1 {background: url(../images/h1arrow.jpg) no-repeat; color: #e5c048; font-size: 2em; height: 36px; margin: 30px 0 0 -20px; padding: 5px 0 0 20px;} h2 {text-transform: uppercase; line-height: 1.5em; color: #00456b; font-size: 1.3em; margin-bottom: 10px;} h3 {font-size: 1.3em; font-weight: bold; margin-bottom: 5px;} h4 {color: #e5c048; font-size: 1.2em; padding: 0 5px; text-transform: uppercase;} h5 {color: #00456b; font-size:1.2em; font-weight:bold; margin:0;} .h4grey {color: #a1a0a4;} /* ------------------------------------------------------------------- UNIQUE ---------------------------------------------------------------------- */ /* LAYOUTS 2 & 4 -------------------------------------------------------------------- */ #sideinfobox {background-color: #fff; padding: 5px; margin-bottom: 10px;} #sideinfobox p { line-height: 1.6em; padding: 5px;} #insetphoto {float: left; margin: 4px 20px 10px 0;} /* LAYOUT 3 -------------------------------------------------------------------- */ #feature {background-color: #f5f5f5; border: 1px solid #bebebe; padding: 0 15px 15px 180px; margin:5px 0 7px 0;} #feature img {border: 1px solid #bebebe; margin: 15px 0 0 -165px;} #feature .italic {font-style: italic;} .featuretitle {margin-top: 15px; text-transform: uppercase; color: #e5c048;} #feature h3{color: #e5c048;font-weight:normal;margin:0;} /* LAYOUT 4 -------------------------------------------------------------------- */ .kpi {background-image:url(../images/kpi_bg.gif); overflow:hidden; background-repeat:repeat-y; color:#fff; margin:0 0 15px 0; padding:0} .kpi p {margin:10px 10px 0 170px;} #wrapper .kpi img{float:left; padding:0; margin:0;} .kpiheader {font-size:1.2em; height:25px; margin:0 0 0 0; padding:10px 0 0 20px; text-transform: uppercase; background: #00456b url('../images/kpi_arrow.gif') no-repeat;} /* LAYOUT 5 HOMEPAGE LAYOUT -------------------------------------------------------------------- */ #homecontent{background-color:#093457; padding: 10px 270px 50px 20px; overflow:hidden;width:580px;} #homecontent h2{color: #fff;} #homecontent h1{background: url(../images/h1arrow_home.jpg) no-repeat;font-size: 2em; height: 36px; margin: 30px 0 0 -20px; padding: 5px 0 0 20px;} /* ------------------------------------------------------------------- PDF Page ---------------------------------------------------------------------- */ #ARpdf_e{ margin:10px 0 -20px 0; width:590px;height:186px;background-image:url(../images/ARpdfcover_e.jpg);} #ARpdf_f{ margin:10px 0 -20px 0; width:590px;height:186px;background-image:url(../images/ARpdfcover_f.jpg);} #ARpdf_e a, #ARpdf_f a{ padding:37px 0 0 125px; display:block; color:#0d5883; font-weight:bold; text-decoration:none; font-size:18px;} #ARpdf_e a .size, #ARpdf_f a .size {font-size:37px; color:#d8d8d8; float:right; margin:-27px 15px 0 0;} #pdfholder h4{border-bottom:solid 1px #e5c048;display:block; font-size:14px; margin:5px 0 5px 0; clear:both;} #pdfholder ul{margin:5px 0 20px 0; padding:0 0 0 5px; display:block; width:620px; position:inherit;} #pdfholder ul li{list-style:none; margin:0 10px 10px 0px; display:block; float:left; width:285px; height:76px; background-image:url(../images/pdf_li_bg.jpg);} a.hover{background-image:url(../images/pdf_li_bg.jpg); border:solid 10px #330066;} #pdfholder ul li a{ background-image:url(../images/pdficonlar_e.jpg); display:inline-block; width:195px; height:63px; background-repeat:no-repeat; background-position:center left;margin:0 0 0 5px; padding:13px 15px 0 70px;text-decoration:none; color:#0d5883; font-weight:bold;font-size: 12px;} #pdfholder ul li a .typesize, #ARpdf_e a .type, #ARpdf_f a .type {color:#666666; font-size:12px; display:block; font-weight:100;}