/*

Global Stylesheet for www.soverain.com 
Copyright 2006 Soverain Software LLC. All rights reserved.


*/



/* ================================================================= */
/* [COMMON PAGE STYLES (Body, Text Areas, etc...) ]                  */
/* ----------------------------------------------------------------- */

body, select, input, textarea {
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
	
	}

body {
	font-size: 11px;
	text-align: center;
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	/*background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background: #9fbce0;  baby blue */
	 /*background: #d0d1d1; gray */
	}

body#indexPage {
	/*background-image: url(/images/home/home_header_bg.jpg);
	background-repeat: repeat-x; 
	background-image: none;*/
	
	}

td {
	font-size: 11px;
	}

input.button {
	background-color: #666666;
	color: #FFFFFF;
	}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #592c03;
	}
	
a:hover {
	color: #666666;
	}

img {
	border: none;
	}

.textfield {
	border: 1px #CCCCCC solid;
	background: #FFFFFF;
	font-size: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
	height: 16px;
	vertical-align: top;
	}

p.clearFloat {
	clear: both;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	}

.alert, .alert a:link, .alert a:active, .alert a:visited {
	color: #990000;
	}

.alert a:hover {
	color: #666666;
	}

.greenText {
	color: #5d7f61;
	}


div.dottedLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px;
	border-top: 1px #CCCCCC dotted;
	}


div.solidLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px 0px 0px;
	border-top: 1px #CCCCCC solid;
	}

/* ================================================================= */



/* ================================================================= */
/* [ HEADLINE STYLES ]                                               */
/* ----------------------------------------------------------------- */

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	}

h1, h1 a {
	font-size: 24px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 25px;
	line-height: 20px;
	color: #5d7f61;	
	}

h2, h2 a {
	font-size: 15px;
	color: #592c03;
	margin-bottom: 3px;
	margin-top: 16px;
	/*border-bottom: 1px #dbd2ca solid;*/
	}

h3, h3 a {
	font-size: 13px;
	color: #666666;
	margin-bottom: 2px;
	}

h4, h4 a {
	font-size: 12px;
	color: #9eb2a0;
	margin-bottom: 2px;
	}

h5, h5 a {
	font-size: 11px;
	color: #592c03;
	margin-bottom: 2px;
	}
	
/* ================================================================= */




/* ================================================================= */
/* PAGE STRUCTURE STYLES                                             */
/* ----------------------------------------------------------------- */

#bodyDiv, #bodyDivIndex {
	width: 775px;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px auto;
	background: #FFFFFF;
	border-left: 1px #cdcdcb solid;
	border-right: 1px #cdcdcb solid;
	}

#bodyDiv {	
	/*background-image: url(/images/common/header_bg.jpg); */
	}


#bodyDivIndex {	
	/* background-image: url(/images/home/home_header_bg.jpg);*/
	}

#container {
	width: 775px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	text-align: left;
	background-image: url(/images/common/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	_background-position: 0px -28px;
	}

#containerIndex {
	width: 775px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-image: url(/images/home/home_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	_background-position: 0px -28px;
	}

/* ================================================================= */





/* ================================================================= */
/* HEADER SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

#headerGraphic {
	width: 775px;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/common/header.jpg);
	background-repeat: no-repeat;
	}

#headerGraphicIndex {
	width: 775px;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/home/home_header.jpg);
	background-repeat: no-repeat;
	}

.logoLink { 
	text-align: left; 
	width: 775px;
	height: 61px;
	padding: 0px;
	}

.logoLinkIndex {
	text-align: left;
	width: 775px;
	height: 202px;
	padding: 0px;
	}


/* ================================================================= */






/* ================================================================= */
/* HOME PAGE INTRODUCTION TEXT SPECIFIC        		                 */
/* ----------------------------------------------------------------- */

#introduction {
	margin-left: 425px;
	padding-top: 15px;
	padding-right: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #404040;
	}


/* ================================================================= */






/* ================================================================= */
/* HOME PAGE MARKETING SECTION SPECIFIC        		                 */
/* ----------------------------------------------------------------- */

#indexColumnLeft {
	float: left;
	width: 185px;
	margin: 0px 0px 20px 215px;
	_margin: 0px 17px 20px 110px; /* This is where to stretch the page in order to see the whole tree watermark */
	}

#indexColumnRight {
	width: 350px;
	margin-left: 425px;
	_margin-left: 0px;
	}

#indexColumnLeft h4, #indexColumnRight h4 {
	margin-top: 0px;
	border-top: 1px #dcd9d9 solid;
	border-bottom: 1px #dcd9d9 solid;
	padding: 3px 0px 4px 0px;
	color: #5d7f61;
	}

#containerIndex ul {
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
	margin-top: 3px;
	}

#containerIndex li {
	list-style: none;
	background-image: url(/images/common/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 15px;
	margin-bottom: 5px;
	}


/* ================================================================= */








/* ================================================================= */
/* TOPNAV SECTION STYLES			                                 */
/* ----------------------------------------------------------------- */

.topnav {
	margin: 0px;
	margin-left: 214px;
	margin-top: 2px;
	padding: 0px;
	height: 28px;
	font-size: 12px;
	border-bottom: 1px #dbd2ca solid;
	}

#topnavIndex {
	margin-top: 0px;
	border-bottom: 1px #FFFFFF solid;
	}

.topnav ul {
	padding: 0px;
	margin: 0px;
	}

.topnav li {
	display: inline;
	padding: 10px 0px;
	list-style: none;
	background-image: url(/images/common/topnav_corner.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 30px;
	_line-height: 28px;
	}


.topnav a, .topnav a:link, .topnav a:active, .topnav a:visited {
	margin: 2px;
	_margin-top: -7px;
	margin-right: -2px;
	background-image: url(/images/common/topnav_gray.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	/* padding: 6px 15px 6px 14px; use this when Resources section is live */
	padding: 6px 24px 6px 23px;
	color: #8B8B8B;
	text-decoration: none;
	}

.topnav span.tabOn a, .topnav span.tabOn a:link, .topnav span.tabOn a:active, .topnav span.tabOn a:visited {
	background: #dbd2ca;
	background-image: url(/images/common/topnav_brown.gif);
	background-repeat: repeat-x;
	color: #592c03;
	}


.topnav a:hover, .topnav span.tabOn a:hover {
	background: #dfe5df;
	background-image: url(/images/common/topnav_green.gif);
	background-repeat: repeat-x;
	color: #5d7e61;
	}



/* ================================================================= */







/* ================================================================= */
/* SIDENAV SECTION STYLES			                                 */
/* ----------------------------------------------------------------- */

#sidenavDiv {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	_margin: 0px 0px 0px 7px;
	float: left;
	width: 200px;
	}
	
#sidenavDiv h3, #sidenavDiv h3 a:active, #sidenavDiv h3 a:link, #sidenavDiv h3 a:visited {	
	background-image: url(/images/common/arrow_brown.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #592c03;
	font-size: 13px;
	margin: 0px;
	padding: 5px 0px;
	padding-left: 15px;
	border-right: 1px #dbd2ca solid;
	border-bottom: 1px #dbd2ca solid;
	}

#sidenavDiv ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 50px;
	}

#sidenavDiv li {
	display: block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-right: 1px #dbd2ca solid;
	border-bottom: 1px #dbd2ca solid;
	border-left: 1px #dbd2ca solid;
	}

#sidenavDiv li a:link, #sidenavDiv li a:active, #sidenavDiv li a:visited {
	display: block;
	color: #555655;
	border-left: 5px #dfe5df solid;
	padding: 5px 0px 5px 10px;
	}

#sidenavDiv li a:hover {
	color: #5d7f61;
	border-left: 5px #abbcad solid;
	background: #f2f5f2;
	}	


/* ================================================================= */





/* ================================================================= */
/* INTERIOR PAGE COMMON STYLES                                       */
/* ----------------------------------------------------------------- */

.mainDiv {
	width: 545px;
	_width: 542px;
	margin-left: 220px;
	margin-top: 0px;
	padding-bottom: 30px;
	padding-left: 10px;
	}

#contentDiv {
	margin: 11px 185px 10px 0px;
	_margin: 0px 185px 10px 0px;
	padding: 0px;
	}

#contentDivWide {
	margin: 11px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
	padding: 0px;
	padding-right: 20px;
	}


#contentDiv p, #contentDivWide p {
	margin-top: 0px;
	}


#contentDiv ul, #contentDivWide ul {
	padding-top: 3px;
	margin-top: 3px;
	}

#contentDiv li, #contentDivWide li {
	margin-bottom: 8px;
	}

/* ================================================================= */






/* ================================================================= */
/* FOOTER SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

.footer {
	background: #FFFFFF;
	width: 765px;
	text-align: left;
	border-top: 1px #cdcdcb solid;
	font-size: 10px;
	border-bottom: 1px #cdcdcb solid;
	color: #6f6f6f;
	height: 22px;
	padding-left: 10px;
	}
	
.footer a, .footer a:active, footer a:link, .footer a:visited {
	text-decoration: none;
	color: #6f6f6f;
	line-height: 23px;
	padding: 5px 10px 4px 10px;
	_padding: 5px 10px 5px 10px;
	border-left: 1px #cdcdcb solid;
	}

.footer a:hover {
	color: #333333;
	background: #EFEFEF;
	}

.footer div#footerLinks {
	float: right;
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	height: 20px;
	}

/* ================================================================= */







/* ================================================================= */
/* RIGHT COLUMN STYLES				                                 */
/* ----------------------------------------------------------------- */

#rightColumn {
	width: 195px;
	float: right;
	}

.rightTile {	
	width: 154px;
	margin: 0px;
	margin-top: 53px;
	margin-left: 36px;
	padding: 2px;
	color: #666666;
	background: #FFFFFF;
	/*border: 1px #9eb2a0 solid; this is the old green border */
	border-top: 1px #dbd2ca solid;
	border-left: 1px #dbd2ca solid;
	border-bottom: 1px #dbd2ca solid;
	}

.rightTile div#rightTileContent {
	background: #eef2ef;
	padding: 10px;
	}

#rightTileContent h5 {
	margin: 0px;
	color: #67876b;
	border-bottom: 1px #9eb2a0 solid;
	}

#rightTileContent ul {
	margin: 10px 0px;
	padding: 0px;
	}

#rightTileContent li {
	list-style-type: none;
	background-image: url(/images/common/arrow_green.gif);
	background-repeat: no-repeat;
	line-height: 13px;
	margin-top: 3px;
	_padding-top: 1px;
	margin-bottom: 3px;
	padding-left: 20px;
	padding-bottom: 2px;
	color: #67876b;
	}
	
#rightTileContent li a:link, #rightTileContent li a:active, #rightTileContent li a:visited {
	color: #67876b;
	}

#rightTileContent li a:hover {
	color: #592c03;
	}


/* ================================================================= */






/* ================================================================= */
/* QUOTE TILE SPECIFIC                          		             */
/* ----------------------------------------------------------------- */

#quoteDiv, quoteDivGray {
	width: 99%;	
	padding: 0px;
	margin-bottom: 10px;
	}

#quoteDiv div.quoteStart {
	background-image: url(/images/common/quote_start.gif);
	background-repeat: no-repeat;
	height: 20px;
	}

#quoteDiv div.quoteContent {
	font-style: italic;
	color: #5d7f61;
	margin-top: -10px;
	padding-left: 25px;
	padding-right: 0px;
	line-height: 12px;
	
	}

#quoteDiv div.quoteEnd {
	background-image: url(/images/common/quote_end.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	}

#quoteDiv div.quoteBio {
	font-style: italic;
	color: #5d7f61;
	margin-top: -10px;
	padding-left: 25px;
	padding-bottom: 5px;
	}


/* ================================================================= */





/* ================================================================= */
/* COMMON TABLE STYLE			                                     */
/* ----------------------------------------------------------------- */

table.commonTable {
	width: 100%;
	border: 1px #b4a08d solid;
	padding: 1px;
	margin: 0px;
	}
	
table.commonTable th {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	background: #EFEFEF;
	color: #592c03;
	}

table.commonTable td {
	padding: 5px;
	border-top: 1px #b4a08d solid;
	
	}

/* ================================================================= */






/* ================================================================= */
/* PARTNERS PAGE SPECIFIC				                             */
/* ----------------------------------------------------------------- */

.logoFloat {
	float: left;
	margin: 0px 10px 20px 20px;
	}

.partnerBio {
	margin-left: 220px;
	margin-bottom: 30px;
	}

/* ================================================================= */






/* ================================================================= */
/* DEMO CENTER ENTRANCE PAGE SPECIFIC		                         */
/* ----------------------------------------------------------------- */

div#democenterFor {
	display: block;
	width: 167px;
	border: 1px #cdcdcb solid;
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
	margin-right: 5px;
	}

div#democenterFor div {
	margin: 0px 5px;
	}

div#democenterFor div.democenterContent {
	border-top: 3px #cdcdcb solid;
	padding-top: 10px;
	height: 120px;
	}

div#democenterFor div.democenterStart {
	margin: 0px 0px;
	border-top: 1px #cdcdcb solid;
	text-align: right;
	}

div#democenterFor div.democenterStart a:link, div#democenterFor div.democenterStart a:active, div#democenterFor div.democenterStart a:visited {
	color: #6f6f6f;
	line-height: 24px;
	padding: 5px 10px 5px 10px;
	_padding: 5px 10px 5px 10px;
	border-left: 1px #cdcdcb solid;
	}

div#democenterFor div.democenterStart a:hover {
	background: #EFEFEF;
	color: #333333;
	}

/* ================================================================= */






/* ================================================================= */
/* IMAGE BULLETS SPECIFIC				                             */
/* ----------------------------------------------------------------- */

.bullet {
	
	}

.bullet ul {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	padding-top: 0px;
	}

.bullet li {
	list-style-type: none;
	background-repeat: no-repeat;
	line-height: 13px;
	margin-bottom: 5px;
	padding: 3px 0px 5px 25px;
	}

.bullet li#bulletArrow {
	background-image: url(/images/common/arrow_green.gif);
	padding: 3px 0px 5px 25px;
	}


.bullet li#bulletArrow a:link, .bullet li#bulletArrow a:active, .bullet li#bulletArrow a:visited{
	font-weight: bold;
	color: #5d7f61;
	}

.bullet li#bulletArrow a:hover {
	color: #592c03;
	}

/* ================================================================= */







.................................................................... */
