﻿/* ---------------Global Reset--------------- */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LEGEND, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE, CAPTION, TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {float:left; border:0px; font-size:1em; font-weight:bold;}
BODY {font-family:Arial,Tahoma,Helvetica,San Serif; font-size:62.5%; line-height:normal; text-align:center;}
BODY DIV {text-align:left; color:#333}

/* ---------------Global Typography--------------- */
H1 {color:#71c7f6; font-size:2.5em; padding:0.2em 0px;}
H2 {color:#ff6600; font-size:1.40em; padding:0.2em 0px;}
H3 {color:#000; font-size:1.6em; padding:0.2em 0px;}
H4 {color:#000; font-size:1.5em; padding:0.2em 0px;}
H5 {color:#000; font-size:1.4em; padding:0.2em 0px;}
H6 {color:#000; font-size:1.3em; padding:0.2em 0px;}
P, LI, DT, DD {color:#333; font-size:1.0em; padding:0.5em 0px;}
P {line-height:1.5em;}
UL {padding:0.7em 0px 0.7em 10px; list-style:none;}
OL {padding:0.7em 21px 0.7em 30px;}
UL UL, OL UL {padding:0.5em 0px 0px 10px;}
OL OL, UL OL {padding:0.5em 0px 0px 30px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0px; padding:0.2em 0px 0.2em 20px; background:url('../img/bullet-square-black.gif') 6px 0.6em no-repeat;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0px; padding:0.2em 0px; background:none !important;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI {font-size:1.0em !important;}
DL {padding:0px 5px 0.5em 14px;}
DL DT {padding:0.2em 0px;}
DL DD {padding:0.2em 0px 0.2em 20px;}
DL P, DL LI {font-size:1.0em !important;}
HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}

/* ---------------Table Elements--------------- */
TABLE {float:left; border-collapse:collapse;}
TABLE TR TD {padding:4px 5px; color:#333; font-size:1.0em; border:1px solid #b8e3fa}

/* ---------------Inline Elements--------------- */
A {color:#175090; text-decoration:underline;}
A:hover {color:#ff6600}

/* ---------------Form Elements--------------- */
FIELDSET {border:none;}
INPUT {color:#424242; font-size:1.1em; font-family:arial}
INPUT.text {padding:2px 0px 2px 3px; border:1px #969696 solid;}
INPUT.radio {border:none;}
INPUT.checkbox {border:none;}
LABEL {color:#424242; font-size:1.1em; font-weight:bold;}
LEGEND {color:#424242; font-size:1.1em;}
SELECT {color:#424242; font-size:1.1em; border:1px #969696 solid; font-family:arial}
TEXTAREA {color:#424242; font-size:1.1em; border:1px #969696 solid; font-family:Arial,Tahoma,Helvetica,San Serif; padding:2px 0px 2px 3px;}

BUTTON {float:left; cursor:pointer; font-family:arial; border:none; background:transparent none no-repeat scroll right -60px; overflow:visible;}
BUTTON SPAN {position:relative; display:block; white-space:nowrap; font-weight:bold; height:22px; font-size:1.05em; background:transparent none top left no-repeat; padding:6px 0 1px 10px; margin:0 8px 0 0;}
BUTTON::-moz-focus-inner {border: none;  /* overrides extra padding in Firefox */ }
BUTTON:hover {background-position:right -160px}
BUTTON:hover SPAN, BUTTON.hover SPAN {background-position:left -100px; padding:6px 0 1px 10px; }
BUTTON.button-orange {background-image: url('../img/button-orange.gif')}
BUTTON.button-orange SPAN {background-image: url('../img/button-orange.gif'); color:#ffffff}
BUTTON.button-silver {background-image: url('../img/button-silver.gif')}
BUTTON.button-silver SPAN {background-image: url('../img/button-silver.gif'); color:#ff6600}
@media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; } } /* Safari and Google Chrome only - fix margins */

/* ---------------Accessibility Elements--------------- */
#jumplinks, .accessible {position:absolute !important; left:-9999em !important; top:0px !important;}
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

/* ---------------JavaScript Alternatives--------------- */
.hidden, .js-required {display:none}
.has-js .js-required {display:block}
.has-js .hidden,
.has-js .js-fallback {display:none;}

/* ---------------Structural Elements--------------- */
DIV#position {width:996px; margin:0px auto;}
DIV#page {float:left;}

/* ---------------Common Page Components--------------- */
/* Header */
DIV#header {float:left; width:996px; margin:auto; background:transparent url('../img/background-header-edge.png') top repeat-y}
DIV#header DIV.header-banner {height:100px; position:relative; background:#76c7ed url(../img/header.jpg) center top no-repeat scroll}
DIV#header DIV.header-country {position: absolute;  width: 960px; z-index: 100; margin:8px 5px 0 0; text-align:right; font-weight:bold; color:#1a5494; font-size:1.2em; }
DIV#header DIV.brand {z-index: 100;}
DIV#header DIV.brand H2 {position:absolute; top:43px; left:17px; width:200px; height:40px; background:url('../img/header-logo.jpg') no-repeat; z-index: 100;}

/* Footer */
DIV#footer {float:left; width:996px; margin:auto; padding-bottom:9px; background:transparent url('../img/background-footer-edge.png') no-repeat bottom center;}
DIV#footer DIV.footer-content {height:70px; background:#ddd url('../img/footer-logo.gif') 10px 15px no-repeat}
DIV.footer-links {padding:18px 10px 0 185px; font-size:1.1em}
DIV.footer-links UL {margin:0; padding:0px 48px 0px 0px; float:right; }
DIV.footer-links UL LI {display:inline; margin:0 10px 0 0; padding:0; background:none}
DIV.footer-links UL LI A {color:#333; text-decoration:none}
DIV.footer-links UL LI A:hover {color:#333; text-decoration:underline}
DIV.footer-links UL LI.secured { position:relative;}
DIV.footer-links UL LI.secured A { position:absolute; left:0px; top:-25px;}
DIV#footer DIV.copy {float:left; width:500px;}

/* Top menu */
DIV#header DIV.header-menu {height:33px; background:#f96400 url('../img/menutop-normal.gif') repeat-x;}
DIV#header DIV.header-menu UL {padding:0; margin:0}
DIV#header DIV.header-menu UL LI {float:left; position:relative; z-index:10; padding:0; margin:0; background:url('../img/menutop-separator.gif') top right no-repeat;}
DIV#header DIV.header-menu UL LI.last {background:none;}
DIV#header DIV.header-menu UL LI A {display:inline-block; padding:0 16px; font-size:14px; color:#efefef; text-decoration:none; line-height:33px; background:none}
DIV#header DIV.header-menu UL LI:hover, DIV#header DIV.header-menu UL LI.hover {background: url('../img/menutop-hover.gif') repeat-x !important;}
DIV#header DIV.header-menu UL LI:hover A, DIV#header DIV.header-menu UL LI.hover A, DIV#header DIV.header-menu UL LI.current A {color:#ac4500;}
DIV#header DIV.header-menu UL LI.current {background: url('../img/menutop-current.gif') repeat-x;}

DIV#header DIV.header-menu UL LI UL {position:absolute; left:-999em; top:33px; z-index:2; border:1px solid #6eb9eb; border-width:0 1px 1px 1px}
DIV#header DIV.header-menu UL LI:hover UL, DIV#header DIV.header-menu UL LI.hover UL {left:0; margin-left:-1px;}
DIV#header DIV.header-menu UL LI UL LI, DIV#header DIV.header-menu UL LI UL LI {float:none;}
DIV#header DIV.header-menu UL LI UL LI A, DIV#header DIV.header-menu UL LI UL LI A {width:160px; background:#fff none; font-size:1.2em; color:#164f8f; line-height:2.2em}
DIV#header DIV.header-menu UL LI UL LI A:hover, DIV#header DIV.header-menu UL LI UL LI A:hover {width:160px; background:#164f8f; color:#fff;}

/* Body */
BODY {background:#fff9db url('../img/background.jpg') top center no-repeat;}
DIV#body {float:left; width:978px; padding:0 0 0 18px; background:transparent url('../img/background-body-edge.png') center repeat-y}
DIV#content {float:left; background: #fff;}
DIV.section-main {float:left; padding:25px 0 20px 0}

/* Left menu */
DIV.left-menu UL {float:left; width:140px; padding:0; margin:0;}
DIV.left-menu UL LI {float:left; width:100%; padding:0; margin:0; background:none; border-top:1px solid #def1fc}
DIV.left-menu UL LI.last {border-bottom:1px solid #def1fc}
DIV.left-menu UL LI A {display:block; padding:5px 7px; font-size:1.2em; font-weight:bold; text-decoration:none}
DIV.left-menu UL LI A.current {color:#ff6600}
DIV.left-menu UL LI A:hover {background:#3c99e4 url('../img/menuleft-hover.gif') repeat-x; color:#fff}
DIV.left-menu UL LI UL LI {border:none}
DIV.left-menu UL LI UL LI.last {border:none; margin-bottom:8px}
DIV.left-menu UL LI UL LI A {padding:3px 7px 3px 10px; font-size:1.1em; font-weight:bold;}




