/* screen display */

body {
	background: #080027;
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#pageWrapper {
	width: 754px;
	margin: auto;
	padding: 2em 0;
}
a:link {
	color: #DE1A22;
	text-decoration: none;
}
a:visited {
	color: #336666;
}
a:hover {
	color: #DE1A22;
	text-decoration: underline;
}
a:active {
	color: #336666;
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
h1 {
	color: #000066;
}
h2 {
	color:#000066;
	font-size: 1.35em;
	margin-bottom: .5em;
}
#pageContent ul {
	margin: .5em 0;
	padding: 0;
}
#pageContent ul li {
	margin-left: 1.5em;
}
#pageContent ol {
	list-style-image:  url("images/question.png");
	margin: 1em 0 2em 2em;
	padding-left: 1em;
}
#pageContent ol ol {
	list-style-image:  url("images/answer.png");
	margin-left: 0;
	padding-left: 1em;
}
#header, #header span {
	background: #080027 url("images/header.jpg") no-repeat;
	width: 753px;
	height: 128px;
}

/* for accessibility, we need to display the header text but then hide it with this routine */ 
#header span { 
	margin-bottom: -75px; 
}
 /* code for all styled headers */
 h1 span {
 	display: block;
	/* place the span on top */
	position: relative;
	z-index: 1;
}

/* IE5 Mac Hack \*/ 
 h1 { 
 	overflow: hidden; 
} 
 /*/ 
 h1 { 
 	text-indent: -100em; 
} 
 /* End Hack */
 
 /* End accessibility coding */
 
 /*styles for top navigation elements */
 
#topNav {	
	width: 753px;
	height: 39px;
	background: #080027 url("images/topNav.jpg") no-repeat;
}
#topNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 188px;
}
#topNav ul li {
	float: left;
	width: auto;
}
#topNav a {
	display: block;
	height: 0;
}

/*accessibility coding for top navigation */
#topNav span { 
	margin-bottom: -5em; 
}
 /* code for all styled headers */
 li span {
 	display: block;
	/* place the span on top */
	position: relative;
	z-index: 1;
}
/*end accessbility coding */

#topNav .home a, #topNav .home a span {
	height: 39px;
	width: 68px;
	background:  url("images/butn-home.jpg") no-repeat 0 0;
}
#topNav .home a:hover, #topNav .home a:hover span, #topNav .currentHome a span {
	background:  url("images/butn-home-ro.jpg") no-repeat 0 0;
}
#topNav .about a, #topNav .about a span {
	height: 39px;
	width: 68px;
	background:  url("images/butn-about.jpg") no-repeat 0 0;
}
#topNav .about a:hover, #topNav .about a:hover span, #current .about a span, #topNav .currentAbout a span {
	background:  url("images/butn-about-ro.jpg") no-repeat 0 0;
}
#topNav .install a, #topNav .install a span {
	height: 39px;
	width: 102px;
	background:  url("images/butn-install.jpg") no-repeat 0 0;
}
#topNav .install a:hover, #topNav .install a:hover span, #current .install a span, #topNav .currentInstall a span {
	background:  url("images/butn-install-ro.jpg") no-repeat 0 0;
}
#topNav .buy a, #topNav .buy a span {
	height: 39px;
	width: 69px;
	background:  url("images/butn-buy.jpg") no-repeat 0 0;
}
#topNav .buy a:hover, #topNav .buy a:hover span, #current .buy a span, #topNav .currentBuy a span {
	background:  url("images/butn-buy-ro.jpg") no-repeat 0 0;
}
#topNav .contact a, #topNav .contact a span {
	height: 39px;
	width: 71px;
	background:  url("images/butn-contact.jpg") no-repeat 0 0;
}
#topNav .contact a:hover, #topNav .contact a:hover span, #current .contact a span, #topNav .currentContact a span {
	background:  url("images/butn-contact-ro.jpg") no-repeat 0 0;
}

/*end top navigation styles */

#pageContent {
	background: #E9F0F8 url("images/pagebck.jpg") repeat-y;
	padding-left: 1em;
}
.columns {
	float: left;
	width: 49%;
}
.rightCol {
	background: #B3C8E3;
}
.content {
	padding: 1em;
}
.news {
	float: right;
	width: 45%;
	margin-right: 2px;
	background: #B3C8E3;
}
.faq {
}
.imgBorder {
	border: 3px solid #000066;
}

#footer {
	background: #080027 url("images/bottomborder.jpg") no-repeat;
	text-align: center;
	color: #B3C8E3;
	padding-top: 1.5em;
	font-size: 90%;
}
#footer p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}
.shiftLeft {
	margin-left: -1em;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
	width: auto;
	margin-right: 2em;
	margin-bottom: 2em;
}

/*Form styles*/
.required {
	color: #FF0000;
	font-weight: bold;
}
#contactForm {
	padding: 1em;
}	
div.controls {
	margin: 0.5em;
}
div.row {
	clear: both;
	height: auto;
	margin: 0.7em 0em;
}
fieldset {
	border: 1px solid #080027;
	padding: 0.5em;
	margin-bottom: 0.5em;
}		
input, select, textarea {
	margin-top: -1em;
	margin-left: 32%;
}	

/* hide from Mac IE\*/
input, select, textarea {
	margin-top: 0;
	margin-left: 0;
   }
/* */
legend {
	color: #080027;
	font-size: 1.5em;
}			
span.label {
	float: left;
	width: 29%;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.8em;		
	padding-right: .5em;
	margin-right: .5em;
	text-align: right; }	
		
textarea {
	margin-bottom: 5px; }
	
.contactInfo {
	padding-left: 1.5em;
}