﻿/***Default Styles***/
html {}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	background: url('../images/main_background.jpg');
	width: 100%;
	margin: 0 auto 30px auto;
}


/***Paragraph***/
p {padding: 0.5em;}


/***Anchors***/
a img {border:none;}
a:link, a:visited {
	color: #fff;
	text-decoration: none;}
a:active {color: #f00;}
a:hover {
	color: #fff;
	text-decoration: underline;}
#footerNav ul li a:hover{
	color: #f00;
	text-decoration: underline;}

/***Headers***/
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4, h5, h6 {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3px 0;}


/***Forms, Form Fields & Fieldsets***/
form, select, input {
	display: inline;
	font-size: 1em;
	margin: 0.1em;}
textarea {
	margin: auto;
	display: block;
	width: 95%;}
/*
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;}
*/
fieldset {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;}
legend {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0.3em;}
	
	
/***Labels***/
label, h4.optionName {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.5em;
	padding: 0.2em;}
label.checkboxLabel, label.radioButtonLabel {
	font-weight: normal;
	margin: 0.5em 0.3em;}
label.inputLabel{
	width: 8em;
	float: left;}
label.selectLabel{
	width: 12em;
	float: left;}


/***Address***/
address {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.8em;
	padding: 0.5em;
	font-style: normal;
	text-align: center;
	display: block;
	margin: auto;}


/***Warnings, Errors & Messages***/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;}
.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;}
.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;}


/***Page & Section Wrappers***/
#mainWrapper {
	background: url('../images/wrapper_background.jpg');
	text-align: left;
	width: 1000px;
	vertical-align: top;}
#headerWrapper {
	background: #fff;
	border: 1px #111;
	height: 146px;}
#contentWrapper {
	border-collapse: collapse;
	font-size: 1em;
	background: url('../images/wrapper_background.jpg');
	border: 1px #fff solid;
	width: 100%;}
#LeftWrapper {
	background-color: transparent;
	width: 150px;}
#navLeftWrapper {
	margin: 1em 1.5em;}
#contentLeft, #contentRight, #contentSingle {
	vertical-align: top;
	width: auto;
	width: 50%;}
#contentSingle {
	width: 100%;}
#footerNavWrapper {
	margin: 0em;
	background-color: #fff;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #000;
	border: 1px #111;
	height: 1%;}
/*#contentLeft {width: 400px;}*/
#LeftWrapper, #contentLeft {border-right: 1px #fff solid;}
#LeftWrapper, #contentLeft, #contentRight {vertical-align: top;}
#headerWrapper, #contentWrapper, #mainWrapper, 
#contentWrapper, #leftWrapper {
	margin: 0em;
	padding: 0em;}
#headerWrapper, #contentWrapper, #mainWrapper, 
#contentRightWrapper, #contentRight, #leftWrapper {margin: auto;}


/***Main Content***/
#LeftNavWrapper, .content {padding: 0.5em;}


/***Navigation***/
#navigation {
	text-align: left;
	display: block;}
#nav {
	margin: 0;
	padding: 0;
	position: relative;
	list-style:none;}
#nav li {width: 141px; text-indent: -5000px;}
#nav-home a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px 0px;
	width: 141px;
	height: 31px;}
#nav-about a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px -31px;
	width: 141px;
	height: 28px;}
#nav-services a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px -59px;
	width: 141px;
	height: 28px;}
#nav-equipment a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px -87px;
	width: 141px;
	height: 28px;}
#nav-enduser a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px -115px;
	width: 141px;
	height: 28px;}
#nav-contact a {
	display: block;
	background: transparent url('../images/nav/navigation.png') no-repeat 0px -143px;
	width: 141px;
	height: 28px;}
#nav-home a:hover {background-position: -282px 0px;}
#nav-about a:hover {background-position: -282px -31px;}
#nav-services a:hover {background-position: -282px -59px;}
#nav-equipment a:hover {background-position: -282px -87px;}
#nav-enduser a:hover {background-position: -282px -115px;}
#nav-contact a:hover {background-position: -282px -143px;}

.home #nav-home a {background-position: -141px 0px;}
.about #nav-about a {background-position: -141px -31px;}
.services #nav-services a {background-position: -141px -59px;}
.equipment #nav-equipment a {background-position: -141px -87px;}
.enduser #nav-enduser a {background-position: -141px -115px;}
.contact #nav-contact a {background-position: -141px -143px;}
#footerNav ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;}
#footerNav ul li {display: inline;}
#footerNav ul li a {
	font-weight: 700;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #000;
	white-space: nowrap;}
#siteinfoLegal a{color: #c0c0c0;}


/***Misc Properties**/
.back {float: left;}
.forward {float: right;}
.clearBoth {clear: both;}
.advisory {}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	vertical-align: top;}
.important {font-weight: bold;}
.larger {font-size: 1.1em;}
.biggerText {font-size: 1.3em;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;}
.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;}
.hiddenField {display: none;}
.visibleField {display: inline;}
.information {padding: 10px 3px; line-height: 150%;}
.buttonRow {margin: 0.5em;}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.75em;}



/***Added for all sections that require centered text***/
th, .center, .centeredContent, #siteinfoLegal, #siteinfoIP {
	text-align: center;}
