body {
	position: relative;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}

/* This is for PW's page body editor */
body#content {
	background-color: #000000;
	background-image: url(/images/back_full.jpg);
	background-repeat: repeat-y;
	background-position: -150px -80px;
	padding-left:40px;
	margin-top: 0px;
}

/* The wrapper is the style sheet that all the rest are nested in */
#wrapper {
	position: relative;
	background-color: #000000;
	background-image: url(/images/back_full.jpg);
	background-repeat: repeat-y;
	background-position: 0px;
	width: 988px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 85px;
}

/* This is all the navigation above the body content */
#topnav {
	position: relative;
	z-index: 1;
	background-color: #000000;
	background-image: url(/images/top_back.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	font-weight: bold;
}

/* Link line, starting with the log-in link */
#loginnav {
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: right;
	color: #FFFFFF;
	font-weight: lighter;
	font-size: 10px;
	width: 900px;
	height: 100px;
}

#loginnav form {
	display: inline;
}

#loginnav a:link, #loginnav a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

#loginnav a:hover {
	color: #66cc33;
	text-decoration: underline;
}

/* Product Search and Customer Support links */
#productnav {
	position: relative;
	height: 80px;
	text-align: right;
	text-decoration: no;
}


#productnav p {
	position: relative;
	height: 25px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*#productnav a {*/	
	/*position: relative;	top: -13px;	left: -18px;*/
	/*}*/


#productnav IMG {
	vertical-align: middle;
	margin-left: 5px;
}

/* Link line, starting with "The CIVCO Story" */
#civconav {
	display: block;
	position: relative;
	height: 58px;
	width: 100%;
	background-image: url(/images/top_nav_back.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 35px;
}

#civconav ul.horiz li {
	display:inline;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
}

#civconav a:link, #civconav a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

/* for interior pages only, to mark the subnav of the page the user is on */.greenTxt {
	color: #66CC33;
}

/* Roll Over Subnav */
div.subnav {
	position: absolute;
	color: #FFFFFF;
	display: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: lighter;
	top: 33px;
	line-height: 26px;
}

div.subnav a {
	text-decoration: none;
}

div.subnav a:visited {
	text-decoration: none;
	color: #FFFFFF ;
	background-color: transparent;
}

div.subnav a:hover {
	color: #66CC33 !IMPORTANT;
	text-decoration: underline;
}

/* Left navigation, next to the body content */
#solutionsnav {
	float: left;
	width: 200px;
	padding-top: 40px;
	background-image: url(/images/solutions_vert_line.png);
	background-position: 180px 40px;
	background-repeat: no-repeat;
}

#solutionsnav h3 {
	font: lighter 18px Times, "Times New Roman", serif;
	color: #66cc33;
	text-transform: uppercase;
	text-decoration: underline;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}

#solutionsnav ul {
	width: 175px;
	list-style: none;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

li.solnav {
	position: relative;
	z-index: 1;
	font: 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

li.solnav a:link, li.solnav a:visited {
	text-decoration: none;
	color: #ffffff;
}

.solnav a:hover {
	color: #66CC33 !IMPORTANT;
	text-decoration: underline !IMPORTANT;
}

ul.solnav {
	position: relative;
	z-index: 1;
}

ul.solbar {
	display: none;
	position: absolute;
	top: 0px;
	left: 155px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px !IMPORTANT;
	padding: 0px !IMPORTANT;
	width: 175px;
	background-color: #333333;
}

ul.solbar li {
		border-bottom: 1px solid #464646;
	margin: 0px !IMPORTANT;
	padding: 0px !IMPORTANT;
	list-style-type: none !IMPORTANT;
	list-style-position: inside;
}

.solbar a:hover {
	color: #FFFFFF !IMPORTANT;
	text-decoration: underline;
	background-color: #cccccc;	
}

ul.solbar li a {
	display: block;
	margin-left: 0px !IMPORTANT;
	padding: 0px !IMPORTANT;
}

/* Below is where the body content starts */
#wrapper #content {
	margin-left: 200px;
	margin-top: 70px;
	margin-right: 210px;
	padding-bottom: 40px;
}

#wrapper #content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #333366;
	font-weight: lighter;
	margin-bottom: 0px;
}

#wrapper #content p, #content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}

#wrapper #content img {
	border: 3px solid #FFFFFF;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#wrapper #content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #669933;
	margin-bottom: -10px;
}

#wrapper #content a:link, #wrapper #content a:visited {
	text-decoration: underline;
	color: #333366;
	background-color: transparent;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper #content a:hover {
	color: #66cc33;
	text-decoration: underline;
}

/* This is where either the 3 I's section is on Product Pages, or where a randomly rotating bio image will show up at the bottom left of the page.*/
#wrapper #rightinfo {
	position: absolute;
	right: 50px;
	width: 150px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: -185px;
	/*padding-left: 790px;*/
	/*z-index: 5;*/
}

/* solutions oriented stuff below.  This is the table that the solutions reside in, and the text treatment.  BTW, they need to be able to add more of these than just the  nine that are there*/
#wrapper #content table {
	margin-top: 25px;
}

#wrapper #content .solutionexplain , #wrapper #content .solutionexplain p {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	color: #333333;
}

#wrapper #content table {
	/*border: solid thin black;*/
	margin: 0px;
	/*width: 80%;*/
}

#wrapper #content td {
	padding: 10px;
}

#wrapper #content #rightcol,
#wrapper #content #leftcol {
	/*border: solid thin red;*/
	width: 50%;
	vertical-align: top;
	/*padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
}

#wrapper #content h4 {
	font-size: 12px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#wrapper #content ul {
	width: 175px;
	list-style: none;
	margin-left: 1px;
	padding-left: 0;
	margin-top: -5px;
}

#wrapper #content li {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	color: #333333;
	list-style-position: inside;
}

/* Footer stuff, including the ROPER logo, the line of navigation starting with "Contact CIVCO", and the Search box form element*/
#footer {
	position: absolute;
	bottom: 0px;
	background-color: #000000;
	background-image: url(/images/footer_horz_line.png);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	padding-top: 20px;
	text-align: right;
	color: #CCCCCC;
	font-weight: lighter;
	font-size: 10px;
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 20px;
	z-index: 2;
}

#footer form {
	display: inline;
}

#footer img {
	float: left;
}

#searchimage{
	vertical-align: bottom;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 10px;
	font-weight: lighter;
}

#footer a:hover {
	color: #66CC33;
}