body { 
	margin: 0px; 
	background-color: #0A317A; 
	background-image:url(/images/background.jpg); 
	background-position:top; }

ul {
	margin-top: 0px;}

li { 
	list-style-position: inline; 
	line-height:24px;  
	font-size:16px; 
	margin-left: -15px; }

h1 { 
	margin:0 0 2px 0; 
	font-size:24px; 
	color:#003366; 
	font-weight: bold;}

h2 { 
	color: #0066CC; 
	font-size:16px;}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: underline;}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;}

img {
	border:0px}

p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	line-height:24px; 
	color:#000000;}

div.clearIt {
    clear: both;
    height: 0;  /* only necessary for IE */
    margin: 0;
    padding: 0;}

/* classes */

.pageTitle {
	margin-top:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #002F5E;}
	
.whiteText {color:white;}

.blueText {color: #0066CC;}

.greenText {color:#009933;}

.redText {color: #990000;}

.underlineText {text-decoration:underline;}

.largeText {font-size:18px;}

.tanRow {background-color:#EBEBD6;}

.boxText { 
	color:#FFFFFF;
	margin:60px 0 0 0; 
	height:84px;}
	
.faqLink:Link {text-decoration:none; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	
.faqQuestion{
	font-weight: bold;}

.faqAnswer{
	margin:0 0 20px 20px;}
	
	

/* IDs */

#container {
	width: 900px; 
	margin: 0 auto;}
	
#header {
	width: 900px; 
	height:225px; 
	background-image:url(/images/header.jpg); 
	background-repeat:no-repeat; 
	margin: 0 auto;}
	
#topMenuSpace {
	padding: 184px 20px 0 14px;}
	
.topMenuItem {
	float:left;}
	
.topMenuLink {
	color:white; 
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; }
	
.topMenuLink:visited {
	color:white; 
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; }
	
#contentTop {
	width:900px; 
	height:25px; 
	background-image:url(/images/contentTop.png); 
	background-repeat:no-repeat;}

#contentMiddle {
	width:900px; 
	background-image:url(/images/contentBack.jpg); 
	background-repeat:repeat-y;}
	
#contentArea {
	width:670px; 
	color:black; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding:0 20px; 
	float:left;}
	
#boxInstall { 
	background-image:url(/images/boxInstall.jpg); 
	width:196px; 
	height:183px; 
	float:left; 
	margin-right:40px; }
	
#boxMaintain {
	background-image:url(/images/boxMaintain.jpg); 
	width:196px; 
	height:183px; 
	float:left; 
	margin-right:40px;}
	
#boxRepair {
	background-image:url(/images/boxRepair.jpg); 
	width:196px; 
	height:183px; 
	float:left; }
	
#rightColumn {
	width:170px; 
	color:white; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding:0 10px; 
	float:right;}

#contentBottom {
	width:900px; 
	height:25px; 
	background-image:url(/images/contentBottom.png); 
	background-repeat:no-repeat;}
	
#footer {
	width: 860px; 
	padding:6px 20px; 
	height: 50px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#8C9EB5; 
	margin: 0 auto;}
	
.footerLink{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#8C9EB5;}

	
/* FAQs */
.faqContainer{margin:0 0 0 0;padding:0 0 10px 0;}
.faqUL{margin:10px 0 0 0;padding:0;list-style:none;}
.faqUL li{margin:0;padding:0 0 8px 5px;}
.faqQA {font-size:12px;color: #636466;cursor:pointer; text-decoration: none; font-weight: normal; padding: 0 0 0 15px; background:url("/images/FAQrightArrow.gif") no-repeat left top;}
	.faqQA a { color: #636466; text-decoration:none; font-weight: normal; }
	.faqQA a:link { color: #636466; text-decoration:none; font-weight: normal; }
	.faqQA a:visited { color: #636466; text-decoration: none; font-weight: normal; }
	.faqQA a:hover { color: #636466; text-decoration: none; font-weight: normal; }
	.faqQA a:active { color: #636466; text-decoration: none; font-weight: normal; }
.faqQA_active {font-size:12px;color: #636466;cursor:pointer; text-decoration: underline; font-weight:bold;  padding: 0 0 0 15px; background:url("/images/FAQdownArrow.gif") no-repeat left top;}
	.faqQA_active a { color: #636466; text-decoration: underline; font-weight:bold; }
	.faqQA_active a:link { color: #636466; text-decoration: underline; font-weight:bold; }
	.faqQA_active a:visited { color: #636466; text-decoration: underline; font-weight:bold; }
	.faqQA_active a:hover { color: #636466; text-decoration: underline; font-weight:bold; }
	.faqQA_active a:active { color: #636466; text-decoration: underline; font-weight:bold; }
.faqA {font-size:16px; line-height:24px; color: #636466; display:none; padding: 5px 0 10px 40px;}
/* END FAQ's */


/* FORM */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0; 
  padding: 0;
  width: 485px; 
}

fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #ccc;
  border-width: 1px; 
  background-image: url(/images/FormBackingX.jpg);
  border-style: solid;
  margin: 0 10px 10px 0;
}

fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	font-weight: bold; /* be careful with padding, it'll shift the nice offset on top of border  */ 
}

label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.Finput, Ftextarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/* End Form */

.noLine link {text-decoration:none;}