body {font: verdana; color: #000000; margin: 0px; padding: 0px; background: #ffffff; text-align: left}

.ltblue {color: #f1f8f9}
.blue {color: #e4f1f4}
.teal {color: #006171}
.ltgreen {color: #eff3ef}
.green {color: #c7d6c7} 
.red {color: #762123} 
.ltgray {color: #f0efee} 
.green {color: #666a46}
.gray {color: #444d45}

.clearboth {clear:both;}
.space2 {clear:both; height:2px; width:2px}
.space5 {clear:both; height:5px; width:5px}
.space10 {clear:both; height:10px; width:10px}
.space15 {clear:both; height:15px; width:15px}
.space20 {clear:both; height:20px; width:20px}
.space30 {clear:both; height:30px; width:30px}
.space40 {clear:both; height:40px; width:40px}

.top10 {margin: 10px 0px 0px 0px}
.top20 {margin: 20px 0px 0px 0px}
.top30 {margin: 30px 0px 0px 0px}
.bot10 {margin: 0px 0px 10px 0px}
.bot20 {margin: 0px 0px 20px 0px}
.bot30 {margin: 0px 0px 30px 0px}
.top30bot10 {margin: 30px 0px 10px 0px}

.nospace {margin: 0px}

img {border:0px;}
td {vertical-align: top;}
a, a:hover {color: #006171; font-weight: bold}
a {text-decoration: underline;}
a:hover {text-decoration: underline}


h1, h2, h3, h4, h5, h6 {text-transform: uppercase}
h1, h2, h3, h5 {color: #762123}
h1 {font: 24px/26px arial; margin: 0px 0px 20px 0px; font-weight: normal}
h2 {font: 16px/20px arial; margin: 0px; font-weight: bold}
h3 {font: 13px/16px arial; margin: 0px 0px 10px 0px; font-weight: bold}
h4 {font: 13px/16px arial; margin: 0px; font-weight: bold; color: #FFFFFF}
h5 {font: 13px/16px arial; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; border-bottom: 3px solid #444d45 }
h5.countries {margin: 30px 0px 0px 0px; border-bottom: 1px solid #444d45 }
h6 {font: 11px/14px arial; margin: 15px 0px 0px 0px; font-weight: bold; color: #000000;}


form {margin: 0px; padding: 0px;}
form label {display: block; width: 100px; float: left; margin: 8px 0px 0px 0px; text-align: left; padding: 0px; font: normal 11px/16px verdana}
form fieldset {border: 0px; margin: 0px; clear: both}
label.field {display: block; width: 150px; float: left; margin: 8px 5px 0px 0px; text-align: left; padding: 0px; font: normal 11px/16px verdana}
.fieldinput {width:150px; margin:4px 0px 0px 0px; font: 9px verdana; border: 1px solid #cccccc}
label.wide {display: block; width: 550px; float: left; margin-bottom: 10px; text-align: left;}
input.check {width: 15px; display: block; float: left; margin-bottom: 5px; border: 0px}
input.radio {border: 0px}
input, select, textarea, .multi, .bgo {width:auto; margin:4px 0px 0px 0px; font: 9px verdana; border: 1px solid #cccccc}
input, select, textarea, .multi {font-weight: normal; color: #666666; background: #ffffff; padding: 2px}
input, textarea, .button, {height: 19px}
.multi {height: auto}
.bgreen {background: #c7d6c7; border: 0px; font-weight: bold; color: #000000; text-transform: uppercase}
.bgo {background: #006171; font-weight: bold; color: #ffffff; padding: 0px 2px 0px 2px; height: 20px}
textarea {overflow: auto;}


/* CONTAINERS */
#topbannercontainer, #toolscontainer, #mainnavcontainer, #topbanner, #tools, #mainnav, .subnav, .subnav2, .subnav3 {display: none}
#logoscontainer,  #footercontainer, #contentcontainer, #logos, #homecontainer, #bottomhomecontainer,#footer {padding: 0px; margin: 0px; clear:both}

#logos {padding: 36px 0px 0px 0px}

#logoscontainer {width: 482px; overflow: hidden}
#homecontainer {padding: 0px}
#bottomhomecontainer {padding: 0px}
#contentcontainer {clear:both}

#footercontainer {clear:both}
#footer {border-top: 1px solid #000000; text-align: left; padding: 10px 0px 0px 0px; font: 9px verdana; color: #000000; font-weight: bold}
#footer a {text-decoration: underline;  color: #000000; font-weight: normal}
#footer a:hover	{text-decoration: underline; color: #000000; font-weight: normal}



/* COLUMNS */
#colhome1, #colhome2 {float: left; text-align: left; font: 11px/16px verdana; margin: 0px}
#colhome3 {float: right; text-align: left; font: 11px/16px verdana; margin: 0px}

#colhome1 {padding: 35px 0px 0px 0px; width:300px}
#colhome2 {padding: 35px 20px 20px 40px; width:300px}
* html #colhome2 {width: 360px}
#colhome3 {padding: 35px 0px 20px 0px; width:304px}

#col1, .col2 {float: left; text-align: left; margin: 0px}
.col3 {float: right; text-align: left; margin: 0px}

#colcontent {width: auto; padding: 0px 0px 20px 20px; clear:both}

#col1 {padding: 35px 0px 20px 0px; width:220px}
.col2 {padding: 20px 20px 0px 20px; width:680px;}
.col3 {padding: 20px 0px 0px 0px; width:220px;}

.col4 {padding: 20px 20px 0px 20px; width:280px;}
* html .col4 {width: 320px}
.col5 {padding: 20px 0px 0px 0px; width:404px;}


.colspan2 {padding: 20px 0px 0px 20px; width:704px; font: 11px/16px verdana; clear:both}
* html .colspan2 {width: 724px}

.colspan2B {padding: 0px; margin: 0px; width:724px; font: 11px/16px verdana; clear:both}


.col2, .col2 p, .col4, .col4 p, .colspan2, .colspan2 p {font: 11px/16px verdana}
.col2 ul, .col4 ul, .colspan2 ul {margin-top: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 11px/16px verdana; list-style:none}
/*.col2 ul li, .col4 ul li, .colspan2 ul li {font: 11px/16px verdana; padding: 0 0 0 10px; margin-bottom: 5px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .4em}
*/
.col2 ul li ul, .col4 ul li ul, .colspan2 ul li ul {margin-top: 10px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 11px/16px verdana; list-style:none}
.col2 ol, .col4 ol, .colspan2 ol {margin-top: 0px; margin-bottom: 15px; margin-left: 20px; padding-left: 0px; padding-top: 0px; font: 11px/16px verdana}
.col2 ol li, .col4 ol li, .colspan2 ol li {font: 11px/16px verdana; padding: 0; margin-bottom: 5px; background-image:none}

.col4 p {margin: 15px 0px 0px 0px}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* CONTENT */
.redbox {padding: 20px; border: 1px solid #762123; font: 10px/15px verdana; color: #ffffff; margin: 0px 0px 20px 0px}
.redbox a, .redbox a:hover {color: #ffffff; font-weight: bold}
.redbox a {text-decoration: underline;}
.redbox a:hover {text-decoration: underline}

.bluebox {margin: 0px 0px 20px 0px}
.blueboxbot {margin: 0px}
.bluebox, .blueboxbot {padding: 20px; border: 1px solid #e4f1f4; font: 10px/15px verdana; color: #000000}
.bluetext {padding: 10px 0px 10px 0px; border-bottom: 3px solid #444d45; font: 10px/15px verdana}
.bluebox p, .blueboxbot p {font: 10px/15px verdana; margin: 15px 0px 0px 0px}
.bluebox ul, .blueboxbot ul {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 11px/16px verdana; list-style:none}
.bluebox ul li, .blueboxbot ul li {font: 10px/15px verdana; padding: 10px 0px 10px 0px; margin: 0px; border-bottom: 3px solid #444d45;}
.bluebox ol, .blueboxbot ol {margin-top: 15px; margin-bottom: 15px; margin-left: 20px; padding-left: 0px; padding-top: 0px; font: 11px/16px verdana}
.bluebox ol li, .blueboxbot ol li {font: 10px/15px verdana; padding: 0; margin-bottom: 5px; background-image:none}

#breadcrumb {padding: 10px 0px 9px 20px; width:auto; font: 9px/13px verdana; border-bottom: 1px solid #c7d6c7; font-weight: bold}
#breadcrumb a, #breadcrumb a:hover {color: #006171; font-weight: normal}
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: underline}

.pic {border: 5px solid #d1dbbd; margin: 0px; padding: 0px}
.authorpic, .logopic {border: 3px solid #444d45; margin: 0px 0px 10px 0px; padding: 1px; background: #ffffff}
.logopic {margin: 15px 0 0 0}

.picfeature, .picfeaturetext {float: left; margin: 0px}
.picfeature {padding: 0px; width: 110px}
.picfeaturetext {padding: 0px 0px 0px 10px; width:180px; font: 11px/16px verdana}
* html .picfeaturetext {width: 190px}

.date {font-style: italic; font: 9px/13px verdana }
.nexttop {font: 9px/13px verdana; margin: 20px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 3px solid #444d45; clear:both;}
.pagestop {font: 9px/13px verdana; text-align: right; margin-bottom: 10px}
.pagesbot {font: 9px/13px verdana; text-align: right; margin-top: 10px}

.postcomment {font: 9px/13px verdana; margin: 15px 0px 5px 0px;}
.postblog {font: 9px/13px verdana; margin: 0px 0px 10px 0px;}
.small {font: 10px/18px arial; color: #000000; margin: 0px 0px 20px 0px}
.smallright {font: 9px/13px verdana; text-align: right; margin: 5px 0px 0px 0px;}
.smallcenter {font: 9px/13px verdana; text-align: center; margin: 0px;}
.details {font: 10px/18px arial; color: #000000; margin: 10px 0px 5px 0px}
.footnote {font: 9px/13px verdana; text-align: left; margin: 10px 0px 0px 0px;}

.pagestop {font: 9px/12px verdana; text-align: right; margin-bottom: 10px}
.pagesbot {font: 9px/12px verdana; text-align: right; margin-top: 10px}

.author {font: 14px/17px arial; font-weight: bold; color: #762123}
.authorother {font: 12px/17px arial; font-weight: bold; color: #762123;}
.authorotherlink {margin: 0 0 10px 0}

.graybox {padding: 15px; margin: 0px; background: #f0efee}
.pad15 {padding: 15px; margin: 0px}

.tooltip-target {}
.tooltip-content {display: none; position: absolute; background-color: #f1f8f9; padding: 3px; border: 2px solid #762123; width: 250px; font: 10px/16px verdana; text-align: left}

.relatedlinks {font: 9px/12px verdana; margin-bottom: 30px; font-weight: normal}


/* TABLES */
.data table {margin: 0px; padding: 0px; border: 0px;}
.data th {font: bold 10px verdana; color: #000000; padding: 2px; text-align: left; vertical-align: bottom; text-transform: uppercase; border: 1px solid #c7d6c7}
.data td, .data td.merge, .data td.indent {font: normal 10px verdana; color: #000000; text-align: left; vertical-align: top; border: 1px solid #f0f4f0}
.data td {padding: 2px; }
.data td.merge {background: #ffffff; padding: 2px; border: 0px}
.data td.indent {padding: 2px 2px 2px 10px; }
.data td.indent {padding: 2px 2px 2px 20px; }

.data td a, .data th a {text-decoration: underline; font-weight: bold}
.data td a:hover, .data th a:hover {text-decoration: underline; font-weight: bold}
.data td a {color: #006171}
.data td a:hover {color: #006171}
.data th a {color: #000000}
.data th a:hover {color: #000000;}

.basic table {margin: 0px; padding: 0px; border: 0px;}
.basic th, .basic td {color: #000000; padding: 2px; text-align: left}
.basic th {font: bold 11px/16px verdana; border: 1px solid #c7d6c7; vertical-align: bottom; }
.basic td {font: normal 11px/16px verdana; vertical-align: top;}

.data td a, .data th a {text-decoration: underline; font-weight: bold}
.data td a:hover, .data th a:hover {text-decoration: underline; font-weight: bold}
.data td a {color: #006171}
.data td a:hover {color: #006171}
.data th a {color: #000000}
.data th a:hover {color: #000000;}



.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}