body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0px none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {}

:link, :visited {text-decoration: none; }
 
ul, ol {list-style: none;}
 
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {margin: 0;padding: 0;}

a img, :link img, :visited img {border: none;}
 
address {font-style: normal;}
/*End Defaults*/


/*COLORS	sea blue #099ebc;		#yellow			orange #f26f25;			gry #bbb;		lt gry #ddd;	*/

.left {
	position: relative;
	float: left;
	}
.right {
	position: relative;
	float: right;
	}
.mid {
	position: relative;
	}

body {background-color: #099ebc; font-family: tahoma; }
#wrap {
	position: relative;
	width: 760px;
	margin: auto; 
	}
h1 {color: white; text-align: center; padding: 4px; }
h4 {text-align: center; }
#sulfur {position: relative; left: 300px; }
#header {
	background: url('/images/GlobalSystecs_sm1-rev.gif') no-repeat;
	background-color: white;
	width: 100%;
	height: 150px;
	}
div#content {position: relative; }
#contentpic {position: relative; left: 160px; top: 10px; }
div#pageinfo {position: relative; float: right; width: 78%; padding: 4px; font-size: .9em; background-color: white;}

#segmenttable {width: 100%; font-size: .8em; background-color: yellow; }
#segmenttable a {color: black;}
#segmenttable a:hover {background-color: white;}
ul#reqinfo {margin: 20px; list-style-type: disc;}
table#segexample {width: 100%; background-color: yellow; }
#segexample td {width: 18%;}


.highlight {background-color: yellow; margin-left: 25%; }
.segstyles {width: 100%; text-align: center;}
.segstyles2 {width: 100%; text-align: center; font-size: .7em; }

#forms {background-color: black; border-top: 5px solid white;}
#forms li {text-align: center; padding-bottom: 4px;}
#forms a {color: white; }
#forms a:hover {color: yellow;}
#forms h4 {color: white; font-weight: bold; text-decoration: underline;}

ul.navbar {position: relative; float: left; width: 20%; text-align: left; font-size: .75em; }
ul#forms {position: relative; clear: left; width: 20%; text-align: left; font-size: .75em; }

a.menubutton {display: block; color: black; padding: 4px 4px 4px 10px; border-top: 1px solid white; background-color: #dddddd; }
a.menubuttonon {display: block; color: black; font-weight: bold; padding: 4px 4px 4px 10px; border-top: 1px solid white; background-color: yellow; }
a.menubutton:hover, a.menubutton2:hover {display: block; color: white; background-color: #f26f25; }
a.menubutton2 {display: block; color: black; padding: 4px 4px 4px 10px; border-top: 1px solid white; background-color: #bbbbbb; }

.newlink {
	background: #aaa;
	}
	
a#toolslink {position: relative; color: black; padding: 4px; background-color: #dddddd; margin-left: 18%; }
a#toolslink:hover {position: relative; color: white; background-color: #f26f25; margin-left: 18%; }

#footer {position: relative; float: right; width: 78%; font-size: .8em; text-align: center; background-color: yellow; top: 0px; 
	border-top: 1px solid black; border-bottom: 1px solid black; padding: 4px; }
	
#dist_class {
	position: relative;
	margin: 20px 0px 0px 20px;
	font-size: 1.3em;
	}	
#distrib_links {
	position: relative;
	left: 20px;
	height: 80px;
	width: 550px;
	background: url('images/systec_dist_links.png') no-repeat 0px -90px;
	}
#distrib_links li {
	position: absolute;
	}
#distrib_links li a {
	position: absolute;
	display: block;
	height: 80px; 
	width: 68px;
	}
#dist_a a {
	position: absolute;
	left: -5px;
	}
#dist_b a {
	position: absolute;
	left: 75px;
	}
#dist_c a {
	position: absolute;
	left: 155px;
	}
#dist_d a {
	position: absolute;
	left: 235px;
	}
#dist_e a {
	position: absolute;
	left: 315px;
	}
#dist_f a {
	position: absolute;
	left: 395px;
	}
#dist_g a {
	position: absolute;
	left: 475px;
	}
	
#dist_a a:hover {
	background: url('images/systec_dist_links.png') no-repeat 5px -1px;
	}
#dist_b a:hover {
	background: url('images/systec_dist_links.png') no-repeat -75px -1px;
	}
#dist_c a:hover {
	background: url('images/systec_dist_links.png') no-repeat -153px -1px;
	}
#dist_d a:hover {
	background: url('images/systec_dist_links.png') no-repeat -233px -1px;
	}
#dist_e a:hover {
	background: url('images/systec_dist_links.png') no-repeat -315px -1px;
	}
#dist_f a:hover {
	background: url('images/systec_dist_links.png') no-repeat -395px -1px;
	}
#dist_g a:hover {
	background: url('images/systec_dist_links.png') no-repeat -475px -1px;
	}