/*  CSS RESET USED TO REMOVE VENDOR DEFINED BROWSER DISPLAY SETTINGS
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	background-color: #00000;

}

body,
div,
dl,
dt,
dd,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

body {
	font-family: sans-serif;
	font-size: 10pt;
	color: #EEEEEE;
	background-image: url("furniture/bg_gradient.png");
	background-repeat: repeat-x;
	background-color: #2683a9;
}

a {
	font-family: sans-serif;
	color: #8888CC;
	text-decoration: underline;
}


a:hover {
	font-family: sans-serif;
	color: #f59226;
	text-decoration: none;
}

.p {
	font-family: sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}






/* SPECIFIC CLASSES START HERE */


#wrapper { 
        margin: 0 auto; 
        width: 980px;
}

.masthead {
	display: block;
	height: 85px;
	width: 980px;
	overflow: none;
	/*background-color: #214973;*/
	}

.logo {
	float: left;
	height: 75px;
	width: 160px;
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 25px;
	background-image: url("furniture/wdcs2.png");
	background-repeat: no-repeat;
	}

.sg_title {
	float: left;
	height: 50px;
	width: 785px;
	margin-top: 10px;
	margin-bottom: 0px;
	}


.sg_title_img {
	float: left;
	clear: right;
	height: 40px;
	width: 300px;
	margin-left: 50px;
	background-image: url("furniture/sg_title.png");
	background-repeat: no-repeat;
	}

.sg_line1 {
	float: left;
	clear: left;
	height: 2px;
	width: 70px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 4px;
	background-color: #FFFFFF;
	}

.sg_line2 {
	float: left;
	height: 2px;
	width: 700px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 4px;
	background-color: #FFFFFF;
	}





.lang_toolbar {
	float: right;
	height: 40px;
	width: 280px;
	margin-top: 0px;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	}


.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #214973;
	}

.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	}

#search_suggest {
	position: absolute; 
	max-height: 300px;
	background-color: #AAAAAA;
	text-align: left;
	border: 1px solid #000000;
	overflow: auto;
	border: none;

	}


.menu_cap {
	float: left;
	height: 25px;
	width: 10px;
	background-image: url("furniture/menu_endcap2.png");
	background-repeat: no-repeat;
	}

.menu {
	float: left;
	height: 25px;
	width: 775px;
	margin-left: 0px;
	background-image: url("furniture/menu3.png");
	background-repeat: repeat-x;
	text-decoration: none;
	}

.menu_item {
	float: left;
	height: 25px;
	padding-top: 3px;
	width: auto;
	min-width: 70px;
	font-family: sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	}

.menu_item:hover {
	background-image: url("furniture/menu_hover2.png");
	background-repeat: repeat-x;
	text-decoration: none;
	}

.sub_menu {
	position: relative;
	height: auto;
	width: auto;
	padding-top: 3px;
	background-color: #41b3e5;
	visibility: hidden;
	z-index: 300;
	}

.sub_menu_item {
	position: relative;
	height: 22px;
	width: auto;
	padding: 3px;
	padding-bottom: 0px;
	font-family: sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #123b70;
	text-decoration: none;
	z-index: 301;
	}

.sub_menu_item:hover {
	background-image: url("furniture/menu_hover2.png");
	}

#back_n_forth {
	float: right;
	height: 22px;
	width: 150px;
	margin-left: 0px;
	margin-right: 50px;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	}

.index_page {
	width: 980px;
	height: 475px;
	padding-top: 5px;
	background-image: url("furniture/whale_eye3.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	}

.content {
	width: 970px;
	height: 480px;
	padding-left: 10px;
	padding-right: 0px;
	background-image: url("furniture/bg_curve.png");
	background-repeat: no-repeat;
	background-position: 0px 200px; 
	overflow: none;
	}

.sp_names {
	float: left;
	width: 430px;
	height: 60px;
	}

.threats {
	float: right;
	width: 465px;
	height: 60px;
	}

.threat_icon {
	float: left;
	width: 32px;
	height: 32px;
	margin: 5px;
	}

.threat_icon:hover {
	float: left;
	width: 32px;
	height: 32px;
	margin: 5px;
	background-image: url("images/icons/icon_glow.png");
	background-repeat: no-repeat;
	}

.h1 {
	font-family: sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	line-height: 24pt;
	}

.h2 {
	font-family: times;
	font-size: 18pt;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	line-height: 22pt;
	}

.h3 {  /* REPLACES STST_TITLE */
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	}


.sg_pictures {
	float: left;
	width: 400px;
	height: 400px;
	margin-top: 10px;
	}

#main {
	width:400px;
	height: 267px;
	margin-bottom: 5px;
	}

.no_image {
	width:400px;
	height: 145px;
	font-family: sans-serif;
	font-size: 18pt;
	padding-top: 110px;
	text-align: center;
	background-image: url("furniture/blk_50.png");
	background-repeat: repeat;
	}

.sg_spool_edge {
	float: left;
	width: 400px;
	height: 13px;
	background-image: url("furniture/spool_hole.png");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	}

.sg_spool_mid {
	float: left;
	width: 400px;
	height: 116px;
	margin-top: 10px;
	background-image: url("furniture/blk_50.png");
	background-repeat: repeat;
	}

.sg_spool_border {
	float: left;
	width: 400px;
	height: 8px;
	background-image: url("furniture/blk_90.png");
	background-repeat: repeat;
	font-family: times;
	font-size: 0.5em;
	font-weight: normal;
	color: #A18D0D;
	text-align: center;
	}

.spool_tn {
	float: left;
	width: 75px;
	height: 50px;
	margin: 4px;
	margin-right: 0px;
	}

.centre_col {
	float: left;
	width: 200px;
	height: 400px;
	padding-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	}

.sg_stat {
	width: 200px;
	height: 277px;
	overflow: auto;
	}

.stat_title {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	}


.sg_red {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #DE0232;
	text-align: left;
	}

.sg_orange {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #F77307;
	text-align: left;
	}

.sg_yellow {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #F5EF56;
	text-align: left;
	}




.stat_title_big {
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	}

.stat_text {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	}

.stat_right {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 0px;
	}


.stat_latin {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	}

.map_sm {
	width: 140px;
	height: 105px;
	margin-top: 12px;
	padding-left: 35px;
	}

.desc_bounding {
	float: right;
	width: 330px;
	height: 410px;
	padding-right: 20px;
	background-image: url("furniture/blk_80.png");
	background-repeat: repeat;
	border: none;
	}

.desc_text {
	width: 300px;
	height: 380px;
	margin: 15px;
	padding-right: 10px;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	overflow: auto;
	}

.intro_buttons {
	float: left;
	width: 90px;
	height: 300px;
	margin-top: 30px;
	margin-left: 20px;
	padding: 30px;
	background-image: url("furniture/blk_50.png");
	background-repeat: repeat;
	}

.index_credit {
	float: right;
	width: 450px;
	height: 50px;
	margin-top: 400px;
	margin-right: 40px;
	font-family: sans-serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	color: #CCCCCC;
	text-align: right;

	}


.intro_bounding {
	float: right;
	width: 400px;
	height: 470px;
	margin-right: 20px;
	background-image: url("furniture/blk_80.png");
	background-repeat: repeat;
	}

.intro_text {
	width: 360px;
	height: 430px;
	margin: 15px;
	padding-right: 10px;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	overflow: auto;
	}


.threats_bounding {
	float: right;
	width: 950px;
	height: 470px;
	margin-right: 15px;
	margin-left: 15px;
	background-image: url("furniture/blk_80.png");
	background-repeat: repeat;
	overflow: auto;
	}

.threats_text {
	float: left;
	width: 270px;
	height: 430px;
	margin: 15px;
	padding-right: 10px;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	overflow: none;
	}

.icon_big {
	float: left;
	margin: 4px;
	}

.legal_blah {
	font-family: sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #CCCCCC;
	}

.serps_toolbar {
	float: left;
	width: 928px;
	height: 50px;
	margin: 5px;
	}

.serps_item {
	float: left;
	width: 300px;
	height: 50px;
	margin: 5px;
	}

.serps_tn {
	float: left;
	width: 75px;
	height: 50px;
	margin: 4px;
	margin-right: 5px;
	}

.serps_no_image {
	float: left;
	width: 75px;
	height: 50px;
	margin: 4px;
	padding-top: 5px;
	margin-right: 5px;
	font-family: sans-serif;
	font-size: 8pt;
	text-align: center;
	background-image: url("furniture/blk_80.png");
	background-repeat: repeat;
	}


.footer {
	height: 15px;
	width: 980px;
	background-color: #2E2E2E;
	font-family: sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #CCCCCC;
	text-align: center;
	}

.copy {
	height: 15px;
	width: 980px;
	background-color: #575757;
	font-family: times;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #CCCCCC;
	text-align: center;
	}






.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
