/* CSS Document */

/*Layout styles, floats, etc*/
html {
	margin:0;
	padding:0;
	width:100%
	}	
	
body {
	margin:0;
	padding:0;
	width:100%;

	voice-family:"\"}\"";
	voice-family:inherit; /*Box Model Hack to accomodate IE5/Win*/
	font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; font-size:small;
	
	scrollbar-highlight-color:#CCFDCC;
	scrollbar-highlight-color:#00AA00;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#CCFDCC;
	scrollbar-face-color:#009000;
	scrollbar-arrow-color:#CCFDCC;
	}
html>body { /*Be nice to Opera*/
	font-size:small;
	}
/*Anyone wishing to overide lowering of body text is welcome to add the following rule to their user style sheet
body {font-size: medium !important; line-height: normal !important;}
*/

#left {
	position: absolute;
	margin-top:115px;
	margin-left: 135px;
	
	left:0px;
	top:0px;
	right:0px;
	width:180px;
}

#left h1, h6 {
	position: relative;
	color: #24B6C6;
	padding-top: 2px;
	padding-bottom:4px;
	text-align: center;
	text-indent: 10px;
	font: normal 12px "MS Sans Serif", Terminal, Courier, "Times New Roman";
	text-transform: uppercase;
}

#center {
	margin-top:92px;
	margin-left: 315px;
	left:0px;
	top:0px;
	right:0px;
	width:600px;
	text-indent: 0px;
	text-align: justify;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #3A3A3A;
}
#center p {
	/*margin: 0px;
	padding-top: 3px;
	text-indent: 0px;*/
	text-indent: 0px;
}
#stitle {
	position: relative;
	color: #009900;
	background-color: #C8FDCC;
	padding-top: 3px;
	font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-indent: 10px;
	right: 1px;
	width: 545px;
	height: 15px;
	border: 1px solid #008000
}
#center h2 {
		/*position: relative;*/
		clear: both;
	color: #009900;
	background-color: #C8FDCC;
	padding-top: 2px;
	padding-bottom:2px;
	font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-indent: 10px;
	width: 602px;
	/*height: 15px;*/
	border: 1px solid #008000;
	vertical-align=middle;
	font: bolder 15px Georgia, "Times New Roman", Times, serif;
}
html>body #center h2 { /*Be nice to Opera*/
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	margin-top: 10px;
	width: 600px;
	font: 15px/bolder Georgia, "Times New Roman", Times, serif
	}
#center div.sn {
	height: 20px;
	
	background-color: #efFfFF;
	border: 1px dotted #FF0000;
	margin: 0px;
	padding: 0px;
}	
#center h3 {
	position: relative;
	color: #009900;
	padding-top: 2px;
	padding-bottom:4px;
	text-align: left;
	text-indent: 10px;
	font: bolder 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}

#center li {
	list-style-image: url('images/subarrow.gif');
	text-align: left;
	margin: 0px;
	padding: 0px;
}
html>body #center li {
	text-indent: 20px;
	list-style-position: inside

}
#center ul { 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
}
html>body #center ul { /*Be nice to Opera*/
	padding-bottom: 0px;
	padding-left: 0px;
}

#center a:link {
	color: #FF9900;
	font-weight: 900;
	background-color: transparent;
	text-decoration: none;
}
#center a:visited {
	color: #3A3A3A;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
}
#center a:active {
	color: #3A3A3A;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
}
#center a:hover {
	color: #FF0000;
	font-weight: 900;
	background-color: #ff0;
	text-decoration: none
}
div.floatt {
	margin-top: 5px;
	float: left;
	text-align: center;
  }
#mmenu {
	margin:0px;
	right:0px;
	padding:0px;
	border:0px;
	left:0px;
	position:absolute;
	width:0px;
	height:0px;
	line-height:0px;
	list-style: none;
	list-style-position: inside;
	table-layout: fixed;
	text-align:left;
	margin-top: 0px;
	float: left;
  }
div.floatt p {
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 5px;
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }

div.floatR {
	margin-top: 5px;
	float: right;
	text-align: center;
  }
div.floatR p {
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 5px;
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }
  
div.float {
	width: 100%;
	margin-top: 20px;
	float: left;
	text-align: center;
  }
div.float p {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 15px;
	padding-top: 3px;  
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }
div.float50 {
	width: 50%;
	margin-top: 20px;
	float: left;
	text-align: center;
  }
div.float50 p {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 15px;	
	padding-top: 3px;
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }
div.float22, div.float44 {
	width: 21%;
	margin-top: 20px;
	float: left;
	text-align: center;
	padding-bottom: 10px;
  } 
div.float22 {
	width: 21%;
} 
div.float44 {
	width: 43%;
} 
div.float22 p {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 15px;	
	padding-top: 3px;
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }
div.float16 {
	width: 16%;
	margin-top: 20px;
	float: left;
	text-align: center;
	padding-bottom: 10px;
  }  
div.float16 p {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 15px;	
	padding-top: 3px;
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   color: #00CC00
   }

div.right {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin=0px;
	float: right;
	text-align: center;
  }
div.right p {
   font: Arial, Helvetica, sans-serif;
   font: normal 85%/1.4em Georgia, "Times New Roman", Times, serif;
   font: normal 85%/1.4em Arial, Helvetica, sans-serif;
   color: #00CC00
   }
#logo {
	background-image: url('images/logos/hss.gif');
	width: 180px;
	height: 113px
}
#header {
	width: 100%;
	background-color: #009000;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: oblique;
	font-weight: bold;
	color: #00ff00;
	text-align: center;
	text-transform: lowercase;
	vertical-align: middle;
	letter-spacing: 3pt
}
#header a:link {
	color: #0f0;
	background-color: transparent;
	text-decoration: none;
}
#header a:visited {
	color: #ccc;
	background-color: transparent;
	text-decoration: none;
}
#header a:active {
	color: #0f0;
	background-color: transparent;
	text-decoration: none;
}
#header a:hover {
	color: #0f0;
	font-weight: 900;
	background-color: transparent;
	text-decoration: none
}
#title {
	color: #009900;
	background-color: #C8FDCC;
	width: 602px;
	padding-top: 15px;
	border: 1px solid #008000;
	text-align: center;
	font: 10px/normal Georgia, "Times New Roman", Times, serif;	
	/*position: relative*/
}
html>body #title { /*Be nice to Opera*/
	padding-top: 0px;
	padding-bottom: 0px;
	width: 600px;
	font: 13px/normal Georgia, "Times New Roman", Times, serif
	}
#bc {
    
	font: 10px Verdana;
	border: 1px dotted #FF0000;
	background: #FFFF00;
	margin: 2px 0px 2px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;	
	text-align: left;
	width: 602px;
}

html>body #bc { /*Be nice to Opera*/
	width: 596px;
	}

#bc a:link {
	color: #009000;
	background-color: transparent;
	text-decoration: none;
}
#bc a:visited {
	color: #ccc;
	background-color: transparent;
	text-decoration: none;
}

#bc a:active {
	color: #009000;
	background-color: transparent;
	text-decoration: none;
}

#bc a:hover {
	color: #0f0;
	font-weight: 900;
	background-color: transparent;
	text-decoration: none
}
#mytable {
	
	width: 500px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 0px 0;
	width: 500px;	 
	font: italic 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	background: #CAE8EA url('images/bg_header.jpg') no-repeat; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:3px; padding-top:1px; padding-bottom:1px
}
th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

mytable.td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 1px 3px 1px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #017e72
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	font-style: italic;
	padding-top: 0px;
	padding-bottom:0px;
}
td.altemp {
	background: #F5FAFA;
	background: #ff0000;
	color: #017e72
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	font-style: italic;
	padding-top: 0px;
	padding-bottom:0px;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('images/bullet1.gif') no-repeat;
	font: bold normal 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}
#titlex {
	color: #009900;
	background-color: #C8FDCC;
	width: 602px;
	padding-top: 15px;
	border: 1px solid #008000;
	text-align: center;
	font: 10px/normal Georgia, "Times New Roman", Times, serif;
}
html>body #titlex { /*Be nice to Opera*/
	padding-top: 0px;
	padding-bottom: 0px;
	width: 600px;
	font: 13px/normal Georgia, "Times New Roman", Times, serif
	}
#footer {
	/*display: table;*/
	clear: both;
	width: 100%;
	height: 14px;
	color: #009000;
	font-size: 9px;
	background-color: #009000;
	text-align: center;
	letter-spacing: 4px;
	/*vertical-align: middle;*/
	margin-top: 15px;
	border-style: solid none;
	border-top-width: 4px;
	border-bottom-width: 4px;
	}

#footer a {
clear: none;
	position: relative;
	color: #0f0;
	background-color: transparent;
	text-decoration: none;
}
#footer a:visited {
	color: #ccc;
	background-color: transparent;
	text-decoration: none;
}
#footer a:active {
	color: #0f0;
	background-color: transparent;
	text-decoration: none;
}
#footer a:hover {
	color: #ff0;
	font-weight: bold
}

.email a {
	float: left;
	width: 50px;
	height: 13px;
	margin-left: 5px;
	background: url(images/rm.gif) no-repeat center center;
}
.email a:active {
	background-image: url('images/rm.gif')
}
.email a:hover {
	background-image: url('images/ym.gif')
}
#satellite-logo {
	width: 100%;
	padding-left: 42px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.containerSearch {
	width: 162px;
	margin: 10px;
}
.containerAdSense {
	margin-left: 29px;
	margin-top: 100px;
	margin-right: 20px;
	width: 100%;
	background-image: none;
	background-repeat: no-repeat;
	/*background-color: #D4D0C8;
	background-position: left top;*/
}
.a_b{
background-image:url(images/paper-clip-note.jpg);
background-repeat: no-repeat;
float:right;
position:relative;
bottom: 22px;
height:240px;
width:189px;
}
/* set background images for corners */
.rbroundbox { background: url('images/simple_background.gif'); }
.rbtop div  { background: url('images/simple_top_left.gif') no-repeat top left; }
.rbtop      { background: url('images/simple_top_right.gif') no-repeat top right; }
.rbbot div  { background: url('images/simple_bottom_left.gif') no-repeat bottom left; }
.rbbot      { background: url('images/simple_bottom_right.gif') no-repeat bottom right; }
/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { 
margin: 0 8px;
font: 10px Verdana; }
.rbroundbox { width: 20em; /*margin: auto;*/
float: right;
		margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin: 0px;
 }
 html>body .rbroundbox {
 }
.rbroundbox li {
	list-style-image: url(images/subarrow.gif);
	margin: 0px;
	padding: 0px;
	text-align: left
}

/* set background images for corners */
.rbroundbox { background: url(images/simple_background.gif) repeat; }
.rbtop div  { background: url(images/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(images/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(images/simple_bottom_right.gif) no-repeat bottom right; }
/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 8px;
font: 10px Verdana; }
.rbroundbox { width: 20em; margin: auto;
float: right;
		margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
 }
 



/* second example */

 /* set background images for corners */
#secondexample .rbroundbox    { background: url('images/corners_bg.gif'); }

#secondexample .rbtop         { background: url('images/corners_top.gif') repeat-x; }
#secondexample .rbtop div     { background: url('images/corners_top_left.gif') no-repeat top left; }
#secondexample .rbtop div div { background: url('images/corners_top_right.gif') no-repeat top right; }

#secondexample .rbbot         { background: url('images/corners_bottom.gif') repeat-x; }
#secondexample .rbbot div     { background: url('images/corners_bottom_left.gif') no-repeat top left; }
#secondexample .rbbot div div { background: url('images/corners_bottom_right.gif') no-repeat top right; }

#secondexample .rbcontentwrap { background: url('images/corners_left.gif') repeat-y; }
#secondexample .rbcontent     { background: url('images/corners_right.gif') repeat-y right; }

#secondexample {
	top: 100px;
	right: 0px;
	width: 520px;
	padding: 0;
	margin: 0;
}
 
/* height and width details */
#secondexample .rbtop div, #secondexample .rbtop, #secondexample .rbbot div, #secondexample .rbbot {
	width: 100%;
	height: 26px;
	font-size: 1px;
}
#secondexample .rbcontent  { padding: 1px 2em; margin: 0;  }
#secondexample .rbroundbox { width: 520px;  }

#center h4 {
	padding-bottom: 4px;
	text-align: center;
	color: #009900;
	padding-right: 0px;
	padding: 0px;
	margin: 0px;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Georgia, Times New Roman, Times, serif;
}
html>body #center h4 {
	padding: 0px;
	margin: 0px;

}


div.floatpdf {
	float: left;
	width: 25%;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;
	margin: 0px;

}
div.floatpdf p {
	height: 99%;
	width: 25%;
	text-align: justify;
	margin-top: 20px;
	text-indent: 0px;
	font: Arial, Helvetica, sans-serif;
	color: #009900;
	
}
div.containerpdf {
display: table;
	clear: both;
	width: 100%;
	font-size: 10px;
	text-indent: 0px;
	margin: 0px;
	background: #E8FBBB;
}
html>body div.containerpdf {
	font-size: 11px;

}

div.floatpdfleft {

	float: left;
	width: 50%;
}
div.floatacr {
	float: left;
	width: 25%;
	padding: 2px;
	margin-top: 25px;
	vertical-align: middle;
}
div.floatacr p {
	height: 99%;
	text-align: justify;
	text-indent: 0px;
	font: normal xx-small Arial, Helvetica, sans-serif;
	color: #009900;
	padding: 2px;
	margin: 5px 1px;
}
.map a {
	float: right;
	position: relative;
	margin-right: 2px;
	width: 80px;
	height: 13px;
	background: url(images/rsm.jpg) no-repeat;
	background-position: right;
}
.map a:active {
	background-image: url('images/ysm.jpg')
}
.map a:hover {
	background-image: url('images/ysm.jpg')
}
.gb a, .fr a, .es a, .ru a, .de a, .cn a {
	float: left;
	position: relative;
	margin-right: 2px;
	width: 34px;
	height: 30px;
	background-image: url(images/gb.png);
	background-repeat:no-repeat;
}
.gb a:active {
    background-image: url('images/gb.png');
}
.gb a:hover {
    background-image: url('images/gbp.png');
}
.fr a {
	background-image: url('images/fr.png');
}
.fr a:active {
	background-image: url('images/frp.png');
}
.fr a:hover {
	background-image: url('images/frp.png');
}
.es a {
	background-image: url('images/es.png');
}
.es a:active {
	background-image: url('images/esp.png');
}
.es a:hover {
	background-image: url('images/esp.png');
}
.ru a {
	background-image: url('images/ru.png');
}
.ru a:active {
	background-image: url('images/rup.png');
}
.ru a:hover {
	background-image: url('images/rup.png');
}
.cn a {
	background-image: url('images/cn.png');
}
.cn a:active {
	background-image: url('images/cnp.png');
}
.cn a:hover {
	background-image: url('images/cnp.png');
}
.de a {
	background-image: url('images/de.png');
}
.de a:active {
	background-image: url('images/de.png');
}
.de a:hover {
	background-image: url('images/de.png');
}
#lang {
	padding-bottom: 40px;
}
#footercont {
	display: table;
	clear: both;
	width: 100%;
	/*text-indent: 0px;*/
		color: #009900;
	font-size: 9px;
	background-color: #009000;
	padding: 1px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;*/	
	vertical-align: middle;
	letter-spacing: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footercont a {
/*clear: none;*/
	/*position: relative;*/
	
	color: #0f0;
	background-color: transparent;
	text-decoration: none;
}
#footercont a:visited {
	color: #ccc;
}
#footercont a:active {
	color: #0f0;
}
#footercont a:hover {
	color: #ff0;
	font-weight: bold
}
div.float15 {
	width: 15%;
	float: left;	
  }  
div.float68 {
	width: 70%;
	float: left;
	text-align: center;	
  }  
  
#center h5 {
	margin-bottom: 0px;
	clear: both;
	color: #009900;
	padding-top: 3px;
	width: 602px;
	height: 25px;
	vertical-align=middle;
	background: url(images/navigation-green.jpg) no-repeat;
}

.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-2-aaB-aa,
.columns-2-Abb-A,
.columns-2-AB-A {
float: left;
}
.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaB-B,
.columns-2-AB-B,
.columns-2-AB-C {
float: right;
}
.columns-2-AB-A,
.columns-2-AB-C {
	width: 10%;
	text-align: center;
	vertical-align: middle;
}
.columns-2-AB-B {
	width: 80%;
	text-align: center;
	vertical-align: middle;
}
.columns-2-Abb-A,
.columns-2-aaB-B
{ 
width: 64%;
}
.columns-2-Abb-bb,
.columns-2-aaB-aa
{ 
width: 32%;
}
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C {
width: 30%;
}
.columns-3-ABC-B {
margin-left: 5%;
}
/* Safari floors percentages instead of rounding, so this helps with balanced columns */
/* \*/
::root .columns-3-ABC-B,
::root .columns-3-aaBC-B,
::root .columns-3-ABcc-B,
::root .columns-4-ABCD-B,
::root .columns-4-ABCD-C 
{
position: relative;
left: 1px;
}
/* */
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C
{
width:34%;
}
.columns-3-ABcc-cc,
.columns-3-aaBC-aa
{
width:26%;
}
.columns-3-ABcc-B,
.columns-3-aaBC-B {
margin-left: 3%;
}
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C, 
.columns-4-ABCD-D {
width: 22%;
}
.columns-4-ABCD-B,
.columns-4-ABCD-C {
margin-left: 4%;
}