@charset "utf-8";
/* CSS Document */
@media screen, print {

html {
}

body {
	/*font-family:Verdana, Helvetica, Arial, sans-serif;*/
	/*font-family:"Trebuchet MS", "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:0.85em;*/
	font-size:0.85em; /* FOR CALIBRI FONT ONLY */
	color: #333333;
}

div {
	padding:0;
	margin:0;
}

.paragraph table { width:100%; border-left:1px dotted #999999; border-bottom:1px dotted #999999; }
.paragraph tr {  }
.paragraph th,
.paragraph td { border-top:1px dotted #999999; border-right:1px dotted #999999; padding:0.2em; }
.paragraph th { background:#65c0ff url("img/tab.jpg") repeat-x 0 -10px; }
td.xs {	width:5%; }
td.s { width:15%; }
td.m { width:20%; }
td.l { width:50%; }
td.xl { width:60%; }

#header {
	color:white;
	font-size:0.75em; 
}

#footer { 
	text-align:right; 
	font-size:0.8em; 
	background-color:#0099FF;
	background-image:url("img/bluegrad-bar-section2.png");
	background-repeat:repeat-x;
	color:white;
	border-top:1px solid #c2dcf9;
	border-bottom:1px solid #62bafb;
}

#header .topheader { 
	height:15px; 
	text-align:right; 
	padding-right:10px;
	padding-top:2px;
	background-image:url("img/menu-item-bg.jpg");
	background-repeat:repeat-x;
	background-image:url("img/bluegrad-bar-section2.png");
	background-repeat:repeat-x;
}
#header .banner { 
	display:block; 
	width:100%; 
	height:171px; 
	background-image:url("img/header.jpg"); 
	background-image:url("img/banner.jpg"); 
	background-repeat:no-repeat; 
	margin:1px 0 4px 0;
	margin:0 0 4px 0;
}
#header .bottomheader { 
	background-image:url("img/bluegrad-bar-section2.png");
	background-repeat:repeat-x;
	padding-left:5px; 
	height:20px; 
	height:19px;
	border-top:1px solid #c2dcf9;
	border-bottom:1px solid #62bafb;
}

/* <a> in the header sections: */
#header, 
#header a { 
	color:white; 
	font-weight:bold;
}

#header .topheader a:hover { 
	color:#1277d4; 
	color:#0066cc;
	color:#ffffff;
}

#header .bottomheader a:hover { 
	background-image:url("img/breadcrumb-hover.jpg");
	background-image:url("img/bluegrad-bar-section-dark.png");
	background-repeat:repeat-x;
	background-position:0 0;
}

#header .hotspot { float:left; width:40%; }
div.searchbox { float:right; width:40%; text-align:right; margin:0.5em 0.5em 0 0;/*margin:-170px 10px 0 180px;*/ }




.breadcrumb { float:left; padding:3px 2px 0 2px; display:block; float:left; height:80%; }
a.breadcrumb { padding-left:1em; padding-right:1em; /*font-weight:bold;*/ text-decoration:none; }
#header a.breadcrumb:hover { color:#444444; color:#ffffff; }

#footer a, 
#footer a:hover { color:#ffffff; text-decoration:none; }
#footer a.icon { padding-right:2px; }

a.button {
	display:inline-block;
	background:#2F8DFF;
	box-shadow:0 0 3px #666;
	border-radius:3px;
	padding:0.75em 2em;
	text-decoration:none;
	/*float:left;*/
	border:1px solid #3275c2;
	background-image: linear-gradient(bottom, #3275C2 28%, #2483F0 64%, #2F8DFF 82%);
	background-image: -o-linear-gradient(bottom, #3275C2 28%, #2483F0 64%, #2F8DFF 82%);
	background-image: -moz-linear-gradient(bottom, #3275C2 28%, #2483F0 64%, #2F8DFF 82%);
	background-image: -webkit-linear-gradient(bottom, #3275C2 28%, #2483F0 64%, #2F8DFF 82%);
	background-image: -ms-linear-gradient(bottom, #3275C2 28%, #2483F0 64%, #2F8DFF 82%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.28, #3275C2),
		color-stop(0.64, #2483F0),
		color-stop(0.82, #2F8DFF)
	);
}
a.button,
a.button:visited {
	color:#eee;	
}
a.button:hover {
	color:#fff;
	border:1px solid #1456a2;
	box-shadow:0 0 1px #000;
}

a.sos-button {
	display:block;
	font-size:0;
	width:667px;
	max-width:667px;
	height:128px;
	max-height:128px;
	width:474px;
	max-width:474px;
	height:105px;
	max-height:105px;
	background-image:url(img/sos-btn-2.png);
	background-position:top left;
	margin:26px auto;
}
a.sos-button:hover {
	background-position:0 -105px;
}

h1, 
h2, 
h3, 
h4, 
h5 { font-family:"Times New Roman", Times, Serif; /*color:#445865;*/ color:#333333; }

h1 {
	display:block;
	clear:both;
	font-size:2.0em;
	text-align:left;
	margin:0.5em;
	font-weight:normal;
	border-bottom:1px solid #dedede;
}

h2 {
	display:block;
	font-size:1.65em;
	font-weight:normal;
	text-align:left;
	border-bottom:1px solid #dedede;
	font-weight:normal;
	margin:1.25em 0 0.5em 0;
	padding:0;
}

h3 {
	font-size:1.25em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-size:1.1em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p 				{ margin-top:0; }
ul 				{ list-style:square; }
a img 			{ border:none; }
a, a:visited 	{ color:#990000; }
	
a#totop 	{ background-image:url("img/arrow-up.gif"); }
a#printpage { background-image:url("img/printer.gif"); }
a#login 	{ background-image:url("img/key.gif"); }
a#home 		{ background-image:url("img/home.gif"); width:auto; display:inline-block; padding-left:20px; margin-top:-1px; }

a#totop,
a#printpage,
a#login,
a#home {
	display:block;
	float:right;
	width:16px;
	height:16px;
	font-size:10px;
	text-decoration:none;
	background-repeat:no-repeat;
}

a.anchor, 
a.anchor:visited, 
a.anchor:hover {
	text-decoration:none;
	color:#333333;
}

.byline { 
	font-size:80%; 
	color:#CCCCCC; 
	padding-left:1em;
	margin:0.5em 0;
	float:none;
	clear:both;
}

.content-body { }

#content {}

#content a, 
#content a:visited { color:#990000; }

a:hover, 
#content a:hover { color:#cc0033; text-decoration:none; }

.centered {	text-align:center; }

.content-body,
.news {
	padding:0 20px 1em 20px;
	text-align:left;
	background-color:inherit;
	/*display:table-cell;*/
}

.paragraph { clear:both; margin-bottom:2em; }

.paragraph .text { }

.paragraph .fullwidth { width:100%; overflow:hidden; }

.logos { font-size:0.85em; text-align:center; margin:2em auto; height:165px; padding-top:15px; }
.logos a { display:inline-block; padding:0.5em; margin:0.5em 0; float:none; clear:both; position:relative; }

.help { cursor:help; text-decoration:underline; }


/*****************  SECTION: IMAGES ******************/
.highslide-caption {  }

.illustration { /* Image container class */
	display:block;
	float:right;
	clear:right;
	margin:0 auto 1em auto;
	text-align:left;
	border:1px solid #dedede;
	/*font-size:0;*/ /* Fixes a layout problem in IE */
	/*width:200px;*/
}

.illustration img {
	border:1px solid #ddd;
	max-width:100%;
}

.illustration.pull-right {
	margin: 0 0 1em 1em;
	width:33%;
}

.imagetext { /* Container class for text under images (including the image credit container) */
	display:block;
	font-size:0.8em;
	background-color:#eee;
	padding:0.25em 0.5em;
}

.paragraph .text .illustration { /* Ivorypage images inside paragraph texts */
	margin-left:1em;
}

/* Site-specific news styles */
ul.news-list { font-size:0.85em; padding:0; list-style:none; margin:0; margin-top:-15px; }
.news-list { padding:0 20px 1em 20px; }
.news-list .news { padding:0; }
.news-list .news h3 { font-size:1em; }
.news-images .illustration { border:none; } /* Image lists in news bulletins */
.news-text .illustration { width:302px; } /* Main image for news bulletins */
.news-archive-title { margin:auto 20px; }
.on-off,
.open {	background:#c5dae7 url("img/tab.jpg") repeat-x bottom; }
.on-off:hover,
.open {	background:#81ADC8 url("img/tab.jpg") repeat-x top; }




.imagesource,
.imagecredit {
	display:block; 
	padding-top:0.1em;
	text-align:right;
	color:#777777;
	font-size:0.9em;
}

.paragraph .fullwidth img {
	max-width:100%; /* not working properly in FF3 */
	max-width:675px;
}

.paragraph .fullwidth .image {	
	float:none; /* overrides float:right */
	text-align:left;
	font-size:12px;
	border:none;
	margin:0 auto;
	border:1px solid #dedede;
}

/********************************************************************/


.paragraph img {
	margin-left:auto;
	margin-right:auto;
}



/*****************************/
/*         galleries         */
/*****************************/

.descriptor {
	display:block;
	overflow:auto;
	clear:both;
	float:none;
	padding:4px;
}

.descriptor h4 {
	padding:0;
	margin:0;
}

/* Gallery list */
.descriptor img {
	float:left;
	padding:2px 4px 4px 4px;
	margin-right:4px;
}

/* Thumbnails (links to larger images) */
.gallery .gallerythumb a.thumbnail {
	border:none;
	border:1px solid #eeeeee;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	width:140px;
	height:144px;
	position:relative;
	/*border:1px solid red;*/
}

/* Hovering over thumbnails */
.gallery .gallerythumb a.thumbnail:hover {
	border:none;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	text-decoration:none;
	display:table-cell;
}

/* Thumbnail wrapper */
div.thumbnail {
	display:table;		/* important because of vertical alignment */
	float:left;
	width:142px;
	height:142px;
	position:relative;
	/*overflow:visible;*/
}

/* Text links below the thumbnails */
.gallery-copyright-link {
	height:25px;
	width:100%;
	text-align:center; 
	position:relative;
}

/* Wrapper for thumbnail and text link */
.gallerythumb {
	display:block;
	float:left;
	clear:none;
	/*display:table;*/
	/*margin-right:20px;*/
	margin:0 1px;
	margin-bottom:20px;
	width:144px;
	height:160px;
	/*overflow:hidden;*/
	text-align:center; /* needed for thumbs to be horizontally centered in FF */
	position:relative;
}

.gallerythumb img {
	margin:0;
	padding:0;
	border:1px solid #eeeeee;
	top:0;
	position:relative;
}

.gallerythumb a.thumbnail, .gallerythumb a.thumbnail:visited {
	/* needs a border, or border:none to work properly */
	border:1px solid #eeeeee; 
}

.gallerythumb a img {
}

.gallerythumb a:hover img {
}

#ZoomCaption { /* FancyZoom captions */
	padding-top:4px;
}


/********************** END OF GALLERIES ***************************/

/*****************************/
/*  population status table  */
/*****************************/
table#pop-status, 
table#area-pop-status {
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:0.65em; 
	text-align:center;
}

table#pop-status {
	/*margin:0pt -10px; */
	width:100%; 
}

table#pop-status td, 
table#area-pop-status td,
table#pop-status th,
table#area-pop-status th { border-right:1px solid #fff; border-top:none; border-bottom:1px solid #ddd; padding:0 0.2em; height:4.5em; background:none; }

table#pop-status th { border-bottom: 1px solid #fff; color: #444; text-align:center; font-weight:bold; }
table#pop-status tr.th-one th { background:#08f; color:#fff; }
table#pop-status tr.th-two th { background:#def; }
table#pop-status tr.th-three th { background:#f5f5f5; }


table#pop-status td.hidden { background-color:#fff; border:none; }
table#area-pop-status td.hidden { background-color:#fff; border:none; }

table#pop-status td.declining, 
table#pop-status td.severely-reduced,
table#pop-status td.very-high { background-color:#c00; color:#fff; }

table#pop-status td.stable,
table#pop-status td.lower { background-color:#6f3; }

table#pop-status td.higher,
table#pop-status td.reduced { background-color:#FF9900; }

table#pop-status td.very-low,
table#pop-status td.increasing,
table#pop-status td.not-reduced { background-color:#090; color:#fff; }

table#pop-status td.moderate { background-color:#ff0; }

table#pop-status td.null-data { background-color:transparent; color:#999; }

table#pop-status tr:hover {
    background: #ffa;
}

table#pop-status tfoot td {
    border: medium none;
    padding: 0;
    text-align: right;
}

/******************* END OF POPULATION STATUS TABLE *************************/

.prepared-by { color:#aaaaaa; text-align:right; font-size:80%; }

.whitetext { color:#ffffff; }
.smalltext { font-size:80%; }

.smallhead {
	font-size:1.1em;
	font-weight:bold;
}

.tooltip {
	z-index:10;
	overflow:auto;
	width:200px;
}

/******************** TABS *********************/
ul.tabs {
	list-style:none;
	margin:1em 0 0 1%;
	font-size:0.8em;
	overflow:auto;
	padding:0;
}

ul.tabs li:first-child {
}

ul.tabs li {
	max-width:11%;
	min-height:30px;
	margin:0 0 0 0;
	float:left;
	background:red;
	margin-top:6px;
	border:1px solid #bbbbbb;
	position:relative;
	text-align:center;
}

ul.tabs li:hover {
}

ul.tabs li#selected-tab {
	background:#ffffff;
	border-bottom-color:#ffffff;
	min-height:41px;
	margin-top:0;
}

ul.tabs li a {
	text-decoration:none;
	padding:2px;
	display:block;
	height:30px;
	background:#aaaaaa url("img/tab.jpg") repeat-x bottom;
	font-weight:bold;
	font-size:0.9em;
	color:#777;
}

ul.tabs li a:hover {
	background:#eeeeee url("img/tab.jpg") repeat-x top;
	color:#666;
}

ul.tabs li#selected-tab a {
	background:#fff;
	border:2px solid #eee;
	border-bottom:none;
	border-top:none;
	height:37px;
	color:#333;
}

#tab-content {
	border-top:2px solid #bbbbbb;
	padding:0;
	margin:-2px 0 0 2px;
}

#tab-content .content-body {
}
/*ul.tabs {
	list-style:none;
	margin:1em 0 0 1%;
	font-size:0.8em;
	overflow:auto;
	padding:0;
}

ul.tabs li:first-child {
}

ul.tabs li {
	max-width:10%;
	min-height:40px;
	margin:0 3px 0 0;
	float:left;
	background:red url("img/tab.jpg") no-repeat;
	padding:0 0 0 3px;
}

ul.tabs li:hover {
	background-image:url("img/tab-lighted.jpg");
}

ul.tabs li#selected-tab {
	background:#ffffff url("img/tab-frame.jpg") no-repeat;
	border-bottom-color:#ffffff;
}

ul.tabs li a {
	text-decoration:none;
	padding:2px 6px 0 0;
	display:block;
	height:40px;
	background:orange url("img/tab.jpg") no-repeat;
	background-position:top right;
	font-weight:bold;
	font-size:0.9em;
	color:#666666;
}

ul.tabs li a:hover {
	background:url("img/tab-lighted.jpg") no-repeat;
	background-position:top right;
}

ul.tabs li#selected-tab a {
	background:url("img/tab-frame.jpg") no-repeat;
	background-position:top right;
}

#tab-content {
	border:1px solid #e7f1f3;
	padding:0;
	margin:-1px 0 0 2px;
}

#tab-content .content-body {
}*/

} /* @media screen, print */

@media screen {
.content-body { overflow:auto; }
}

@media print {
	h1 { padding:0; margin:0; }
	#rightside, #leftside, #header, #footer, .counter { display:none; }
	.content-body { overflow:visible; }
} /* @media print */