/*
 ******************************************************************************
 *  Copyright (c) 2005 Soil and Topography Information (STI), LLC (soiltopo.com)
 *
 *	Name:			sis.css
 *	
 *	Date:			02/21/2005
 *
 *  Author:			Ted Quinby
 *	
 *	Description:	CSS stylesheet for SIS Web Portal 
 *
 *  Version:		Quinby 08/26/2005 initially created for prototyping.			
 *
 ******************************************************************************
*/

body {
	margin-top:5px;
	color:#cccccc;
	/*border-left: 1px solid #669966;
	border-top: 1px solid #669966;
	border-bottom: 1px solid #669966;
	border-right: 1px solid #669966;
	width:760px;
	height:700px;*/
}

a:link {
	color: #ffffff;
	text-decoration:none;
	border-color:#ffffff;
	font-weight:bold;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
	font-weight:bold;
}

a:hover, a:active { 
	text-decoration: underline; 
	color:#ffffff;
	font-weight:bold;
}

hr {
  border: 0;
  width: 100%;
  color: #336633;
	background-color: #336633;
	height: 1px;
}

#document {
	width:758px;
	border-left: 1px solid #669966;
	border-top: 1px solid #669966;
	border-right: 1px solid #669966;
	border-bottom: 1px solid #669966;
	
}

#header {
	background:#669966;
	/*background:#98B894;*/
	height:57px;
	width:758px;
	font-family: "Verdana";
	font-size: 12px;
	color: #669966;
	text-align: left;
	font-weight: bold;
	/*border-left: 1px solid #669966;
	border-top: 1px solid #669966;
	border-bottom: 1px none #669966;
	border-right: 1px solid #669966;*/
}

#header .image {
	/*background:#CBD8C2;*/
	height:49px;
	width:625px;
	float:left;
	cursor:pointer;
}

#header .languagebar {
	float:right;
	white-space: normal;
	color:#ffffff;
	text-align:right;
	position: relative;
	padding-bottom: 0px;
	bottom: -15px;
	height: 10px;
}

#banner {
	/*background:#A9BE99;*/
	background:#A9BE99;
	/*background:#99CC99;*/
	width:758px;
	height:20px;
	/*border-left: 1px solid #669966;
	border-right: 1px solid #669966;
	border-bottom: 1px none #669966;*/
}

#banner .text {
  width:90px;
	font-family: "Verdana";
	/*font-family: "Verdana";*/
	font-weight:bold;
	color:#ffffff;
	font-size: 12px;
	text-align: right;
	position: relative;
	top: 2px;
	right: 10px;
	cursor:default;
	float:right;
}

#banner .location {
    width:500px;
	/*font-family: "Futura Lt BT";*/
	font-family: "Verdana";
	cursor:pointer;
	color:#ffffff;
	font-size: 10px;
	text-align: right;
	position: relative;
	top: 3px;
	right: 10px;
	float:right;
	font-weight:bold;
	text-decoration:none;
	border-right:2px solid;
	padding:0px;
}

#mainupper {
	background:#ffffff;
	height:260px;
	width:758px;
	/*border-right: 1px solid #669966;
	border-left: 1px solid #669966;*/
}

#mainupper .right {
	height:260px;
	font-size:16px;
	font-style:normal;
	width:190px;
	float:right;
	text-align:center;
	color:#669966;
	margin: 0px 0px;
	padding:0px;
	cursor:pointer;
	/*border-right: 1px solid #669966;*/
	/*border-left: 1px solid #669966;*/
}

#mainupper .left {
	height:260px;
	font-size:16px;
	font-style:normal;
	width:188px;
	float:left;
	text-align:center;
	color:#669966;
	margin: 0px 0px;
	border-right: 1px solid #669966;
	padding:0px;
	cursor:pointer;
}

#mainlower {
	background:#ffffff;
	height:201px;
	width:758px;
	font-family: "Verdana";
	font-size: 12px;
	color: #669966;
	text-align: left;
	font-weight: bold;
	/*border-right: 1px solid #669966;*/
	
}

#mainlower .image {
	background:#ffffff;
	height:200px;
	width:505px;
	float:left;
	border-top: 1px solid #669966;
	border-right: 1px none #669966;
	border-bottom: 1px none #669966;
	border-left: 1px solid #669966;
}

#mainlower .newsheader {
	/*background:#D8EBB3;*/
	/*background:#CBD8C2;*/
	background:#D8EBB3;
	/*background:#99CC99;*/
	/*height:28px;*/
	width:250px;
	float:right;
	text-indent:5px;
	border-top: 1px solid #669966;
	border-bottom: 1px solid #669966;
	border-left: 1px solid #669966;
	white-space: normal;
	cursor:pointer;
}

#mainlower .news {
	background:#ffffff;
	/*height:165px;*/
	/*width:240px;*/
	float:right;
	padding:5px;
	/*border-top: 1px solid #669966;*/
	/*border-right: 1px solid #669966;*/
	/*border-bottom: 1px none #669966;*/
	/*border-left: 1px solid #669966;*/
	white-space: normal;
	color:#669966;
	overflow:auto;
}

#mainlower .news .icon {
	float:left;
	padding:3px;
}

#mainlower .news .newstext {
	float:right;
	font-size:11px;
	font-weight: bold;
	color:#669966;
	font-style:normal;
	width:203px;
	padding:3px;
	margin-left:1px;
}

#mainlower .news a:link {
	/*color: #A9BE99;*/
	color:#669966;
	text-decoration:none;
	border-color:#ffffff;
	font-weight:bold;
}

#mainlower .news a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #669966;
	font-weight:bold;
}

#mainlower .news a:hover, a:active { 
	text-decoration: underline; 
	color:#669966;
	font-weight:bold;
}

#topic {
	background:#ffffff;
	width:758px;
	min-width:758px;
	height:770px;
	min-height:770px;
	font-family: "Verdana";
	font-size: 12px;
	color: #669966;
	/*text-align: left;*/
	font-weight: bold;
	/*border-right: 1px none #669966;
	border-left: 1px none #669966;*/
}

#topic .side {
	float:left;
	background:#ffffff;
	/*background:#A9BE99;*/
	height:770px;
	min-height:770px;
	width:220px;
	min-width:220px;
	padding-right:8px;
	color:#669966;
	margin-bottom: 0px;
	overflow:auto;
	border-right: 1px solid #669966;
}

#topic .side .nav {
	margin-left:2px;
	padding:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*float:right;*/
	
}

#topic .side .text {
	margin-right:2px;
	padding:0px;
	height:100px;
	/*border-left: 1px none #A9BE99;
	border-top: 1px none #A9BE99;
	border-bottom: 1px none #A9BE99;
	border-right: 1px none #A9BE99;*/
	/*float:right;*/
	/*background-color:#D8EBB3;*/
	text-align:center;
	margin-top:10px;
	overflow:auto;
}

#topic .side .image {
	margin-right:0px;
	padding:0px;
	height:150px;
	width:200px;
	margin-left:7px;
	margin-top:30px;
	border-left: 1px solid #669966;
	border-top: 1px solid #669966;
	border-bottom: 1px solid #6699669;
	border-right: 1px solid #669966;
	/*float:right;*/
}

#topic .right {
	/*background:#CBD8C2;*/
	/*width:500px;*/
	/*min-width:500px;*/
	/*width:510px;*/
	/*height:600px;*/
	/*min-height:775px;*/
	height:760px;
	min-height:760px;
	padding-right:10px;
	padding-top:10px;
	/*margin-top:5px;*/
	padding-left:10px;
	overflow:auto;
	float:center;
	/*padding:10px;*/
	text-align:left;
	font-family: "Verdana";
	font-size: 18px;
	color: #006000;
	font-weight: bold;
	/*border-left: 1px solid #669966;*/
	/*border-left: 1px solid #669966;*/
	/*border-right: 1px none #669966;*/
	
}

#topic .right a:link {
	color: #006000;
	text-decoration:underline;
	border-color:#ffffff;
	font-weight:bold;
}

#topic .right a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #006000;
	font-weight:bold;
}

#topic .right a:hover, a:active { 
	text-decoration: underline; 
	color:#A9BE99;
	font-weight:bold;
}

#topic .right .newstitle {
	text-align:left;
}

#topic .right .newssub {
	font-family: "Verdana";
	color:#006000;
	font-size: 12px;
	text-align:left;
}

#topic .right .subcontent {
	text-align:left;
	/*width:400px;
	min-width:400px;*/
	/*height:400px;*/
	/*font-family: "Futura Lt BT";*/
	font-family: "Verdana";
	color:#006000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: bold;
	float:left;
	text-indent:0px;
	padding:0px;
	
}

#topic .right .subcontent img {
	margin-right:2px;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:7px;
	padding:0px;
	height:150px;
	width:200px;
	border:none;
	/*border-left: 1px solid #A9BE99;
	border-top: 1px solid #A9BE99;
	border-bottom: 1px solid #A9BE99;
	border-right: 1px solid #A9BE99;*/
	float:right;
}

#topic .right .subcontent .screenshot img {
	border-width:1px;
	/*border-style:solid;*/
	border-color:#669966;
	vertical-align:top;
	height:75px;
	width:84px;
	text-align:left;
	float:none;
	align:top
}

#topic .right .subcontent .demo img {
	vertical-align:middle;
	height:297px;
	width:229.5px;
	text-align:center;
	float:none;
}

#topic .right .subcontent .newsrec {
	width:450px;
	/*height:75px;*/
	color:#006000;
	background:#f2f9e8;
	padding:5px;
	border-color:#669966;
	border-width:1px;
	border-style:solid;
}

#topic .right .subcontent .newsrec img {
	margin-right:2px;
	margin-left:7px;
	margin-top:0px;
	padding:0px;
	width:15px;
	height:15px;
	border:none;
	float:left;
}

#topic .right .subcontent .newsrec a:link {
	color: #006000;
	text-decoration:none;
	font-weight:bold;
}

#topic .right .subcontent .newsrec a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #006000;
	font-weight:bold;
}

#topic .right .subcontent .newsrec a:hover, a:active { 
	text-decoration: underline; 
	color:#669966;
	font-weight:bold;
}

#topic .right .subcontent .sub {
	width:200px;
	border-width:1px;
	border-style:solid;
	float:right;
	padding:10px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	border-color:#669966;
	background:#f2f9e8;
	color:#006000;
}

#topic .right .subcontent .sub ul {
	margin-left: 10px; 
}

#topic .right .subcontent .sub li {
	margin-left: -16px; 
	padding-left: 1px;
	list-style-position : outside;
}

#topic .right .subcontent .loginwindow {
	/*width:275px;
	border-width:1px;
	border-style:solid;
	float:right;
	padding:10px;
	margin-top:5px;
	margin-left:7px;
	margin-bottom:5px;
	border-color:#669966;
	color:#006000;
	background:#A9BE99;*/
	width:225px;
	border-width:1px;
	border-style:solid;
	float:right;
	padding:10px;
	margin-top:5px;
	margin-left:7px;
	margin-right:10px;
	margin-bottom:5px;
	border-color:#669966;
	/*background:#D8EBB3;*/
	font-family: "Verdana";
	font-weight:bold;
	color:#669966;
	/*background:#A9BE99;*/
	background:#f2f9e8;
	
}

#topic .right .subcontent .loginwindow .loginform {
	text-align:left;
	font-weight:bold;
	color:#669966;
	font-size: 12px;
}

#topic .right .subcontent .sub li {
	color: #669966;
	font-weight:bold;
	margin-left:10px;
}

#topic .right .subcontent .sub a:link {
	color: #669966;
	text-decoration:none;
	font-weight:bold;
}

#topic .right .subcontent .sub a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #669966;
	font-weight:bold;
}

#topic .right .subcontent .sub a:hover, a:active { 
	text-decoration: underline; 
	color:#669966;
	font-weight:bold;
}

#footer {
	background:#669966;
	/*background:#98B894;*/
	/*height:30px;*/
	width:758px;
	font-family: "Verdana";
	font-size: 10px;
	color: #ffffff;
	/*text-align: left;*/
	font-weight: bold;
}

/*
#footer {
	background:#669966;
	width:760px;
	color:#ffffff;
	font-family: "Verdana";
	font-size: 10px;
	border-top: 1px solid #669966;
	border-bottom: 1px solid #669966;
	border-right: 1px solid #669966;
	border-left: 1px solid #669966;
	float:left;
}*/

#footer .copyright {
	position: relative;
	left: 5px;
	top: 6px;
	cursor:default;
	border-left: 1px solid #669966;
}

#footer .text {
	text-align: right;
	position: relative;
	bottom: 6px;
	right: 6px;
	cursor:pointer;
	border-right: 1px none #669966;
}

#footer .text a:link {
	color: #ffffff;
	text-decoration:none;
	border-color:#ffffff;
	font-weight:bold;
}

#footer .text a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #ffffff;
	font-weight:bold;
}

#footer .text a:hover, a:active { 
	text-decoration: underline; 
	color:#ffffff;
	font-weight:bold;
}