/* ---Doc Styles ------- */
html, html body{height:100%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0; padding: 0;
	background: #ABD6D6;
}
body.CF{background: #FFF;}
h1 { font-size: 150%; font-weight: bold;}
h2 { font-size: 130%; font-weight: bold;}
h3 { font-size: 120%; font-weight: bold;}
h4 { font-size: 100%; font-weight: bold;}

.STlogo { width:690px; margin: 0; padding: 10px 0 0 10px; background: #FFF;}
.divHide   {display:none;}
.divShow   {display:block;}

/* Main Layout */
#wrapper {
	height:100%;
	min-height: 100%;
	position:relative;
	width:700px;
	margin:0 auto 0 auto;
	padding:0;
	background:#FFF;
	}
* html #wrapper{ width:700px; margin:0 auto; padding: 0; text-align:left;}
#sidebar	{position:absolute; width:70px;  z-index:-1; background:#FFFFFF top center repeat-y;}

/* --- NavBar Styles --- 'Son of Suckerfish' Dropdowns menus: www.htmldog.com/articles/suckerfish/dropdowns/ */
#nav { width: 700px; height: 32px; margin: 0; padding: 0; background: #FFF; }
#nav ul {
	float: left;
	width: 50em;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border: solid #c33;
	border-width: 1px 0;
	margin: 0 0 1em 1em;
	background: #FFF;
}
/* html #nav, #nav ul {width: 100%;}*/
#nav a {
	display: block;
	width: 10em;
	font-size: 90%;
	color: #933;
	text-decoration: none;
	padding: 0.25em 0.9em;
}
* html #nav a {width: 6em; font-size: 100%;}
#nav a.parent {background: url(../images/redtr.gif) center right no-repeat;}
#nav li {float: left; padding: 0; width: 8em;}
* html #nav li {float: left; padding: 0; width: 6em;}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12.5em;
	font-weight: bold;
	border-width: 0.15em;
	margin: 0;
}
* html #nav li ul {border-width: 0.05em;}
#nav li li {padding-right: 1em;	width: 11.5em}
* html #nav li li {padding-right: 0; width: 9.5em}
#nav li ul a {width: 12em;}
* html #nav li ul a {width: 10.8em;}
#nav li ul ul {margin: -1.75em 0 0 12.3em;}
* html #nav li ul ul {margin: -1.75em 0 0 12.5em;}
#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;}
#nav li:hover, #nav li.sfhover { background: #ABD6D6;}
#nav li a:hover, #nav a.sfhover { color: #f55;}

.mission  {
	float: left;
	line-height: 150%;
	margin: 20px 0 0 30px;
	padding: 10px 0 15px 0;
}
.mission p {
	margin: 0;
	padding: 5px 30px 5px 10px;
}
.mission ul {
	margin: 0;
	padding: 0 0 0 10px;
}
.mission ul li {
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(../images/redball.gif) no-repeat 0 50%;
}

#content  {
	height:100%;
	line-height: 150%;
	margin: 0 0 30px 0;
	padding: 0 0 15px 30px;
	background: #FFF;
}
#content p {
	font-size: 90%;
	margin: 0;
	padding: 5px 30px 5px 2px;
}
#content ul {
	margin: 0;
	padding: 0 40px 0 10px;
}
#content ul li {
	font-size: 85%;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(../images/redball.gif) no-repeat 0% 3px;
}
#content dl{
	overflow: auto;
	margin: 10px 20px;
	padding: 0;
}
#content dt{
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
}
#content dd{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	background: #FFF;
}
#content dd.title {
	font-size: 110%;
	font-weight: bold;
}
#content img{ margin: 0; padding: 0; vertical-align: middle}
#content iframe { width: 650px; height: 600px; margin: 0; padding: 0; border: 1px none #fff; background: #FFF;}

#contact{
	margin: 0;
	padding: 10px 0 20px 110px;
	font-size: 100%;
	font-weight: bold;
	background: #FFF url(../images/banner1.jpg) no-repeat 30px 20px;
}
#contact p{margin:0; padding: 10px 0 0 20px;}
#contact input, textarea{ margin: 10px 0 0 20px; padding: 0;}

/* ---Footer Styles ------- */
.footerStyle {
	float: left;
	font-size: 90%;
	text-align: center;
	margin: 0;
	padding: 0 25px 0 25px;
	line-height: 400%;
	background: url(../images/footerbar.gif) no-repeat 90% 10%;
}

/* --- CESVA Styles ------- */
#CESVA{
	width: 680px;
	margin: 0;
	padding: 0 0 0 20px;
	background: #FFF;
}
* html #CESVA{margin: 10px 0 0 30px; padding: 0;}
#CESVA h2{width: 640px; font-size: 130%; font-weight: bold; color: #0167BB;}
#CESVA h2 img{vertical-align: middle;}
#CESVA h3{width: 640px; font-size: 100%; font-weight: bold; color: #0167BB;}
#CESVA h3 img{vertical-align: middle;}
#CESVA h4{font-size:100%; margin: 20px 0 0 20px; padding: 20px;}
#CESVA a{color: #004673;}
#CESVA p{font-size: 90%; margin: 20px; padding: 0;}
* html #CESVA p{ margin: 20px 0 20px 0; padding: 0;}
#CESVA dl{
	float: left;
	width: 610px;
	margin: 6px 20px;
	padding: 0 0 10px 0;
	display: inline;
	background: #FFF url(../CESVA_files/linia.gif) repeat-x bottom left;
}
* html #CESVA dl{margin:12px 20px;}
#CESVA dt{
	float: right;
	width: 480px;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 95%;
	font-weight: bold;
	background: url(../CESVA_files/fletxa_port.gif) no-repeat center left;
}
* html #CESVA dt{width: 485px; padding: 0 0 0 15px;}
#CESVA dd{
	float: right;
	width: 460px;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 85%;
	line-height:1.5em;
}
* html #CESVA dd{width: 465px;}
#CESVA dd.img img {
	margin: 0;
	padding: 5px;
}
#CESVA dd.img  {
	float: left;
	width: 90px;
}
/* --- CESVA Limiter Styles ------- */
#CESVAL{
	width: 640px;
	margin: 0;
	padding: 0 30px 0 30px;
	background: #FFF;
}
#CESVAL dl{
	float: left;
	width: 640px;
	margin: 6px 0 10px 0;
	padding: 0 0 10px 0;
	display: inline;
	background: url(../CESVA_files/linia.gif) repeat-x bottom left;
}
* html #CESVAL dl{margin:12px 0 10px 0;}
#CESVAL dt{
	float: left;
	margin: 0 0 0 40px;
	padding: 0  0 0 20px;
	font-size: 95%;
	font-weight: bold;
	background: url(../CESVA_files/fletxa_port.gif) no-repeat center left;
}
* html #CESVAL dt{margin: 0 0 0 35px; padding: 0 0 0 15px;}
#CESVAL dd{
	float: right;
	width: 600px;
	padding:  0 0 0 20px;
	font-size: 85%;
	line-height:1.5em;
}
* html #CESVAL dd{width: 555px;}
#CESVAL h4{font-size:100%; width: 630px; margin: 0; padding: 20px; background: #FFF;}

#summary{
	width: 580px;
    font-size: 75%;
	overflow: auto;
	margin: 20px 0 20px 40px ;
	padding: 0;
}
* html #summary{height:1%;}
#summary a{ width: 170px; float: left; text-align: center; margin: 0; padding: 1px;}
* html #summary a{width: 170px; margin: 0; padding: 1px;}
#summary ul{ width: 400px; float: right; margin: 0; padding: 0;}
#summary li{ text-align: left; margin: 0; padding: 2px 0 0 0;}
* html #summary ul{ width: 370px; margin: 0; padding-left: 20px; list-style: disc;}
* html #summary li{ padding-left: 3px;list-style: disc;}

#summaryL{ width: 580px; font-size: 75%; overflow: auto; margin: 20px 0 20px 60px ; padding: 0;}
* html #summaryL{ height:1%;}

#d-link { margin: 0 0 0 40px; padding: 0; width: 580px;}
#d-link a{
	float: right;
    font-size: 80%;
	margin: 0;
	padding: 0 ;
}
* html #d-link a{ font-size: 75%;}

#submenu {
	float: left;
	width: 580px;
	margin: 40px 0 20px 40px;
	padding: 0 ;
	list-style: none;
}
* html #submenu{
	width: 598px;
	margin: 30px 0 0 20px;
}
#submenu ul{
	float: left;
	margin: 0;
	padding: 0;
}

#submenu li{
	float: left;
	display: block;
	width: 114px;
	margin: 0;
	padding: 5px 0 8px 0;
	font-size: 70%;
	border-right: 1px solid #707094;
	background: url(../CESVA_files/pestnosel.gif) no-repeat top left;
}
* html #submenu li{
	width: 104px;
	margin: 0;
	padding: 5px 0 8px 0;
	background: url(../CESVA_files/pestnosel.gif) no-repeat top left;
}
#submenu a {
	margin: 0;
	padding: 5px 22px 8px 30px;
	text-decoration: none;
}
* html #submenu a {
	margin: 0;
	padding: 5px 25px 8px 31px;
	text-decoration: none;
}
#submenu li:hover , #submenu li.ssfhover {
	border-bottom: none;
	background: url(../CESVA_files/pestsel2.gif) no-repeat top left;
}
#submenu a:focus, #submenu  a.ssffocus {
	color: #003663;
	text-decoration: none;
	border-bottom: none;
	background: url(../CESVA_files/pestsel2.gif) no-repeat top left;
}
iframe {
	float: left;
	width: 553px;
	height: 400px;
	margin: 0;
	padding: 10px;
	border: 1px solid #707094;
	background: #FFF;
}
* html iframe{ width: 565px; }


#details{
	height: 100%;
	margin: 0;
	padding: 0;
	text-align:left;
	background: #FFF;
}
#details p{
    font-size: 85%;
	width: 90%;
	text-indent: 1cm;
	margin: 0 20px 0 20px;
	padding: 5px 0 5px 0;
}
#details img{
	margin: 10px;
}
#details dl{
    font-size: 85%;
	overflow: auto;
	margin: 10px 20px;
	padding: 0;
}
* html #details dl{
	margin: 10px 20px;
	padding: 10px 0 0 0;
}
#details dt{
	width: 25%;
	float: left;
	text-align: right;
	font-weight: bold;
	margin: 0;
	padding: 0 2% 0 0;
}
#details dd{
	width: 60%;
	float: left;
	margin: 0 ;
	padding: 0;
}
* html #details dd{
	margin: 0 ;
	padding: 0 0 0 5px;
}

#accat{
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;
}
* html #accat {margin: 0; padding: 0; width: 500px;}
#accat h3{text-align: left; font-size: 110%; color: #004673;}
* html #accat h3{float: left; margin: 0; padding: 10px 0 10px 0; font-size: 110%;}
#accat a{color: #0025A2; text-decoration: none;}
#accat p{
	font-size: 140%;
	font-weight: bold;
	color: #004673;
	text-align:left;
	margin: 10px 5px;
	padding: 0 0 10px;
}
#accat dl{
	width: 495px;
    font-size: 80%;
	overflow: auto;
	margin: 5px 20px;
	padding: 0 0 10px;
	background: url(../CESVA_files/linia.gif) repeat-x bottom left;
}
#accat dt{
	width: 55px;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#accat dd{
	width: 380px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
}
* html #accat dl{
	width: 500px;
    font-size: 100%;
	text-align:left;
	margin: 5px 10px ;
	padding: 5px 0 5px 0;;
}
* html #accat dt{
	width: 50px;
	float: left;
	text-align:left;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
* html #accat dd{
	width: 450px;
	float: right;
	font-size: 70%;
	margin: 0 ;
	padding: 0;
}

#CESVAsw{
	float: left;
	width: 520px;
    font-size: 80%;
	margin: 0;
	padding: 0;
	background: #FFF;
}
* html #CESVAsw {width: 500px; font-size: 80%;}
#CESVAsw dl{
	width: 520px;
	float: left;
	margin: 5px 10px 0 0;
	padding: 10px 0 10px 0;
	background: url(../CESVA_files/linia.gif) repeat-x bottom left;
}
* html #CESVAsw dl{width: 500px; padding: 3px 0 3px 0;}
#CESVAsw dt{
	float: right;
	width: 430px;
	text-align:left;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
}
* html #CESVAsw dt{width: 400px;}
#CESVAsw dd{
	float: right;
	width: 420px;
	text-align:left;
	margin: 0;
	padding: 0;
}
* html #CESVAsw dd{width: 390px; }
#CESVAsw dd.img {
	width: 80px;
	float: left;
}

/* Sinus Styles */
#SINUS{
	width: 620px;
	font-size: 9pt;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 40px 0 40px;
	background: #FFF ;
}
* html #SINUS{width: 700px; margin: 10px 0 0 30px; padding:0; }
#SINUS h2{
	width: 650px;
	text-align: left;
	margin: 0 ;
	padding: 10px 0 0 0;
	font-size: 120%;
	color: #007346;
}
* html #SINUS h2{font-size: 120%;}
#SINUS h2 img{vertical-align: middle;}
#SINUS h4{font-size: 110%; margin: 20px 0 0 0; padding: 20px;}
#SINUS p{line-height:1.5em; margin: 0; padding: 10px 20px 10px 20px;}
* html #SINUS p{ margin: 0; padding: 20px 0 20px 0;}
#SINUS img  {	margin: 0; padding: 5px;}
#SINUS table, #SINUS tr {border-collapse:collapse; margin: 0; padding: 0;}
* html #SINUS table{width: 640px;}
#SINUS td {margin: 0; padding: 2px 2px 2px 5px;}
#SINUS td.hurricaneImg {width: 180px;}
#SINUS ul {margin: 0; padding: 0 0 10px 20px;}
#SINUS ul li {
	margin: 0; padding: 0 0 0 25px;
	line-height:1.5em; list-style: none;
	background: url(../images/redball.gif) no-repeat 0% 3px;
	}
#dashLI ul li {
	margin: 0; padding: 0 0 0 25px;
	line-height:1.5em; list-style: none;
	background: url(../images/rdash.gif) no-repeat center left;}
.SINUSsubmenu {line-height:2em; vertical-align: top; width: 120px; margin: 0; padding: 0; font-weight: bold;}

table.SINUSspec { border-collapse: collapse; border-color: #111111;}
table.SINUSspec2{
	width:600px;
	border-collapse: collapse;
	background: #eeeeee;
	border: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	}
.SINUSspec2 td{ border: solid; border-width: 1px; border-color: #c0c0c0;}

* html .SINUSspec2 td{ border: solid; border-width: 1px; border-color: #c0c0c0;}
.SINUSspec3 {font-weight: bold; background: #deece2}
.new{font-size:110%; font-weight: bold; color: red; text-decoration: blink;}
#siWorkbench{margin: 0; padding: 0;}
#siWorkbench td{width: 50%; vertical-align: top;}
#siWorkbench dl{margin: 0; padding: 5px;}
#siWorkbench dt{ font-weight: bold; margin: 0; padding: 5px;}
#siWorkbench dd{ margin: 0; padding: 0 0 0 20px;	background: url(../images/redtr.gif) no-repeat 0% 3px;}

/* more general style hacks */
* html ul li a {height:1em;}
* html body{
	font-size: x-small;
	text-align:center;
	f\ont-size: small; /* for other IE Vers. */
}

.saveryCap {color: #CC0000;}
.savTechCap {color: #66E;}
.savTable {font-size: 85%; vertical-align: top}
.rShift {padding:0px 0px 10px 30px;}
.tblHead {vertical-align: middle; text-align: left; padding:10px 0px 10px 0px;}
.normalBold{font-weight:bold;}

/* --- Image Positioning Styles --- */
img.top {display: block; margin-left: auto; margin-right: auto; vertical-align:text-top}
img.mid {vertical-align:middle}
img.bottom {display: block; margin-left: auto; margin-right: auto; vertical-align:text-bottom}
img.tb {display: block; margin-left: auto; margin-right: auto; vertical-align:bottom; }
img.tl {vertical-align:text-top}


a:link {color: #009900; text-decoration: none; }
a:visited {color: #669966; text-decoration: none;}
a:hover {color: #CCCCCC; text-decoration: none;}
a:active {text-decoration: none; }