.questions {background:yellow;}
.highlight {background:#FEFBE0;}

body {background: #FFFFFF; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 74%; line-height: 140%;}

.form-error { color: #ff0000; }

form {margin: 0; padding: 0;}

td { /*vertical-align:top;*/ }

a {color: #3C719D; text-decoration: none;}
a:hover {text-decoration: underline;}

#header a {color: #FFFFFF; text-decoration: none;}
#header a:hover {color: #3C719D; text-decoration: none;}

#headerlist a {color: #cccccc; text-decoration: none;}
#headerlist a:hover {color: #3C719D; text-decoration: none;}

.image li {padding-bottom:5px; font-weight:bold; font-size:.9em; list-style:url("../img/common/bullet.gif");}

#logo-toolbar {margin-top: 25px; width: 825px; padding-bottom: 35px;}
#logo {text-align: left; padding-left:20px;}

#toolbar {text-align: right; font-size: 0.8em; color: #999999;}
#toolbar a {color: #999999; text-decoration: none;}
#toolbar a:hover {text-decoration: underline;}

#toolbar2 {font-size: 0.8em; color: #999999;}
#toolbar2 a {color: #999999; text-decoration: none;}
#toolbar2 a:hover {text-decoration: underline;}

#nav-banner {position: relative; margin-bottom: 2px; }
#mainnav {position: absolute; left: 140px; top: -22px; color: #FFFFFF;}
#banner {}

#form {margin-top:20px;}
#form td {padding-bottom:5px;}
#form td.text {width:150px; text-align:right; padding-right:10px;}

.required {color:#CC0000;}

#content {color:#585757; padding:20px 15px; text-align:left;}
#content a {color:#5282C6;}
#content a:hover {color:#C6BAAD;}
#content p {margin:0; padding-bottom:15px;}
#content h1 {font-size:1.2em; color:#5081C0; margin:0; text-transform:uppercase; padding-bottom:10px;}
#content h2 {font-size:1.1em; margin:0;}
#content h3 {font-size:1.0em; margin:0;}

#leftnav {text-align:left; font-size:.9em; padding-left:7px;}
#leftnav ul {margin:0; padding:0; background:url("../img/common/leftnav_bg.gif");}
#leftnav ul li {margin-left:4px; width:139px; float:none; list-style:none; border-bottom:1px solid #BABCB3;}
#leftnav ul li a {color:#716F6F; text-decoration:none; padding: 2px 0 3px 8px; display:block; height:100%;}/* you need the height if you don't use the border */
#leftnav ul li a:hover {color:#302F2F; background:#E8EBDB;}
#leftnav ul li.on a {color:#302F2F; background:#E8EBDB;}
#leftnav ul li ul li {font-size:10px; background:#000; border-bottom:none; display:block;}
#leftnav ul li ul li a {color:#FFF; padding-left:20px;}
#leftnav ul li ul li a:hover {color:#000; background:pink;}
#leftnav ul li ul li.on a {background:pink; color:#000;}

#rightnav {background:url("../img/rightnav/shadow_bg.gif"); width:196px;}
#rightnav #related {background:#F3F5ED; border-bottom:4px solid #D1CDBF; border-top:4px solid #D1CDBF; padding:8px 0; width:176px; text-align:left;}
#rightnav #related p {padding:0 8px; margin:0; color:#9A8B73;}
#rightnav #related a {color:#847152;}
#rightnav #related a:hover { color:#9A8B73;}
#rightnav #value {background:#E6EDF7; border-bottom:4px solid #BACEE9; border-top:4px solid #BACEE9; width:176px; text-align:left;}
#rightnav #value p {padding:6px 6px; margin:0; color:#716F6F;}
#rightnav #value a {color:#5081C0;}
#rightnav .divider {padding:5px 0;}
#rightnav #convinced {padding-top:10px;}

#pdfposition {padding:0px 0 0px 0px; margin-left:35px;}
#pdfposition .pdf-icon {padding-right:5px; padding-top:5px;}
#pdfposition .pdf-text {padding-right:10px; padding-top:7px;}

#highlights {width: 841px; height: 150px; background: url(../img/home/highlights_bg.gif) no-repeat;}
#highlights td {text-align: center; vertical-align: top; text-align: left; font-size: 0.9em; color: #999999; line-height: normal;}
#highlights div {padding: 0 20px;}
#highlights p {margin: 0; text-align: right;}

#construction {width: 308px; height: 150px; background: url(../img/home/highlights_bg.gif) no-repeat;}
#construction td {text-align: center; vertical-align: top; text-align: left; font-size: 0.9em; color: #999999; line-height: normal;}
#construction div {padding: 0 20px;}
#construction p {margin: 0; text-align: right;}

#news-tools {width: 815px;}
#news-tools td {text-align: left; font-size: 0.9em; padding: 0 5px; vertical-align: top; color: #424242;}
#news-tools a {color: #5284C6;}
#news-tools a:hover {color: #999999;}
#news-tools #news p {margin: 0 0 10px 0;}
#news-tools #customer p {margin: 5px 0;}
#news-tools #calc p {padding: 0 0 10px 70px; border-bottom: 1px solid #E7E7DE; margin: 10px 20px 10px 10px;}

#footer {width: 815px; margin-bottom:20px; text-align: left; font-size: 0.8em; color: #8C8C8D; background: url(../img/common/footer_border.gif) repeat-x;}
#footer td {padding-top: 5px;}
#footer a {color: #8C8C8D; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#product-family {border-right:1px solid #CCC; border-bottom:1px solid #CCC; margin-bottom:20px;}
#product-family td {border-left:1px solid #CCC; border-top:1px solid #CCC; vertical-align:middle; padding:3px;}
#product-family td.title {font-weight:bold; text-align:center; color:#947963;}
#product-family td.odd {background:#F7F7EF;}
#product-family td.even {background:#FFF;}
#product-family td.empty {border:none;}
#product-search {border-left:1px solid #CCC; border-top:1px solid #CCC;}
#product-search td {border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:3px;}
#product-search td.title {font-weight:bold; text-align:center;}
#product-search ul {margin:0; padding-left:20px;}
#product-search li {padding-bottom:5px;}
#product-search p {margin:0; padding-bottom:10px;}
#product-search ul.alpha {list-style:lower-alpha; padding-left:25px;}

#content .resource-table {margin-bottom:20px; width:100%; border-top:1px solid #D6D7D6; border-left:1px solid #D6D7D6;}
#content .resource-table td {padding:5px 10px; color:#847852; border-bottom:1px solid #D6D7D6; border-right:1px solid #D6D7D6; vertical-align:middle;}
#content .resource-table td.title {background:#FFF; padding:3px 10px; font-weight:bold; color:#947963;}
#content .resource-table td.odd {background:#F7F7EF;}
#content .resource-table td.even {background:#FFF;}
#content .resource-table a {color:#847152; font-weight:bold;}
#content .resource-table a:hover {color:#C6BEAD;}

#calculators table {width:100%;}
#calculators td {width:50%;}
#calculators td.left p {margin:0; padding-bottom:20px;}
#calculators td.right p {margin:0; padding-bottom:20px; padding-right:20px;}
#calculators #footer {background:#293941; color:#949CA0; text-align:right; padding:3px 20px;}
#calculators #footer a {color:#949CA0; text-decoration:none;}
#calculators #footer a:hover {text-decoration:underline;}
#calculators #form {border-left:1px solid #B2B8BA; border-right:1px solid #B2B8BA; width:276px; margin-top:2px;}
#calculators #form td {border-top:1px solid #B2B8BA; vertical-align:middle; padding:5px 15px;}
#calculators #form td.img {border:none; padding:0;}
#calculators #form td.odd {background:#E8EBDB;}
#calculators #form td.even {background:#F4F5ED;}

#calc-results {border-top:1px solid #B5BABD; border-left:1px solid #B5BABD;}
#calc-results td {border-bottom:1px solid #B5BABD; border-right:1px solid #B5BABD; padding:10px; vertical-align:middle;}
#calc-results td.end-title {background:#EFEBDE; font-weight:bold;}
#calc-results td.center-title {background:#847152; font-weight:bold; color:#FFF;}
#calc-results td.odd-end {background:#F7F7EF;}
#calc-results td.even-end {background:#EFEBDE;}
#calc-results td.even-center {background:#FFF; color:#847152; font-weight:bold;}
#calc-results td.odd-center {background:#EFEBE7; color:#847152; font-weight:bold;}
#calc-results td.seperator {color:#FFF; background:#312C29; padding:5px}
#calc-results td.recalc {color:#FFF; background:#295D9C; padding:5px;}
#calc-transaction {border:1px solid #B5BABD; padding:20px 0; background:#F7F7EF;}

#solutions {background:url("../img/solutions/solution_bg.gif"); width:442px; margin-bottom:20px;}
#solutions p {padding:0 20px 10px 20px; border-bottom:1px solid #E7E7E7; border-left:1px solid #D6D7D6; border-right:1px solid #D6D7D6;}
#solutions p.last {border-bottom:none;}
#solutions p.none {border:none; padding:0;}
#solutions h3 {color:#5A8EC6; padding:10px 0 0 20px; border-left:1px solid #D6D7D6; border-right:1px solid #D6D7D6;}
#solutions h3.first {padding-top:0;}
#solutiongraphic {position:relative; color:#FFF; font-size:.9em; line-height:1.3em; margin-bottom:20px;}
#solutiontext {position:absolute; top:140px; left:135px; width:288px;}

#comprehensive {position:absolute; top:14px; left:5px; visibility:hidden;}
#comprehensivetext {position:absolute; top:140px; left:135px; width:288px; visibility:hidden;}

#precisely {position:absolute; top:54px; left:5px; visibility:hidden;}
#preciselytext {position:absolute; top:140px; left:135px; width:288px; visibility:hidden;}

#qintelligently {position:absolute; top:95px; left:5px; visibility:hidden;}
#qintelligentlytext {position:absolute; top:140px; left:135px;width:288px; visibility:hidden;}

/* Begin sitemap section */

	#sitemap {font-size:1.1em;}
	#sitemap ul {float:left; list-style:none; margin:0; padding:0;}
	#sitemap ul.first {padding-right:20px;}
	#sitemap ul.second {border-left:1px solid #CCC; padding-left:20px;}
	#sitemap ul li ul {float:none;}
	#sitemap ul li ul li {padding-left:10px;}
	#sitemap li {padding-left:40px;}
	#sitemap li.title {padding-left:30px; padding-top:10px; font-weight:bold;}

/* End sitemap Section */


/* begin widget */

	#showhide {text-align:left; background:#5599DD; color:#FFF; border:1px solid #000; margin-bottom:20px;}
	#showhide h2 {margin:0; padding:5px 10px 15px 10px;}
	#showhide h3 {padding-left:10px; margin:0;}
	#showhide p {padding:10px; margin:0;}
	#showhide a {color:#FFFFFF;}

	#arrowup p {padding:0; text-align:right;}
	#arrowdown p {padding:0; text-align:right; position:relative; top:13px; left:0; width:100%;} /* be sure to set a width here for IE */

	.posthidden {display:none;}

/* end widget */


A.demolinks:link {text-decoration: none; color:blue;font-size: 14px}
A.demolinks:visited {text-decoration: none; color:blue;font-size: 14px}
A.demolinks:hover {text-decoration: underline; color:CC9900;font-size: 14px}


.TEXT_001 {font-size: 12px;font-family: Arial, Verdana, Helvetica, sans-serif;color:000000}

.TransparentDIV {filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}

/* CSS for the page anddocument displays */
.Paragraph01{
	padding: 30px; font-size: 0.9em; color: #333333;
}

.Paragraph02{
	padding: 30px; 
	font-size: 0.9em; 
	color: #333333;
	line-height: 150%;
}

.letter {
	font-size: 0.9em; 
	color: #333333; 
	line-height: 110%;
}

.letter0 {
	font-size: 1.0em; 
	color: #333333; 
	line-height: 150%;
}

.letter2 {
	font-size: 0.9em; 
	color: #333333; 
	line-height: 120%;
}

.letter3 {
	font-size: 0.9em; 
	color: #333333; 
	line-height: 150%;
}

.letter4 {
	font-size: 0.7em; 
	color: #333333; 
	line-height: 150%;
}

.caption {
	font-size: 1.5em; 
	color: #333333; 
}

.caption_wht {
	font-size: 1.5em; 
	color: #FFFFFF; 
}

.caption_small {
	font-size: 1.0em; 
	color: #333333; 
}

.fixNavigation {font: 1.2em;} 

/* IDs that handle EMail page display */
textarea {
  	scrollbar-base-color:#eeeeee;
  	scrollbar-3dlight-color:#62708A;
  	scrollbar-arrow-color:#62708A;
  	scrollbar-darkshadow-color:#000000;
  	scrollbar-face-color:#eeeeee;
  	scrollbar-highlight-color:#ffffff;
  	scrollbar-shadow-color:#aaaaaa;
  	scrollbar-track-color:#eeeeee;
}

.formButton01 {
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
   FONT-FAMILY: Tahoma;
   COLOR: #333333;
   BACKGROUND-COLOR: #75AEE7;
	HEIGHT: 19;
	MARGIN-BOTTOM: 1;
	border-width:1;
}

.TextBox {
    BORDER-RIGHT: #D4D0C8 1px solid;
    BORDER-TOP: #D4D0C8 1px solid;
    BORDER-LEFT: #D4D0C8 1px solid;
    BORDER-BOTTOM: #D4D0C8 1px solid;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Tahoma;
    COLOR: black;
    BACKGROUND-COLOR: white;
	 Cursor: pointer;
}

.box01 { border: 1px solid #CCCCCC; }

#inputfield {
	 border: 1px solid #CCCCCC;
}

#button_colour {  
	background: #efefef;
}

/* CSS that handles all the background images */	
#family
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/family.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#astronomy
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/Astronomy.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#travel
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/travel.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#hiking
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/hiking.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#art
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/artist.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#geneology
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/geneology.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#sf
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/sf.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#gardening
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/gardening.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#carpentry
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/capentry.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#food
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/foods.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#entertainment
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/entertainment.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#web
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/web.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#clubs
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/web.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#fishing
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/fishing.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#systems
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/system.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#timeline
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#gradeschool
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/gradeschool.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#preuniversity
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/preuniversity.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#university
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/university.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#gov_fulltime
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/gov_fulltime.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#jmbusiness
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/jmbusiness.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#syscom
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/syscom.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#gov_contract
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/gov_contract.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#contract
{
	background-image: url(http://online.creativesystemdesigns.com/img/interests/timeline/contract.jpg);
	background-repeat: repeat-x;
	background-position: center;
}