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

.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: none;}
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: 140px; float: left; margin: 0px 5px 6px 0px; text-align: left; padding: 0px; font: normal 11px/16px verdana}
.fieldinput {width:300px; 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: 12px verdana; border: 1px solid #cccccc}
input, select, textarea, .multi {font-weight: normal; color: #666666; background: #ffffff; padding: 2px}
input, textarea, .button, {height: 24px}
.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, #logoscontainer, #mainnavcontainer, #footercontainer {padding: 0px; margin: 0px}
#topbanner, #tools, #toolslogged, #logos, #mainnav, #homecontainer, #bottomhomecontainer,#contentcontainer, #admincontainer, #footer {margin: 0 auto}

#topbannercontainer {background: #f1f8f9; height: 200px}
#topbanner {background: url(/images/gradient_top.jpg) repeat-y; padding: 0px 8px 0px 8px; width:980px; !important;width:964px;}

#toolscontainer {background: #762123; height: 30px}
#tools, #toolslogged {width: 964px; text-align: right; font: 10px arial; font-weight: bold; text-transform: uppercase; color: #ffffff}
#tools {padding: 0px}
#toolslogged {padding-top: 10px}
#tools a, #tools a:hover, #toolslogged a, #toolslogged a:hover {color: #ffffff; font-weight: bold; padding-right: 20px}
#tools a, #toolslogged a {text-decoration: none;}
#tools a:hover, #toolslogged a:hover {text-decoration: underline}

#logoscontainer {height: 95px; } 
#logos {width: 964px; padding: 36px 0px 0px 0px}
#logos > div { display: inline-block; }

/* darker green */
#mainnavcontainer {background: #7e9e9b ; height: 40px} 
#mainnav {width: 1000px; text-align: right; padding: 0px}

#homecontainer {width: 964px; padding: 0px; /*background: url(/images/gradient_home.jpg) repeat*/}
#bottomhomecontainer {width: 964px; padding: 0px; /*background: url(/images/gradient_home.jpg) repeat*/}
#contentcontainer {width: 964px; padding: 0px; background: url(/images/gradient_sub.jpg) repeat}
#admincontainer {width: 964px; padding: 0px;}

#footercontainer {background: #006171; height: 75px; padding: 0px; margin: 0px; clear:both}
#footer {width: 964px; text-align: left; padding: 10px 0px 0px 0px; font: 9px verdana; color: #ffffff; font-weight: bold}
#footer a {text-decoration: underline;  color: #ffffff; font-weight: normal}
#footer a:hover	{text-decoration: none; color: #ffffff; font-weight: normal}



/* TOP NAVIGATION */
#nav {padding: 0px; margin: 0px; list-style: none; line-height: 1;}
#nav ul {color: #ffffff;  padding: 0px; margin: 0px; list-style: none; line-height: 1;}
#nav li { /* all list items */float: left; font: 13px/14px arial; text-transform: uppercase/* width needed or else Opera goes nuts */}
#nav li.navline1 {width:1px; height:40px; background-color: #d8e2d8}
.quicksearch {padding: 5px 14px 0px 14px}

#nav a, #nav a:hover {display: block; padding: 13px 14px 13px 14px; color: #ffffff; text-align: center; text-decoration: none; font-weight: bold; border-right: 1px solid #d8e2d8}
#nav a:hover {background: #0e7687}
#nav a.selected {background: #006171}

/* second-level lists */
#nav li ul, * html #nav li ul {position: absolute; background: #fcd781; width: 170px; left: -999em;}
#nav li ul a, #nav li ul a:hover {display: block; padding: 5px; color: #000000; text-align: left; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff; width: 160px; border-right: 0px; font: 11px arial; font-weight: normal; text-transform: capitalize}
* html #nav li ul a, * html #nav li ul a:hover {width: 170px}
#nav li ul a {background: #e4f1f4}
#nav li ul a:hover {background: #c2d6e7}

/* third-and-above-level lists */
#nav li ul ul {margin-left: 170px; margin-top: -1.9em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

/* fourth-and-above-level lists */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/* LEFT HOME NAVIGATION */

#colhome1 #mainnavcontainer {width: 170px;background: #762123; height: auto;}
#colhome1 #mainnav {width: 170px !important; text-align: left; padding: 0px}


#colhome1 #nav {padding: 0px; margin: 0px; list-style: none; line-height: 1;}
#colhome1 #nav ul {color: #ffffff;  padding: 0px; margin: 0px; list-style: none; line-height: 1; background-color: #762123;  }
#colhome1 #nav li { /* all list items */ 
    float: none; width: 170px; font: 13px/14px arial; text-transform: uppercase/* width needed or else Opera goes nuts */}
#colhome1 #nav > li {border-bottom: 1px #FFF solid; } 
#colhome1 #nav li.navline1 { display: none}
#colhome1 .quicksearch {padding: 5px 14px 0px 14px}

#colhome1 #nav a, #colhome1  #nav a:hover 
{
    display: block; color: #ffffff; text-align: left; text-decoration: none; 
    font-weight: bold; 
    padding: 10px 8px;
    
}
#colhome1 #nav a:hover {background: #0e7687}
#colhome1 #nav a.selected {background: #006171}

/* second-level lists */
#colhome1 #nav li ul, * html #colhome1 #nav li ul  {position: absolute; background: #fcd781; width: 170px; left: -999em; margin: -40px}
#colhome1 #nav li ul a, #colhome1 #nav li ul a:hover 
{
    
    display: block; padding: 5px; color: #000000; text-align: left; 
    text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff; 
    border-right: 0px; font: 11px arial; font-weight: normal; text-transform: capitalize;
    width: auto;
}


#colhome1 #nav li ul a {background: #e4f1f4}
#colhome1 #nav li ul a:hover {background: #c2d6e7}

/* third-and-above-level lists */
#colhome1 #nav li ul ul 
{
    margin-left: 170px; margin-top: -1.9em;
}
#colhome1 #nav li:hover ul ul, #colhome1 #nav li.sfhover ul ul 
{
    left: -999em;
}
#colhome1 #nav li:hover ul, #colhome1 #nav li li:hover ul, #colhome1 #nav li.sfhover ul, #colhome1 #nav li li.sfhover ul  
{
    /* lists nested under hovered list items */
    left: auto;
    margin-left:170px;
}

/* fourth-and-above-level lists */
#colhome1 #nav li:hover ul ul, #colhome1 #nav li:hover ul ul ul, #colhome1 #nav li.sfhover ul ul, #colhome1 #nav li.sfhover ul ul ul {left: -999em;}
#colhome1 #nav li:hover ul, #colhome1 #nav li li:hover ul, #colhome1 #nav li li li:hover ul, #colhome1 #nav li.sfhover ul, 
#colhome1 #nav li li.sfhover ul, #colhome1 #nav li li li.sfhover ul {left: auto; margin-left: 170px}





/* LEFT NAVIGATION */
#leftnav_breadcrumb {margin-top: -22px; padding: 0 0 8px 0; font: 9px/13px verdana; font-weight: bold}
#leftnav_breadcrumb a, #leftnav_breadcrumb a:hover {color: #006171; font-weight: normal}
#leftnav_breadcrumb a {text-decoration: none;}
#leftnav_breadcrumb a:hover {text-decoration: underline}


.subnav ul {font: 10px/14px verdana; list-style: none; margin: 0px;  padding: 0px; text-align: left}
.subnav li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;}
.subnav a {text-decoration: none; background: #762123;}
.subnav a span, .subnav a:hover span, .subnav #current a span {color: #ffffff; padding: 10px 8px; font-weight: bold; text-transform: uppercase}
.subnav a span {display: block; background: #762123; float:none;}

/*subnav has a popup menu*/
.subnav ul li { position: relative; }
.subnav ul li .subnav_level2 { float: left; border: 1px solid #ccc; background-color: #E4F1F4; color: #000; position: absolute; top: 0; left: 215px; z-index: 100; display: none; }
.subnav ul li .subnav_level2 li a { display: block; padding: 5px 10px; background-color: transparent; height: auto; white-space: nowrap;}
.subnav ul li .subnav_level2 li a:hover { background-color: #C6DFE5;  }
/*.subnav ul li:hover .subnav_level2 { display: block; }*/
.subnav ul li .column { float: left; width: 100%; }

.child-subnav li a img { border: none;}

.subnav a:hover span {background: #0e7687}
.subnav #current a, .subnav #current a span {background: #006171}

.subnav a:hover {text-decoration: none; background: #006171;}
.subnav #current a:hover, .subnav #current a:hover span {background: #762123}

.subnav1 ul, .subnav2 ul {font: 10px/14px verdana; list-style: none; margin: 0px;  padding: 0px; text-align: left}
.subnav1 li, .subnav2 li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;}
.subnav1 a, .subnav2 a {text-decoration: none; background: #e4f1f4;}
.subnav1 a span, .subnav1 a:hover span,
.subnav2 a span, .subnav2 a:hover span, .subnav #currentsub a span {
	color: #000000; padding: 5px; text-transform: capitalize
}
.subnav1 a span, .subnav2 a span {display: block; background: #e4f1f4; font-weight: normal; float:none;}
.subnav1 a:hover span, .subnav1 a:hover, .subnav1 #currentsub a:hover span, .subnav1 #currentsub a:hover,
.subnav2 a:hover span, .subnav2 a:hover, .subnav2 #currentsub a:hover span, .subnav2 #currentsub a:hover {
	text-decoration: none; background: #c6dfe5;
}
.subnav1 #currentsub a, .subnav1 #currentsub a span,
.subnav2 #currentsub a, .subnav2 #currentsub a span {
	color: #000000; font-weight: bold;
}

.subnav3 {padding: 10px 15px 5px 15px; background: #f9fdfe; border-bottom: 1px solid #ffffff; text-align: left}
.subnav3 ul {margin-top: 0px; margin-bottom: 8px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 10px/12px verdana; list-style:none}
.subnav3 li {font: 10px/14px verdana; padding: 0 0 0 10px; margin-bottom: 5px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .1em}
.subnav3 li a {text-decoration: none; color: #000000; font-weight:normal}
.subnav3 li a:hover, .subnav3 li a.on:hover {text-decoration: underline; color: 006171;}
.subnav3 li a.on {text-decoration: none; color: #000000; font-weight: bold}


/*NEW */
.sub ul {font: 10px/14px verdana; list-style: none; margin: 0px;  padding: 0px; text-align: left}
.sub li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;}
.sub a {text-decoration: none; background: #762123;}
.sub a span, .sub a:hover span, .sub #current a span {color: #ffffff; padding: 10px 8px; font-weight: bold; text-transform: uppercase}
.sub a span {display: block; background: #762123; float:none;}

/*sub has a popup menu*/
.sub ul li { position: relative; }
.sub ul li .sub_level2 { float: left; border: 1px solid #ccc; background-color: #E4F1F4; color: #000; position: absolute; top: 0; left: 215px; z-index: 100; display: none; }
.sub ul li .sub_level2 li a { display: block; padding: 5px 10px; background-color: transparent; height: auto; white-space: nowrap;}
.sub ul li .sub_level2 li a:hover { background-color: #C6DFE5;  }
/*.sub ul li:hover .sub_level2 { display: block; }*/
.sub ul li .column { float: left; width: 100%; }

.child-sub li a img { border: none;}

.sub a:hover span {background: #0e7687}
.sub #current a, .sub #current a span {background: #006171}

.sub a:hover {text-decoration: none; background: #006171;}
.sub #current a:hover, .sub #current a:hover span {background: #762123}

.sub2 ul {font: 10px/14px verdana; list-style: none; margin: 0px;  padding: 0px; text-align: left}
.sub2 li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #ffffff;}
.sub2 a {text-decoration: none; background: #e4f1f4;}
.sub2 a span, .sub2 a:hover span, .sub #currentsub a span {
	color: #000000; padding: 5px; text-transform: capitalize
}
.sub2 a span {display: block; background: #e4f1f4; font-weight: normal; float:none;}
.sub2 a:hover span, .sub2 a:hover, .sub2 #currentsub a:hover span, .sub2 #currentsub a:hover {
	text-decoration: none; background: #c6dfe5;
}
.sub2 #currentsub a, .sub2 #currentsub a span {
	color: #000000; font-weight: bold;
}




/* 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:180px}
#colhome2 {padding: 35px 20px 20px 10px; width:420px}
* html #colhome2 {width: 350px}
#colhome3 {padding: 35px 0px 20px 0px; width:304px}
#colhome2.search {padding: 35px 20px 20px 10px; width: 700px}

#bottomcolhome1, #bottomcolhome2 {float: left; text-align: left; font: 11px/16px verdana; margin: 0px}
#bottomcolhome3 {float: left; text-align: left; font: 11px/16px verdana; margin: 0px}
   
#bottomcolhome1 {padding: 5px 0px 20px 0px; width:300px}
#bottomcolhome2 {padding: 5px 0px 20px 20px; width:300px}
#bottomcolhome3 {padding: 5px 0px 20px 20px; width:300px}


#col1, .col2, .col4 , #colPub1{float: left; text-align: left; margin: 0px}
#colcontent, #colcontentadmin, .col3, .col5 {float: right; text-align: left; margin: 0px}

#col1 {padding: 35px 0px 20px 0px; width:220px; min-height: 600px; _height: 600px;}
#colcontent {padding: 0px 0px 20px 20px; width:724px; overflow: visible;}
* html #colcontent {width: 744px; overflow: hidden;}
#colcontentadmin {padding: 0px 0px 20px 0px; width:964px}

.col2 {padding: 20px 20px 0px 20px; width:450px; overflow:hidden;}
* html .col2 {width: 450px; overflow: hidden;}
.col3 {padding: 20px 0px 0px 0px; width:220px; float: right;}

.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}

.coladmin {padding: 20px 0px 20px 0px}


.col2, .col2 p, .col4, .col4 p, .colspan2, .colspan2 p, .coladmin p {font: 11px/16px verdana}
.col2 ul, .col4 ul, .colspan2 ul, .coladmin 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, .coladmin 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, .coladmin 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, .coladmin 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, .coladmin 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; background: #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: none;}
.redbox a:hover {text-decoration: underline}
.redbox h2, .redbox h3, .redbox h4
{
    color: #fff;
}

.bluebox {margin: 0px 0px 20px 0px}
.blueboxbot {margin: 0px}
.bluebox, .blueboxbot {padding: 20px; background: #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:704px; font: 9px/13px verdana; border-bottom: 1px solid #c7d6c7; font-weight: bold}
* html #breadcrumb {width: 724px}
#breadcrumb a, #breadcrumb a:hover, #breadcrumbadmin a, #breadcrumbadmin a:hover {color: #006171; font-weight: normal}
#breadcrumb a, #breadcrumbadmin a {text-decoration: none;}
#breadcrumb a:hover, #breadcrumbadmin a:hover {text-decoration: underline}

#breadcrumbadmin {padding: 10px 0px 9px 0px; width:964px; font: 9px/13px verdana; border-bottom: 1px solid #c7d6c7; font-weight: bold}

.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: 500px; font: 11px/16px verdana}
* html .picfeaturetext {width: 500px}

.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; clear: both}
.data th {font: bold 10px verdana; color: #000000; background: #c7d6c7; padding: 2px; text-align: left; vertical-align: bottom; text-transform: uppercase; border: 1px solid #ffffff}
.data td, .data td.merge, .data td.indent {font: normal 10px verdana; color: #000000; text-align: left; vertical-align: top; border: 1px solid #ffffff}
.data td {background: #f0f4f0; padding: 2px; }
.data td.merge {background: #ffffff; padding: 2px;}
.data td.indent {background: #f0f4f0; padding: 2px 2px 2px 10px; }
.data td.indent2 {background: #f0f4f0; padding: 2px 2px 2px 20px; }

.data td a, .data th a {text-decoration: none; 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; background: #c7d6c7; vertical-align: bottom; }
.basic td {font: normal 11px/16px verdana; vertical-align: top;}

.data td a, .data th a {text-decoration: none; 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;}

#flashMessageContainer {
	text-align: center;
	margin: auto;
}
#flashMessage {
	width: 400px;
	margin: auto;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #F0F4F0;
	border: 2px #C7D6C7 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: arial, sans-serif;
}


td.public-note { color: #006171; cursor: help;}

td.sources div { word-wrap: break-word; width: 100px; overflow: hidden; white-space:normal; }
label.error { color: red; font-weight: bold; }
select.error, input.error { outline: red solid 1; }

table.countries.data { table-layout: fixed; }
td.variable { width: 160px; }

td.country-value { width: 150px; }
td.period { width: 100px }
td.sources { width: 100px }

.subnav2 li.country.selected > a > span
{
    font-size: 120%;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

.sub2 li.country.selected > a > span
{
    font-size: 120%;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

#homecontainer .become-member 
{
    background-color: #e7f7f7;
    color: #333;
}
#homecontainer .become-member h4 
{
    color: #712323;
}
#homecontainer .become-member a 
{
    color: #2a5359;
}

ul.country-menu > ul 
{
    margin-left: 20px;
    margin-bottom: 0px;
}
.country-landing ul.country-menu > li 
{
    margin-top: 10px;
    font-size: small;
    text-transform: uppercase;
}
.country-landing .country-name 
{
    letter-spacing: .3em;
    font-size: xx-large;
    font-weight: bolder;
}
.country-data-glance 
{
    margin-bottom: 10px;
    margin-top: 10px;
}
    .country-data-glance .glance-title 
    {
        
        font-size: large;
        color: #006171;
        margin-bottom: 10px;
    }
    .country-data-glance .full-data-set-link 
    {
        border: 1px #ccc solid;
        margin-top: 5px;
        padding: 5px;
        display: block;
        width: 100px;
        text-align: center;
        background-color: #006171;
        color: white;
        float: right;
    }

#search
{
    width: 210px;
    float: right;
    display: inline-block;
    padding-left: 50px;
    padding-top: 5px;
}

.content
{
    position: relative;
}

    .content .exportExcelForm
    {
        position: absolute;
        margin: 0;
        padding: 0;
        right: 0;
    }
        .content .topForm
        {
            top: 0;
        }
        .content .bottomForm
        {
            bottom: 0;
        }
        .content .exportExcelForm > input
        {
            margin: 0;
        }
        
        
#recaptcha_response_field
{
    left: 0px;
}