@charset "utf-8";

/*===========================================================================*/
/* Global TAGS */
body {
	background-color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
}
table {
	border-collapse:collapse;
}
.table-center {
	text-align: center;
}

/*===========================================================================*/
/* COLORS */
/* Should be eliminated... */
.color-lime {
	color: #00FF00;
}
.color-lt-gray {
	color: #CCCCCC;
}

.color-lime-bold {
	color:#00FF00;
	font-weight:bold;
}
.color-green {
	color: #00CC00;
}
.color-gray {
	color: #cccccc;
}
.color-dkgray {
	color: #999999;
}
.underline {
	text-decoration: underline;
}

/*===========================================================================*/
/* LINKS */
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #CCCCCC;
	font-size: small;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;
	font-size: small;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: small;
	color: #00FF00;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* Links for logon page */
a.x-small:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#33FF00;
	font-size: x-small;
}
a.x-small:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00FF00;
	text-decoration: underline;
	font-size: x-small;
}
a.x-small:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: small;
	color:#CCCCCC;
}
a.x-small:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/* Links for password page */
a.small-green:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#33FF00;
	font-size: small;
}
a.small-green:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00FF00;
	text-decoration: underline;
	font-size: small;
}
a.small-green:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: small;
	color:#CCCCCC;
}
a.small-green:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* X-Large links */
a.x-large:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #00FF00;
	font-size: x-large;
}
a.x-large:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00FF00;
	text-decoration: underline;
	font-size: x-large;
}
a.x-large:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: x-large;
	color:#FFFF00;
}
a.x-large:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
}

/*===========================================================================*/
/* ROOT DIVS */
/* These are the main sections included in the 'main' template. */
#wrapper {
	text-align: left;
	width: 760px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #CCCCCC;
}
#header {
	margin-top: 12px;
	margin-bottom: 0px;
}
#logo {
	height: 71px;
	padding-bottom: 0px;
}
#nav {
	padding-top: 0px;
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#content {
	margin-top: 0px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #FFFFFF; /* grey */
}
#footer {
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	text-align: center;
	padding-top: 14px;
}
/*===========================================================================*/
/* BANNER DIVS */
/* These are divs used to form the Home Page banner in 'index.html' */
table.index_table{
	margin-top: 12px;
	width: 760px;
	background-image: url(../images/banner_3.jpg);
	display: block;
	border-collapse:collapse;
	border: 1px solid #FFFFFF;
}

.index_table td{
	border-collapse:collapse;
	border: 1px solid #FFFFFF;
}

.index_table th{
	border-collapse:collapse;
	border: 1px solid #FFFFFF;
	font-size: large;
	color: lime;
}

a.green_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#33FF00;
	font-size: small;
}
a.green_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00FF00;
	text-decoration: underline;
	font-size: small;
}
a.green_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: small;
	color:#CCCCCC;
}
a.green_link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
a.yellow_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#FFFF33;
	font-size: small;
}
a.yellow_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFF00;
	text-decoration: underline;
	font-size: small;
}
a.yellow_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: small;
	color:#FFFFFF;
}
a.yellow_link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.xlarge_bold {
	font-size: x-large;
	font-weight: bold;
}
#stedss {
	margin-top: 12px;
	height: 350px;
	width: 760px;
	background-image: url(../images/banner_2.jpg);
	display: block;
}
#stedss_faq {
	margin-top: 12px;
	width: 760px;
	background-image: url(../images/banner_2.jpg);
	display: block;
}
#maint {
	margin-top: 12px;
	height: 500px;
	/* width: 760px; */
	background-image: none;
	display: block;
}
#logon {
	margin-top: 12px;
	height: 305px;
	width: 760px;
	background-image: url(../images/banner.jpg);
	display: block;
}
#banner_gyro_ad {
	margin-top: 12px;
	height: 516px;
	width: 760px;
	/* background-image: url(../images/clouds_bkgnd.jpg); */
	display: block;
}
#index_gyro_ad {
	margin-top: 12px;
	height: 516px;
	width: 760px;
	background-image: url(../images/clouds_bkgnd_brdr.jpg);
	display: block;
}
#banner-wrapper {
	margin-top: 12px;
	height: 305px;
	width: 760px;
	background-image: url(../images/banner-sky.jpg);
}
#banner-col-lf {
	vertical-align: middle;
	color: #CCCCCC;
	float: left;
	width: 275px;
	height: 175px;
	margin-top: 12px;
}
#banner-col-rt {
	text-align: left;
	margin-right: 0px;
	float: right;
	width: 465px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
}
#banner-foot {
	text-align: center;
	margin-top: 12px;
	color: #FFFFFF;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}
/*===========================================================================*/
/* MISCELLANEOUS */
#equipment {	/* Used in 'index.html' to contain pics & headings of prods */
	margin-top: 6px;
}
#enlargement {	/* Used in all ENL pages to contain enlargement pic */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 24px;
	padding-bottom: 0px;
	text-align: center;
}
/*===========================================================================*/
/* Generic section (div) formatting */
.section {
}
.section-top12 {
	text-align: left;
	margin-top: 12px;
	clear: both;
}
.section-border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	clear: both;
}

.section-top-border {
	margin-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 6px;
	clear: both;
}
.section-both-border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 12px;
	clear: both;
	margin-bottom: 12px;
	padding-top: 6px;
}


.section-both12 {
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
	padding-top: 6px;
}
.section-bottom12 {
	margin-bottom: 12px;
}
.section-bottom24 {
	margin-bottom: 24px;
}

.section-col-lf350 {
	float: left;
	width: 350px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.section-col-lf230 {
	float: left;
	width: 230px;
}
.section-col-rt350 {
	width: 350px;
	float: right;
}
.section-col-rt230 {
	width: 230px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 12px;
}
.section-col-mid230 {
	margin-right: 235px;
	margin-left: 235px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 12px;
}
.section-middle12 {
	text-align: center;
	margin-top: 12px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
}
.section-center {
	text-align: center;
}
/*===========================================================================*/
/* TAGS */
.header {
	font-size: x-large;
	color: lime;
}
.header1 {
	font-size: medium;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header2 {
	font-size: large;
	color: lime;
}
.header3 {
	font-size: medium;
	color: lime;
}

.header-table-left {
	font-size: medium;
	color: lime;
	text-align: left;
	padding-bottom: 3px;
}
.header-table {
	font-size: medium;
	color: #00FF00;
}
/*===========================================================================*/
/* PHOTO */
/* General purpose image formating */
.photo-border {
	border: thin solid #CCCCCC;
}
.photo-noborder {
	border: 0;
}
.photo-border-white {
	border: 1px solid white;
	margin-top: 6px;
	margin-bottom: 6px;
}
.photo-border-yellow {
	border: 1px solid yellow;
	margin-top: 6px;
	margin-bottom: 6px;
}
.photo-border-green {
	border: 1px solid lime;
	margin-top: 6px;
	margin-bottom: 6px;
}


.photo-border-gray {
	border: 1px solid #999999;
	margin-top: 6px;
	margin-bottom: 6px;
}
.photo-left {
	float: left;
	margin-bottom: 10px;
	border: 1px solid #999999;
	margin-right: 15px;
}
.photo-left-noborder {
	float: left;
	margin-bottom: 5px;
	margin-right: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*===========================================================================*/
/* TEXT */
.body-text-gray {
	color: #CCCCCC;
}
.body-text-medium {
	font-size: medium;
}

.footer-text {
	font-size: x-small;
}
.col-text {
	margin-left: 16px;
	margin-top: 18px;
}
/*===========================================================================*/
/* Generic table formatting */
/* Borders */
.border-top {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
}