/**
* top navigation
*/

#topnav
{
   background:url(topnav-background.png) repeat-x;
   height:36px;
   clear:both;
   padding-left:5px;
   margin:0 10px;
}

/* level 1 items */
#topnav li
{
   float:left;
   list-style-type:none;
   position: relative;
   border-right:1px solid #859095;
   z-index:50;
   margin:10px 5px 0 0;
}

#topnav li a,
#topnav li a:link,
#topnav li a:visited
{
   display:block;
   padding:2px 5px 3px 0;
   color:#FFF;
   font-weight:normal;
   text-decoration:none;
   cursor:pointer;
   border-right:1px solid #C4C7CA;
}

#topnav li a:hover
{
   color:#084441;
}

#topnav li:last-child
{
   border-right:0;
}

#topnav li:last-child a,
#topnav li:last-child a:link,
#topnav li:last-child a:visited
{
   border-right:0;
}

/* level 2 items */

#topnav li ul
{
   display:none;
   position: absolute;
   width:150px;
   left:0;
   top:17px;
   z-index:100;
   background-color:#409A95;
   border-top:1px solid #7FBBB8;
   padding-top:4px;
}

#topnav li:hover ul,
#topnav li.hover ul
{
   display:block;
}

#topnav li li,
#topnav li.selected li
{
   float:none;
   clear:both;
   width:100%;
   display:block;
   text-align:left;
   background-image:none;
   border-bottom:1px solid #7FBBB8;
   line-height:1.1;
   margin-top:0;
}

#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited
{
   padding:5px 8px;
   color:#FFF;
}

#topnav li.selected li a,
#topnav li.selected li a:link,
#topnav li.selected li a:visited,
#topnav li.selected li a:hover
{
   background-image:none;
}

#topnav li li a:hover,
#topnav li.selected li a:hover
{
   background-image:none;
   background-color:#7FBBB8;
}

/* level 3 items */

#topnav li:hover li ul,
#topnav li.hover li ul
#topnav li li:hover ul,
#topnav li li.hover ul
{
   display:none;
}


/**
* topnav font-size override
*/

div#topnav
{
   font-size:11px;
   font-weight:bold;
}

div#topnav a,
div#topnav a:link,
div#topnav a:visited
{
   font-size:11px;
   font-weight:bold;
}


/**
* standard xhtml styling
*/

body
{
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   background:url(body-background.jpg) repeat-x #FFF;
   line-height:1.2;
   color:#000;
}

body,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p
{
   margin:0;
   padding:0;
   font-weight:normal;
}

img
{
   border:0;
}

h1
{
   font-size:24px;
   color:#00928D;
}

h2
{
   font-size:14px;
   font-weight:bold;
   line-height:18px;
}

h3
{
   font-size:12px;
   color:#00928D;
   font-weight:bold;
   line-height:20px;
}

h4
{
   font-size:12px;
   font-weight:bold;
   color:#000000;
}

h5
{

}

h6
{
   font-size:17px;
   font-weight:bold;
   color:#00928D;
}

p
{
  line-height:1.25;
}

a,
a:link,
a:visited
{
   color:#00928D;
   font-weight:bold;
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
   color:#00B7AD;
}

/**
* structural components
*/

#outer
{
   width:920px;
   overflow:hidden;
   margin:0 auto;
   background-color:#FFF;
   border-left:1px solid #ABABAB;
   border-right:1px solid #ABABAB;
}

#content
{
   background:url(content-background.jpg) repeat-x top left;
   padding:30px 10px 30px 10px;
   overflow:hidden;
   margin:0 10px;
}

.noImage #content{
   background:none;
}

#leftcolumn
{
   float:left;
   width:250px;
   padding-top:5px;
}

#leftcolumnsub
{
   float:left;
   width:216px;
   padding-top:5px;
}

#maincolumn
{
   float:left;
   width:630px;
}

#maincolum ul,
#maincolumnsub ul
{
   padding:10px 20px;
}

#maincolum ul li,
#maincolumnsub ul li
{
   list-style-type:none;
   background:url(bullet.png) no-repeat 10px 8px;
   padding:3px 0 0 25px;
   
}

#maincolumnsub
{
   float:left;
   width:664px;
   overflow:hidden;
   background:url(maincolumnsub-repeat-background.png) repeat-y 3px 0;
}

#maincolumnsub h2,
#maincolumnsub h3,
#maincolumnsub h5,
#maincolumnsub h6,
#maincolumnsub p,
#maincolumnsub form
{
 /*  padding-left:20px;
   padding-right:20px;*/
   padding-top:5px;
}

#maincolumnsub h1,
#maincolumnsub h4
{
   background-color:#FFF;
   padding-left:3px;
}

#maincolumnsub h4
{
   padding-bottom:10px;
}

#maincolumnsub div.top
{
   margin:0 3px;
   background-color:#CCC;
   height:1px;
   overflow:hidden;
}

#maincolumnsub div.bottom
{
   float:none;
   clear:both;
   height:9px;
   overflow:hidden;
   background:url(maincolumnsub-bottom-background.png) no-repeat 3px 0;
}

/**
* header
*/

#header
{
   background:url(header-background.png) no-repeat;
   height:60px;
   margin:10px 10px 0 10px;
   padding:0 10px;
   overflow:hidden;
}

#header h1
{
   float:right;
   margin:5px 0 0 20px;
}

#header #search
{
   float:left;
   background:url(flag.png) no-repeat right center;
   padding:20px 30px 20px 0;
}

#header #search form,
#header #search fieldset
{
   float:left;
   margin:0;
   padding:0 0 0 0;
   border:0;
}

#header #search div
{
   display:inline;
}

#header #search select,
#header #search input
{
   padding:0;
   font-size:11px;
   margin-right:10px;
   line-height:19px;
   width:152px;
   color:#666;
}

#header #search select
{
   float:left;
   font-size:11px;
   margin:0;
   border:1px inset #FFF;
}

#header #search #query
{
   background:url(search-icon_s01.png) no-repeat right 1px #FFF;
}

/**
* banner
*/

#banner
{
   margin:0 10px;
   padding:0;
   height:298px;
   overflow:hidden;
}

#banner h1,
#banner h2,
#banner h3,
#banner h4,
#banner h5,
#banner h6
{
   font-size:23px;
   line-height:30px;
   font-weight:bold;
   color:#000;
   padding:70px 0 0 70px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:hover
{
   display:block;
   float:left;
   margin:0 0 0 70px;
   font-size:14px;
}

#bannergateway
{
   height:214px;
   background:url(banner-background-gateway.jpg) no-repeat top left;
}

#bannergateway h1
{
   font-size:21px;
   line-height:30px;
   font-weight:bold;
   color:#000;
   padding:150px 0 0 40px;
}

/**
* Country selection (gateway page)
*/

ul#countryselection
{
   width:808px;
   margin:17px auto 95px auto;
   height:122px;
   overflow:hidden;
   background:url(ul-countryselection-background.jpg) no-repeat top left;
}

ul#countryselection li
{
   float:left;
   width:202px;
   height:65px;
   list-style-type:none;
}

ul#countryselection a,
ul#countryselection a:link,
ul#countryselection a:visited,
ul#countryselection a:hover
{
   display:block;
   padding:7px 0 0 50px;
   font-size:14px;
   text-decoration:none;
   font-weight:bold;
}

/**
* leftnav
*/

#leftnav
{
   position:absolute;
   top:120px;
   width:193px;
   background:url(leftnav-repeat-background.png) repeat-y;
   margin-left:-10px;
}

#leftnav span.top
{
   display:block;
   height:3px;
   overflow:hidden;
   background:url(leftnav-top-background.png) no-repeat;
}

#leftnav h2
{
   background:url(leftnav-heading-background.png);
   line-height:32px;
   font-size:12px;
   font-weight:bold;
   padding:0 10px;
   color:#000;
}

#leftnav h2 a,
#leftnav h2 a:link,
#leftnav h2 a:visited,
#leftnav h2 a:hover
{
   line-height:32px;
   font-size:12px;
   font-weight:bold;
   color:#000;
   text-decoration:none;
}

#leftnav dl
{
  padding:0 10px;
  color:#004542;
  font-size:11px;
}

#leftnav dt
{
  padding-top:10px;
  font-weight:bold;
}

#leftnav dd
{
  padding-bottom:10px;
  border-bottom:1px solid #A8D1CF;
}

#leftnav dd:last-child
{
  padding-bottom:10px;
  border-bottom:0;
}

#leftnav dd a,
#leftnav dd a:link,
#leftnav dd a:visited,
#leftnav dd a:hover
{
  color:#3BB7B0;
  font-weight:bold;
  text-decoration:none;
}

#leftnav span.bottom
{
   display:block;
   height:9px;
   overflow:hidden;
   background:url(leftnav-bottom-background.png) no-repeat;
}

/**
*  left menu level 1
*/

#leftnav ul
{
   margin-bottom:20px;
}

#leftnav ul li
{
   list-style-type:none;
   border-bottom:1px solid #B0D5D4;
   margin:0px 1px;
}

#leftnav ul a,
#leftnav ul a:link,
#leftnav ul a:visited
{
   display:block;
   text-decoration:none;
   font-size:11px;
   font-weight:bold;
   color:#1B5A57;
   padding:5px 10px 5px 23px;
   background:url(leftnav-right-arrow.png) no-repeat 8px 9px;
}

#leftnav ul a:hover,
#leftnav ul a.selected,
#leftnav ul a.selected:link,
#leftnav ul a.selected:visited,
#leftnav ul li.selected a,
#leftnav ul li.selected a:link,
#leftnav ul li.selected a:visited
{
   background-color:#E8F3F2;
}

#leftnav ul a.selected,
#leftnav ul a.selected:link,
#leftnav ul a.selected:visited,
#leftnav ul a.selected:hover
{
   background:url(leftnav-down-arrow.png) no-repeat 8px 9px;
}

/**
*  left menu level 2
*/

#leftnav ul ul
{
   display:none;
   background-color:#E8F3F2;
   padding:0 0 0 15px;
   margin:0;
   border-top:1px solid #B0D5D4;
}

#leftnav ul li.selected ul
{
   display:block;
}

#leftnav ul li li
{
   background:none;
   margin:0;
}

#leftnav ul li li a,
#leftnav ul li li a:link,
#leftnav ul li li a:visited
{
   background:none;
   padding-left:8px;
   font-weight:normal;
}

#leftnav ul li li.selected a.selected,
#leftnav ul li li.selected a.selected:link,
#leftnav ul li li.selected a.selected:visited,
#leftnav ul li li.selected a.selected:hover
{
   background:url(leftnav-right-arrow.png) no-repeat 8px #FFF;
   padding-left:18px;
}

#leftnav li li.last
{
   border:0;
}

/**
*  left menu level 3
*/

#leftnav li.selected li ul
{
   display:none;
   padding:0;
   border-top:1px solid #B0D5D4;
   padding-left:18px;
}

#leftnav li.selected li.selected ul
{
   display:block;
}

#leftnav ul li li li.last
{
   border-bottom:1px solid #B0D5D4;
}

#leftnav ul li li li a.selected,
#leftnav ul li li li a.selected:link,
#leftnav ul li li li a.selected:visited
{
   background:url(leftnav-right-arrow.png) no-repeat 8px 9px;
}

#leftnav ul li.selected li a:hover
{
   background-color:#FFF;
}

#leftnav ul li li.last
{
   border:0;
}


/**
* footernav
*/

#footernav
{
   background:#ACACAC;
   color: #FFF;
   font-size:11px;
   height:24px;
   padding-left:10px;
}

#footernav #copyright{
   float:left;
   padding:3px 5px 0 0;
}

#footernav li
{
   float:left;
   list-style-type:none;
   position: relative;
   margin-top:3px;
}

#footernav li a,
#footernav li a:link,
#footernav li a:visited
{
   display:block;
   color:#FFF;
   font-weight:normal;
   text-decoration:none;
   font-size:11px;
   padding:0 4px 1px 4px;
   border-left:1px solid #FFF;
}

#footernav li a:hover
{
   color:#00B7AD;
}

/**
* misc
*/

a#myintegralis,
a#myintegralis:link,
a#myintegralis:visited,
a#myintegralis:hover
{
   float:right;
   color:#FFF;
   font-weight:bold;
   text-decoration:none;
   line-height:23px;
   margin-top:6px;
   padding-right:10px;
}

.clear
{
   float:none;
   clear:both;
   height:1px;
   overflow:hidden;
}

.hide
{
   display:none;
   height:0;
   overflow:hidden;
}

img.left
{
   float:left;
   margin:0 20px 20px 0;
}

img.right
{
   float:right;
   margin:0 0 20px 20px;
}

img.center
{
   display:block;
   float:none;
   clear:both;
   margin:10px auto;
}

/**
* tables
*/

table
{
   margin:0 auto 50px auto;
   background-color:#FFF;
   width:625px;
   border:0;
   border-left:1px solid #CCC;
   border-right:1px solid #CCC;
   border-top:1px solid #CCC;

}

table th
{
   background:url(table-th-background.jpg) repeat-x;
   font-weight:bold;
   text-align:left;
   border:0;
   border-bottom:1px solid #CCC;
   padding:1px 5px 0px 5px;
   color:#3A9490;
}

table td
{
   border:0;
   border-bottom:1px solid #CCC;
   padding:5px;
}

table td em
{
   color:#3A9490;
   font-weight:bold;
   font-style:normal;
}

/**
* breadcrumb
*/

#breadcrumb
{
   float:none;
   clear:both;
   background:url(breadcrumb-background.jpg) repeat-x #EFEFEF;
   padding-left:15px;
   overflow:hidden;
   z-index:10;
}

#breadcrumb li
{
   float:left;
   list-style-type:none;
   position: relative;
}

#breadcrumb li.last,
#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover
{
   display:block;
   font-weight:normal;
   text-decoration:none;
   font-size:10px;
   padding:4px 11px;
   background:url(breadcrumb-bullet.png) no-repeat left center;
}

#breadcrumb li.first a,
#breadcrumb li.first a:link,
#breadcrumb li.first a:visited,
#breadcrumb li.first a:hover
{
  background:none;
}

/**
* feature box
*/

div.featurebox
{
   float:left;
   width:262px;
   height:190px;
   overflow:hidden;
   margin:0 15px;
   background:url(featurebox_background.jpg) no-repeat;
}

div.featurebox h2
{
   line-height:28px;
   font-size:11px;
   font-weight:bold;
   padding:0 10px;
   color:#000;
}

div.featurebox h2.centerbox
{
   /* code for center box title here */
}

div.featurebox h2 a,
div.featurebox h2 a:link,
div.featurebox h2 a:visited,
div.featurebox h2 a:hover
{
   line-height:32px;
   font-size:12px;
   font-weight:bold;
   color:#AAB8B8;
   text-decoration:none;
}

div.featurebox dl,
div.featurebox ul
{
  padding:0 10px;
  color:#004542;
  font-size:11px;
  height:133px;
  overflow:auto;
  list-style:none;
}

div.featurebox dl.hasJS
{
  height:auto;
  overflow:none;
}

div.featurebox li
{
   padding-top:8px;
}

div.featurebox dt
{
  padding:10px 0 5px 0;
}

div.featurebox dd
{
  padding-bottom:10px;
}

div.featurebox img
{
   margin-bottom:10px;
}

div.featurebox p
{
   padding:0 10px;
   text-align:center;
}

div.featurebox a,
div.featurebox a:link,
div.featurebox a:visited,
div.featurebox a:hover
{
  color:#3BB7B0;
  font-weight:bold;
  text-decoration:none;
}

div.featurebox span.bottom
{
   display:block;
   height:9px;
   overflow:hidden;
   background:url(leftnav-bottom-background.png) no-repeat;
}

ul#latestnews a,
ul#latestnews a:link,
ul#latestnews a:visited,
ul#latestnews a:hover
{
  display:block;
  float:none;
  clear:both;
}

/**
* forms
*/

#maincolumnsub form,
#maincolumnsub form fieldset,
#maincolumnsub form legend {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#maincolumnsub form {
   padding:10px 20px;
}

#maincolumnsub form p {
   padding:10px 0;
}

#maincolumnsub form fieldset {
	padding:10px 30px 10px 0;
}

#maincolumnsub form fieldset legend {
	display:block;
	margin-left:-7px;
	padding-bottom:10px;
   font-size:14px;
   font-weight:bold;
   line-height:18px;
}

#maincolumnsub form label {
	display:block;
	width:178px;
	float:left;
	padding:7px 10px 5px 0;
}

#maincolumnsub form label span {
	display:none;
}

#maincolumnsub form label.required span {
	display:inline;
}

#maincolumnsub form label.submit {
	text-indent:-9999px;
}

#maincolumnsub form label.checkbox,
#maincolumnsub form label.checkbox input {
	float:left;
	clear:none;
	width:auto;
	margin:0;
}

#maincolumnsub form label.checkbox input {
	padding:0;
	border:0;
}

#maincolumnsub form input,
#maincolumnsub form textarea,
#maincolumnsub form select {
	margin:5px 0 10px 0;
	width:380px;
	float:left;
	font-size:0.8em;
}

#maincolumnsub form textarea {
	overflow:auto;
}

#maincolumnsub form input.submit{
	display:inline;
	float:left;
	clear:none;
	background:transparent;
	border:1px solid #000;
	padding:0;
	margin:0;
	width:auto;
	position:relative;
}

div.clear
{
   clear:both;
   float:none;
   height:1px;
}

/**
* search results
*/

#searchresults
{
   border-top:1px dashed #14355F;
   margin:20px 20px;
}

#searchresults dt
{
   padding:3px 0;
   font-weight:bold;
}

#searchresults dt a,
#searchresults dt a:link,
#searchresults dt a:visited,
#searchresults dt a:hover
{
   text-decoration:none;
}

#searchresults dd
{
   padding:0 0 10px 0;
   border-bottom:1px dashed #14355F;
}

#searchresults dd a,
#searchresults dd a:link,
#searchresults dd a:visited,
#searchresults dd a:hover
{
   display:block;
   clear:both;
   padding:3px 0;
}

/**
* pepperio app overrides
*/

.pepperio_noneditable .pepperio_buttonbar{
  display:none;
}

.pepperio_buttonbar img.pepperio_toeditor{
  width:auto;
  height:auto;
}

.whitebg
{
   background:none;
   background-color:#FFF;
}