/* overrides */
html
{
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: bottom center;

/*
	background-image: url(../images/grey-back.gif);
	background-repeat: repeat-y;
	background-position: center center;
*/
	background-color: #006293;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
body{margin-bottom: 0px;
}
strong{font-weight: bold;}

#hd{padding: 0px 10px; position:relative; background-color: white;}
#bd{padding: 0px 10px; background-color: white;}
#ft{padding: 0px 10px; margin-top: 10px;}


hr
{
border-top: 0px dashed #999;
border-bottom: 0px solid white;
border-left: 0px solid white;
border-right: 0px solid white;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

*.clear{clear: both;height: 0;font-size: 1px;line-height: 0px;}
*.fltleft{float: left;}
*.fltright{float: right;}
*.logo{display: block; padding:15px 13px; padding-bottom: 10px;}

p.path{display: block; font-size: 85%; margin-bottom: 20px; margin-top: 15px;}
p.path a{text-decoration: none; color: #666; }
p.path a:hover{text-decoration: underline;}
p.desc {color: #666; font-size: 93%;padding-bottom: 10px;}

h1.page-title{font-family: "Trebuchet MS", Arial, Helvetica, sans serif; font-weight: bold; font-size: 138.5%; color: #006392; margin-bottom: 10px;}

*.utility-title{font-family: "Trebuchet MS", Arial, Helvetica, sans serif; font-weight: bold; font-size: 138.5%; color: #006392; margin-bottom: 10px;}

*.header-photo{display:block;width:974px; height:220px;}
*.header-photo img{width:974px; height:220px;}

#hd .site-date{position: absolute; z-index: 20; right: 15px; top: 84px; color: #01a6e6; font-size: 85%; font-weight: bold;}
#hd .motto{position: absolute; z-index: 21; right: 5px; top: 80px; display:none;}


#lang-menu{position:absolute; right:15px; top:16px;z-index:10; color: #666; font-size: 77%;}
#lang-menu a{text-decoration: none; padding: 4px; color: black; margin-right: 2px; margin-left: 2px;}
#lang-menu a:hover{text-decoration: underline;}


/*-- main menu -- */

#menu
{
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: black;
	height: 32px;
}


#menu ul{}
#menu ul li {float: left;}
#menu ul li a
{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 8px 16px;
}
#menu ul li.last{}

#menu a:hover 
{ 
	color: #20A3DC;
}
#menu li.active
{
background-color: #01a6e6;
color: white;
}

#menu li.active a:hover{
color: white;
}

*.sub-menu{
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	border-top: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
	margin-top: 15px;	
}
*.sub-menu ul{display: block; width:300px;}
*.sub-menu ul li{margin-bottom: 1px; display: block; width: 300px;}
*.sub-menu ul li a{display:block; padding-top:3px;padding-bottom:3px;text-decoration:none;color:#FFF; background-color:#01a6e6;padding-left:20px;*width:280px;}
*.sub-menu ul li a:hover{background-color: #016893;color:white;}

*.sub-menu ul li ul{padding-left:10px;}
*.sub-menu ul li ul li a{color:#666;}
*.sub-menu ul li ul li a:hover{background-color:#666;color: white;}
*.sub-menu ul li ul li a.active{background-color:#999;color: white;}



/*-- footer -- */
*.footer-box{background-color:#747474; display: block; padding:10px 5px; height: 20px;}

*.footer-menu{display: block; float: left; font-size: 85%; width: 630px;}
*.footer-menu ul{}
*.footer-menu ul li{float: left;
	background-image: url(../images/foot-menu-sep.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
*.footer-menu ul li a{text-decoration: none; padding: 2px 10px; display: block; color: white}
*.footer-menu ul li a:hover{text-decoration: underline;}
*.footer-menu ul li.last{ background-image: none;}

*.copy{display: block; padding-left: 8px; padding-top: 4px;font-size: 85%; color:black;}



#search-form{ display: block; float: left; width: 265px; font-size: 93%; padding-left: 20px; margin-top:-1px;}
#search-form fieldset{}
#search-form fieldset legend{}
#search-form .button input{border-color: #000; border-style: solid; color: black; border-width: 1px; color: white; background-color: black; padding: 2px; padding-left: 12px;}
#search-form .field{border-color: black; border-style: solid; color: #999; border-width: 1px; padding: 3px; width:155px; }



*.home-title{color: #666; padding: 0px 15px; font-size: 116%; font-weight: bold; margin-top: 10px;}
*.pad-home{display: block; padding: 0px 22px;}


*.pad{padding: 0px 15px;}


*.articles-list{margin-bottom: 20px; display:block;}
*.articles-list h2{margin-bottom: 6px;color:white; font-weight:normal;font-size:116%;font-family: "Trebuchet MS", Arial, Helvetica, sans serif; background-color: #666;
padding: 6px;
}
*.articles-list ul{}
*.articles-list ul li{padding-bottom: 0px; margin-bottom: 0px;  *border-bottom-color: #FFF; *border-bottom-style: solid; *border-bottom-width: 0px; display: block;}
*.articles-list ul li h3{font-weight: bold;	
}
*.articles-list ul li h3 a{display:block; text-decoration:none; color:#01a6e6; }
*.articles-list ul li a:hover{ color: #016893;}
*.articles-list ul li .thumb{display:block; margin-right:24px; float:left;}
*.articles-list ul li .actual{padding-left:5px;display: block; float: left; width: 500px; border-left-color:#e3e3e3; border-left-style:dotted; border-left-width:1px; margin-bottom: 25px;}
*.articles-list ul li p{font-size:93%;  color: #666;}
*.articles-list ul li .date{font-size:85%;color: #ac0d11; }





*.downloads{margin-bottom: 20px; display:block;}
*.downloads h2{color:#666; font-weight:bold; padding-bottom: 10px;}
*.downloads ul{}
*.downloads ul li{padding-bottom: 5px; margin-bottom: 5px; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px;}
*.downloads ul li a{display: block; text-decoration: none; color:#1f306f; }
*.downloads ul li a:hover{ background-color: #e5e5e5;}
*.downloads ul li a img{padding-right: 6px;}

*.photo-gallery{display: block; margin-bottom: 10px;}
*.photo-gallery a{border-color: #cdcecc; border-style: solid; border-width: 1px; display: block; margin: 2px; padding:2px; float: left;}
*.photo-gallery a:hover{border-color: #203272; border-style: solid; border-width: 1px;}
*.photo-gallerya img{}

*.main-text{ display: block; margin-bottom: 20px;}
*.main-text p.date{color: #ac0d11; margin-bottom: 5px; font-size: 93%;}
*.main-text p.back a{color: #016893; text-decoration: underline; margin-top: 10px; margin-bottom: 10px; display: block;}

*.banners{display:block; text-align:center; }
*.banners .banner{border-color: #e9e9e9; border-style: solid; border-width: 1px; display:block; margin-top:5px; margin-bottom:5px;}
*.banners .banner h4{padding: 2px; font-size: 93%; color:#203272;}
*.banners .banner p{ font-size: 85%;}
*.banners .banner p a{text-decoration: none; padding: 2px; display: block; color: #666;}
*.banners .banner p a:hover{}



*.newsletter-box{display: block; margin-bottom: 10px; background-color: #f3f3f3; border-color: black; border-style: solid; border-width: 1px; margin-top:10px; height: 86px; *height:84px; *overflow:hidden;}
*.newsletter-box h5{background-color: black; color: white; padding: 4px 20px;}
*.newsletter-box p{padding: 5px; padding-left: 40px;
	background-image: url(../images/newsletter-arrow.gif);
	background-repeat: no-repeat;
	background-position: 20px 7px;
}
*.newsletter-box p a{ color: black; text-decoration: none; display: block;}
*.newsletter-box p a:hover{ text-decoration: underline;}

*.newsbox
{
	display: block;
	background-color: #f3f3f3;
	border-color: black; border-style: solid; border-width: 1px;
	margin-bottom: 0px;
	margin-top: 10px;	
}
*.newsbox h3
{
padding-bottom: 0px; color: #FFF; background-color: black; padding: 4px 20px;
}
*.newsbox ul{}
*.newsbox ul li
{
	margin: 0px 0px;
	padding: 5px 20px;
}
*.newsbox ul li.striped{
	background-color: #cbcbcb;
}
*.newsbox ul li .date{display: block; font-weight: bold; font-size: 85%; color: #ac0d11;}
*.newsbox ul li .title{display: block;margin-bottom: 2px;}
*.newsbox ul li .title a{text-decoration: none; color: black; font-size: 93%; font-weight: bold;}
*.newsbox ul li .title a:hover{color: #333;}
*.newsbox ul li .summary{font-size: 85%; color: #333;}
*.newsbox ul li .more{display: block; text-align: right;font-size: 85%;}
*.newsbox ul li .more a{text-decoration: none; color: #57574d;margin-top: 8px;}
*.newsbox ul li .more a:hover{text-decoration: underline;}
*.newsbox ul li img{float:left; padding-right:8px;}





#newsbar{margin-bottom: 2px; border-color: #000; border-style: solid; border-width: 0px; 	background-color: #eaeaea; background-image: url(../images/newsbar-separators.gif); background-position: 0px 0px;}
#newsbar .label{display:block;  vertical-align: middle; float:left; width: 105px;}
#newsbar .label a{
	background-image: url(../images/newsbar-background.gif); 
	background-position: -130px center; 
	background-repeat: no-repeat;
	display: block;
	vertical-align: middle;
	padding: 20px 5px;
	color: white;
	text-decoration: none;
	font-size: 85%;
	padding-left: 10px;
}
#newsbar .label a:hover{color:#009FE5;}

#newsbar .inner-wrapper{display: block;  float:left; width:824px; }
#newsbar .inner-wrapper .item{display: block; float:left; width:25%; }

#newsbar .inner-wrapper .item .pad{display: block; padding:5px 0px; padding-left:0px;}

#newsbar .inner-wrapper .striped{border-right-style: solid; border-right-color: #CCC; border-right-width: 1px; margin-right:5px;}
#newsbar .inner-wrapper .item .pad h4{display: inline; padding:0px;}
#newsbar .inner-wrapper .item .pad h4 a{text-decoration: none; color: #666; font-size: 85%; font-weight: normal;}
#newsbar .inner-wrapper .item .pad h4 a:hover{color:#000;}
#newsbar .inner-wrapper .item .pad .date{font-size: 85%; color: #ac0d11;}
#newsbar .inner-wrapper .item .more{display: block; text-align: left;font-size: 85%; margin: 0px; padding: 0px;}
#newsbar .inner-wrapper .item .pad .more a{text-decoration: none; color: #57574d;}
#newsbar .inner-wrapper .item .pad .more a:hover{text-decoration: underline;}





*.map{margin: 10px 0px; display: block;}


p.keyword{border-color: #d0d0d0; border-style: solid; border-width: 1px; margin-bottom: 20px; padding: 8px; }
p.keyword span{font-weight: bold; padding-left: 2px; padding-right: 2px; color: #F36E3D;}

*.galleries-selector{}
*.galleries-selector ul{}
*.galleries-selector ul li{margin: 2px; height: 150px; width: 128px; display: block; float: left;}
*.galleries-selector ul li a{border-color: #e659d9; border-style: solid; border-width: 1px;display: block;}
*.galleries-selector ul li a:hover{border-color: #ac3a98;}
*.galleries-selector ul li a img{width:120px; height:120px;margin:2px;}
*.galleries-selector ul li p a{padding: 2px; text-decoration: none; display: block; color: white; background-color: #5b8959; width:auto; height:auto;}
*.galleries-selector ul li p a:hover{background-color: #446743;}



#home-banners{ margin-top: 10px; margin-left: 5px; display: block;}
#home-banners .html-banner{display: block; float: left; width: 250px; margin: 8px 20px; padding: 0px;
border-color: #000; border-style: solid; border-width: 1px;
position: relative;
}
#home-banners .html-banner .ph{display: block; float: left; width: 80px; height:100px; overflow:hidden;}
#home-banners .html-banner .ph img{width: 80px; height: 120px; }
#home-banners .html-banner .dc{display: block; float: left; width: 170px;}

#home-banners .html-banner .dc h4{font-size:93%; font-weight: bold; background-color: black; padding: 4px 8px;}
#home-banners .html-banner .dc h4 a{color: #01a6e6; text-decoration: none;}
#home-banners .html-banner .dc p{padding: 4px 8px; font-size:85%;}
#home-banners .html-banner .dc p a{color: #333; text-decoration: none;}
#home-banners .html-banner .more{display: block;text-align: right;padding: 5px; background-color: #CCC; font-size: 85%}
#home-banners .html-banner .more a{text-decoration: none; color: #666;}
#home-banners .html-banner .more a:hover{text-decoration: none; color: #333;}



#home-banners-gr{ margin-top: 10px; margin-left: 5px; display: block;}
#home-banners-gr .html-banner{display: block; float: left; width: 250px; margin: 8px 20px; padding: 0px;
border-color: #000; border-style: solid; border-width: 1px;
position: relative;
}

#home-banners-gr .html-banner .ph{display: block; float: left; width: 80px; height:100px; overflow:hidden;}
#home-banners-gr .html-banner .ph img{width: 80px; height: 120px; }
#home-banners-gr .html-banner .dc{display: block; float: left; width: 170px;}

#home-banners-gr .html-banner .dc h4{font-size:93%; font-weight: bold; background-color: black; padding: 4px 8px;}
#home-banners-gr .html-banner .dc h4 a{color: #01a6e6; text-decoration: none;}
#home-banners-gr .html-banner .dc p{padding: 4px 8px; font-size:85%;}
#home-banners-gr .html-banner .dc p a{color: #333; text-decoration: none;}
#home-banners-gr .html-banner .more{display: block;text-align: right;padding: 5px; background-color: #CCC; font-size: 85%}
#home-banners-gr .html-banner .more a{text-decoration: none; color: #666;}
#home-banners-gr .html-banner .more a:hover{text-decoration: none; color: #333;}




#home-banners-en{ margin-top: 10px; margin-left: 5px; display: block;}
#home-banners-en .html-banner{display: block; float: left; width: 250px; margin: 8px 20px; padding: 0px;
border-color: #000; border-style: solid; border-width: 1px;
position: relative;
}

#home-banners-en .html-banner .ph{display: block; float: left; width: 80px; height:100px; overflow:hidden;}
#home-banners-en .html-banner .ph img{width: 80px; height: 120px; }
#home-banners-en .html-banner .dc{display: block; float: left; width: 170px;}

#home-banners-en .html-banner .dc h4{font-size:93%; font-weight: bold; background-color: black; padding: 4px 8px;}
#home-banners-en .html-banner .dc h4 a{color: #01a6e6; text-decoration: none;}
#home-banners-en .html-banner .dc p{padding: 4px 8px; font-size:85%;}
#home-banners-en .html-banner .dc p a{color: #333; text-decoration: none;}
#home-banners-en .html-banner .more{display: block;text-align: right;padding: 5px; background-color: #CCC; font-size: 85%}
#home-banners-en .html-banner .more a{text-decoration: none; color: #666;}
#home-banners-en .html-banner .more a:hover{text-decoration: none; color: #333;}

*.side-banners .html-banner{display: block; width: 298px; margin: 0px 0px; padding: 0px;
border-color: #26628F; border-style: solid; border-width: 1px;
position: relative;
}

*.side-banners .html-banner .ph{display: block; float: left; width: 75px;}
*.side-banners .html-banner .ph img{width: 75px; /* height: 120px; */ }
*.side-banners .html-banner .dc{display: block; float: left; width: 223px;}

*.side-banners .html-banner .dc h4{font-size:93%; font-weight: bold; background-color: #26628F; padding: 4px 8px;}
*.side-banners .html-banner .dc h4 a{color: #FFF; text-decoration: none;}
*.side-banners .html-banner .dc p{padding: 4px 8px; font-size: 85%;}
*.side-banners .html-banner .dc p a{color: #333; text-decoration: none;}
*.side-banners .html-banner .more{display: block;text-align: right;padding: 5px; background-color: #CCC;}
*.side-banners .html-banner .more a{text-decoration: none; color: #666; font-size: 85%;}
*.side-banners .html-banner .more a:hover{text-decoration: none; color: #333;}

/*	This div contains all links */
*.paginator{
	height:20px;
	padding:10px 3px 10px 0px;
	color:#666;
	text-decoration: none;
}
*.paginator .current{
	color:#006392;
	font-size: 123.1%;
	font-weight: bold;
}
/*
*  First, last, next, previous
*  if an image is used
*  then use rule a img{}
*/
*.paginator .first{}
*.paginator .first a {
	padding:10px 5px 10px 0px;
	color:#000;
	text-decoration: none;
}
*.paginator .first a:hover{
	color:#F3672D;
}
*.paginator .last{}
*.paginator .last a {
	padding:10px 10px 10px 5px;
	color:#000;
	text-decoration: none;
}
*.paginator .last a:hover{
	color:#F3672D;
}
*.paginator .next{}
*.paginator .next a{
	padding:10px 1px 10px 7px;
	color:#666;
}
*.paginator .next a:hover{
	color:#F3672D;
}
*.paginator .previous{}
*.paginator .previous a{
	padding:10px 7px 10px 1px;
	color:#666;
}
*.paginator .previous a:hover{
	color:#F3672D;
}

/* Page numbers links */
*.paginator .digit{
	padding:2px 2px 2px 2px;
	text-decoration: none;
}
*.paginator .digit a{
	color: #666;
}
*.paginator .digit a:hover{
	color:#F3672D;
}



#signup-form{}
#signup-form form{}
#signup-form form fieldset{padding-bottom: 15px; padding-left: 20px;}
#signup-form form fieldset legend{color:#20A3DC; font-weight: bold; font-size: 108%; padding-bottom: 10px;}
#signup-form form fieldset span{display:block; padding: 0px 0px; margin: 4px 0px; }
#signup-form form fieldset span label{float:left; width: 150px; padding: 4px; margin-right: 5px;}
#signup-form form fieldset input{background-color: #e7f5ff; border-color: #dfdfdf; border-style: solid; border-width: 1px; padding: 4px; width: 390px;}

#signup-form form fieldset span.security{}
#signup-form form fieldset span.security label{float:none; display:block; width: 100%;}
#signup-form form fieldset span.security input{float:none; width: 550px;}

#signup-form form fieldset span.radios{}
#signup-form form fieldset span.radios .group{display:block; float: left; background-color: #e7f5ff;}
#signup-form form fieldset span.radios .first{margin-right: 20px;}
#signup-form form fieldset span.radios .group label{margin:0px;width:50px;cursor:pointer;}
#signup-form form fieldset span.radios .group input{width:20px;background-color:none;border-width:0px;cursor:pointer; margin-top:5px;}


#signup-form form fieldset span.get-emails{}
#signup-form form fieldset span.get-emails .group{display:block; float: left; background-color: #e7f5ff;}
#signup-form form fieldset span.get-emails .first{margin-right: 20px;}
#signup-form form fieldset span.get-emails .group label{margin:0px;width:350px;cursor:pointer;}
#signup-form form fieldset span.get-emails .group input{width:20px;background-color:none;border-width:0px;cursor:pointer; margin-top:5px;}

#signup-form form fieldset .newsletter-subscribed{text-align: left;}
#signup-form form fieldset p{margin-bottom: 5px; *padding-left: 7px; margin-top: -6px;}
#signup-form form fieldset .newsletter-subscribed ul{}
#signup-form form fieldset .newsletter-subscribed ul li{ background-color: #e7f5ff; border-color: #dfdfdf; border-style: solid; border-width: 1px; margin-bottom: 2px; display: block; padding:4px 8px;}
#signup-form form fieldset .newsletter-subscribed ul li input{margin:0px; padding: 0px; width: 15px; border: none;}
#signup-form form fieldset .newsletter-subscribed ul li label{padding-left: 20px; cursor: pointer; font-weight: bold;}
#signup-form form fieldset .newsletter-subscribed ul li .desc{padding-left: 36px; font-size: 93%; display: block; }

#signup-form form fieldset span.buttons input{ background-position: 0px 0px; background-image: url(../images/subscribe.gif); background-repeat: no-repeat; width: 137px; height:30px; padding:0px;
border-width: 0px; float: right; margin-right:10px; cursor: pointer; color: white;}
#signup-form form fieldset span.buttons input:hover{background-position: 0px -30px; cursor: pointer; color: white;}
#signup-form p.error{color:#EC000B; padding: 5px 10px; margin-top: 10px; font-size: 93%; background-color: #FFFFD1; border-color: #dfdfdf; border-style: solid; border-width: 1px; width: 541px; margin-bottom:2px;}

#countries{display:block; width:601px; background-color: #2577a0;}
#countries .hd{height:15px; background-image: url(../images/countries-top.gif); background-repeat: no-repeat; background-position: left top;display: block;}
#countries .bd{display: block; background-image: url(../images/countries-deco.gif); background-repeat: no-repeat; background-position: left top; position: relative;}
#countries .ft{height:12px; background-image: url(../images/countries-bottom.gif); background-repeat: no-repeat; background-position: left bottom;display: block;}

#countries .bd .pad{position:absolute;left: 310px; z-index: 10; top: 20px;}
#countries .bd .pad .item{float:left;display: block; text-align: left; margin: 1px;
width: 120px; cursor: pointer; color: #CCC; font-weight: bold;
}
#countries .bd .pad .item:hover{color: white;}
#countries .bd .pad .item a{display: block; text-align: left; padding: 6px 0px; padding-left: 40px; color:#CCC; text-decoration: none; font-weight: bold; margin-left: 0px;}
#countries .bd .pad .item a:hover{color: white;}

/*
*.overlays{ background-color: #F3F3F3; border-color: #333; border-style: solid; border-width: 1px;}
*.overlays .hd{background-color: #333; background-image: none; text-align: right; display: bloc}
*.overlays .hd img.close{cursor:pointer; padding: 2px; float: right;}
*.overlays .bd{background-image: none; padding:6px;}
*/

*.overlays .bd ul{
list-style-type: none; list-style-image: none; padding: 0px; margin: 0px;
}
*.overlays .bd ul li{
	margin-bottom: 2px;
	padding: 2px;
	font-size: 93%;
}
*.overlays .bd ul li a{
	text-decoration: none;
	color: #2577a0;
}
*.overlays .bd ul li a:hover{
	color: black;
}

#cmenu{background-color: #20628E; margin-bottom: 1px; padding-left: 92px;
background-image: url(../images/map-bg.gif);
background-position: left center;
background-repeat: no-repeat;
}