@import url("whitespace-reset.css");

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	background: #EAE8E9;
	color: #050505; }

h1 { 
	font-size: 18px; }

h2 { 
	font-size: 14px;
	margin: 5px 0; }
h3 { 
	font-size: 12px;
	margin: 5px 0; }

h4 { 
	font-size: 14px;
	margin: 5px 0 5px 20px;
	width: 300px;
	border-bottom: 1px solid #000; }

#sitewrapper {
	width: 918px;
	margin: 7px auto 0 auto; }
	#sitewrapper #header {
		float: left;
		width: 918px; }
		#sitewrapper #header a#logo {
			float: left;
			width: 175px;
			height: 81px;
			display: block; } 
		#sitewrapper #header #hdr-right {
			background: transparent url("../images/bg_header2.gif") no-repeat 0 0;
			float: right;
			width: 743px;
			height: 81px;
			position: relative; }
			#sitewrapper #header #hdr-right h1 {
				position: relative;
				top: 15px;
				left: 100px;
				font-family: "Trebuchet MS",Arial,Verdana;
				color: #414040; }
			#sitewrapper #header #hdr-right form#sitesearch {
				float: left;
				width: 170px;
				position: relative;
				top: -5px;
				left: 550px; }
				#sitewrapper #header #hdr-right form#sitesearch input#searchtext {
					width: 150px;
					height: 18px; }
				#sitewrapper #header #hdr-right form#sitesearch input#searchbutton {
					width: 20px;
					position: absolute;
					top: 0;
					right: -5px; }
			#sitewrapper #header #hdr-right p#searchbox-nav {
				position: relative;
				clear: both;
				width: 170px;
				top: 0;
				left: 570px; }
				#sitewrapper #header #hdr-right p#searchbox-nav a {
					color: #5A5959; }

			/* DROPDOWN NAVIGATION */
			#sitewrapper #header #hdr-right ul#hdr-nav, #sitewrapper #header #hdr-right ul#hdr-nav ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1; }
				#sitewrapper #header #hdr-right ul#hdr-nav {
					position: relative;
					top: 5px;
					left: -10px; }
				#sitewrapper #header #hdr-right ul#hdr-nav li {
					float: left;
					padding: 0 10px;
					border-right: 1px solid #000; }
					#sitewrapper #header #hdr-right ul#hdr-nav li.last {
						border-right: none;
						padding: 0 0 0 5px;
						width: 44px; }
						#sitewrapper #header #hdr-right ul#hdr-nav li.last a {
							width: 44px; }
							#sitewrapper #header #hdr-right ul#hdr-nav li.last a img {
								width: 44px;
								padding: 0;
								margin: 0; }
					#sitewrapper #header #hdr-right ul#hdr-nav li a {
						color: #3F3E3E;
						text-align: center;
						display: block;
						/*width: 100px;*/ }
					#sitewrapper #header #hdr-right ul#hdr-nav li ul { /* second-level lists */
						position: absolute;
						background: #F0F2F1; /* EAE8E9 */
						width: 210px;
						top: 12px;
						left: -999em; }
						#sitewrapper #header #hdr-right ul#hdr-nav li ul li { /* second-level lists */
							border-right: none;
							width: 220px;
							padding: 5px; }
							#sitewrapper #header #hdr-right ul#hdr-nav li ul li a { /* second-level lists */
								color: #3F3E3E;
								text-align: left;
								display: inline; }

			#sitewrapper #header #hdr-right ul#hdr-nav li ul ul {
				margin: -1em 0 0 10em; }
			#sitewrapper #header #hdr-right ul#hdr-nav li:hover ul ul, #sitewrapper #header #hdr-right ul#hdr-nav li.sfhover ul ul {
				left: -999em; }
			#sitewrapper #header #hdr-right ul#hdr-nav li:hover ul, #sitewrapper #header #hdr-right ul#hdr-nav li li:hover ul, #sitewrapper #header #hdr-right ul#hdr-nav li.sfhover ul, #sitewrapper #header #hdr-right ul#hdr-nav li li.sfhover ul { /* lists nested under hovered list items */
				left: auto; }

	#sitewrapper #main {
		background: transparent url("../images/bg_main2.gif") repeat-y 0 0;
		float: left;
		width: 918px; }
		#sitewrapper #main #sidebar {
			float: left;
			width: 166px;
			padding: 0 0 0 9px; }
			#sitewrapper #main #sidebar h2 {
				margin-bottom: 0;  }
			div.navproducts #main #sidebar h2 {
				background: transparent url("../images/bg_arrow-product.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color: #1A67B0;
				font-size: 14px !important; }
			div.navproducts #main #sidebar h2 a {
				color: #1A67B0; }
			div.navproducts #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-product.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #1A67B0;
				font-size: 12px !important;
				font-weight: normal; }
			div.navsupport #main #sidebar h2 {
				background: transparent url("../images/bg_arrow-support.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color: #1D6A22;
				font-size: 14px !important; }
			div.navsupport #main #sidebar h2 a {
				color: #1D6A22; }
			div.navsupport #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-support.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #1D6A22;
				font-size: 12px !important;
				font-weight: normal; }
			div.navcst #main #sidebar h2 {
				background: transparent url("../images/bg_arrow-cst.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color: #B70215;
				font-size: 14px !important; }
			div.navcst #main #sidebar h2 a {
				color: #B70215; }
			div.navcst #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-cst.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #B70215;
				font-size: 12px !important;
				font-weight: normal; }
			div.navabout #main #sidebar h2 {
				background: transparent url("../images/bg_arrow-about.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color: #DAAB15;
				font-size: 14px !important; }
			div.navabout #main #sidebar h2 a {
				color: #DAAB15; }
			div.navabout #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-about.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #DAAB15;
				font-size: 12px !important;
				font-weight: normal; }
			div.navresources #main #sidebar h2 {
				background: transparent url("../images/bg_arrow-resources.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color: #7841C1;
				font-size: 14px !important; }
			div.navresources #main #sidebar h2 a {
				color: #7841C1; }
			div.navresources #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-resources.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #7841C1;
				font-size: 12px !important;
				font-weight: normal; }
			div.navsearch #main #sidebar h2 a {
				background: transparent url("../images/bg_arrow-search.gif") no-repeat 5px 10px;
				width: 146px;
				padding: 3px 0 3px 20px !important;
				color:#666;
				font-size: 14px !important; }
			div.navsearch #main #sidebar h2.relatedtitle {
				background: transparent url("../images/bg_arrow-search.gif") no-repeat 6px 8px;
				width: 143px;
				padding: 3px 0 3px 23px !important;
				color: #666;
				font-size: 12px !important;
				font-weight: normal; }
			#sitewrapper #main #sidebar ul {
				width: 146px;
				padding: 0 0 15px 20px; }
				#sitewrapper #main #sidebar ul.homesidenav li {
					font-size: 10px;
					padding: 3px 10px 3px 0; }
					#sitewrapper #main #sidebar ul.homesidenav li a {
						font-size: 10px; }
				#sitewrapper #main #sidebar ul li {
					border-bottom: solid 1px #CECED0;
					color: #050505; 
					padding-top: 3px;}
					#sitewrapper #main #sidebar ul li a {
						display:block; }
					#sitewrapper #main #sidebar ul li.firstborder {
						border-top: solid 1px #CECED0;}
					#sitewrapper #main #sidebar ul.relatedlinks li {
						padding: 3px 10px 0 3px;
						/*text-align: right;*/ }
						#sitewrapper #main #sidebar ul.relatedlinks li a {
							font-size: 12px; }
					#sitewrapper #main #sidebar ul li ul {
						width: 136px;
						padding: 0 10px 0 0; }
						#sitewrapper #main #sidebar ul li ul li {
							border-bottom: solid 1px #CECED0;
							padding-left: 20px;
							/*text-align: right;*/ }
							#sitewrapper #main #sidebar ul li ul li.lastnoborder {
								border-bottom: none;
  							     padding-left: 20px;
								/*text-align: right;*/ }
								#sitewrapper #main #sidebar ul li ul li a {
									font-size: 12px;
									color: #050505; }
					#sitewrapper #main #sidebar ul li a {
						font-size: 14px;
						color: #050505; }
						#sitewrapper #main #sidebar ul li a.selectedNav {
							background-image: url(../images/bg_nav.jpg);
							background-repeat:no-repeat;
							/*background:#ccc;*/ }
						#sitewrapper #main #sidebar ul li a:hover {
							background-image: url(../images/bg_nav.jpg);
							background-repeat:no-repeat;
							/*background:#ccc;*/ }			
		#sitewrapper #main #content {
			float: right;
			width: 734px;
			font-size:12px !important;
			padding: 0 9px 20px 0; }
			#sitewrapper #main #content #breadcrumbs {
				height: 28px !important;
				height: 21px;
				margin: 0 0 1px 0;
				color: #FFF;
				/* background-color: #1462ad; */ }
				div.navproducts #main #content #breadcrumbs {
					background-color: #1462ad !important; }
				div.navsupport #main #content #breadcrumbs {
					background-color: #25702A !important; }
				div.navcst #main #content #breadcrumbs {
					background-color: #B70215 !important; }
				div.navabout #main #content #breadcrumbs {
					background-color: #DAAB15!important; }
				div.navresources #main #content #breadcrumbs {
					background-color: #7841C1!important; }
				div.navsearch #main #content #breadcrumbs {
					background-color: #666!important; }
				#sitewrapper #main #content #breadcrumbs p {
					font-size: 10px;
					margin: 0 !important;
					margin: 7px 0 9px 5px;
					padding: 7px 0 0 19px !important;
					padding: 0; }
				#sitewrapper #main #content #breadcrumbs p a {
					text-decoration: underline;
					color: #FFF;
					font-size: 10px; }
				#sitewrapper #main #content form.interiorform {
					margin: 5px 5px 20px 20px;
				}
				#sitewrapper #main #content div.hometeaseritem {
					width:400px;
					float:left;
					clear: both;
					margin: 0 0 30px 20px; }
					#sitewrapper #main #content div.hometeaseritem img {
						float: left;
						margin: 0 5px 0 0; }
					#sitewrapper #main #content div.hometeaseritem p {
						width: 300px;
						line-height: normal;
						font-size: 12px;}
				#sitewrapper #main #content #right div.hometeaseritem {
					width:280px;
					float:left;
					clear: both;
					margin: 20px 0 30px 30px; }
  				   #sitewrapper #main #content #right div.hometeaseritem p {
				        float: right;
						width: 210px;
						line-height: normal;
						font-size: 12px; 
						margin: 0 0 0 0}
	
			#sitewrapper #main #content table#bibliotable {
				width:80%;	}
				#sitewrapper #main #content table#bibliotable tr td {
					text-align:left;	}
			#sitewrapper #main #content form table {
				width:80%;	}
				#sitewrapper #main #content form table tr td {
					text-align:left;	}
			#sitewrapper #main #content div.teaseritem {
				width:335px;
				float:left;
				height:160px;
				margin-right:30px; }
				#sitewrapper #main #content div.teaseritem h2 {
					border:none;
					font-size:12px; }
				#sitewrapper #main #content div.teaseritem img {
					float:right;
					margin:0 0 10px 5px; }
				#sitewrapper #main #content div.teaseritem p {
	                line-height:125%;
	                font-size:11px;}
			#sitewrapper #main #content div.resourcesteaseritem {
				width:335px;
				float:left;
				height:230px;
				margin-right:30px; }
				#sitewrapper #main #content div.resourcesteaseritem h2 {
					border:none;
					font-size:12px; }
				#sitewrapper #main #content div.resourcesteaseritem img {
					float:left;
					margin:0 10px 10px 20px; }
				#sitewrapper #main #content div.resourcesteaseritem p {
			        line-height:125%;
					font-size:11px; }
				
			#sitewrapper #main #content h1 {
			    margin: 0px 0px 10px 0px;
				padding: 5px 9px 2px 18px;
				font-weight:normal;
				letter-spacing:2px;
				font-family: Arial, Helvetica, sans-serif }
				div.navproducts #main #content h1 {
					color: #FFF;
					background-color: #1A67B0; }
				div.navsupport #main #content h1 {
					color:#FFF;
					background-color:#25702a; }
				div.navcst #main #content h1 {
					color:#FFF;
					background-color:#B70215; }
				div.navabout #main #content h1 {
					color:#FFF;
					background-color:#DAAB15; }
				div.navresources #main #content h1 {
					color:#FFF;
					background-color:#7841C1; }
				div.navsearch #main #content h1 {
					color:#FFF;
					background-color:#666; }
			#sitewrapper #main #content h2 {
				margin: 20px 100px 5px 20px; }
				div.navproducts #main #content h2 { 
				    color: #1A67B0;
					border-bottom: 1px solid #1A67B0;}
				div.navsupport #main #content h2 {
				    color: #236C26;
					border-bottom: 1px solid #236C26;}
				div.navcst #main #content h2 { 
				    color: #B70215;
					border-bottom: 1px solid #B70215;}
				div.navresources #main #content h2 { 
				    color: #7841C1;
					border-bottom: 1px solid #7841C1;}
				div.navsearch #main #content h2 { 
				    color: #B70215;
					border-bottom: 1px solid #B70215;}
				div.navabout #main #content h2 { 
				    color: #DAAB15;
					border-bottom: 1px solid #DAAB15;}
				#sitewrapper #main #content h2 a {
					text-decoration:none; }
			#sitewrapper #main #content h3 {
				padding: 0 0 0 20px; }
			#sitewrapper #main #content img {
				margin: 0;
				padding: 0; }
			#sitewrapper #main #content object {
				margin-left: 20px; }
			#sitewrapper #main #content #searchcontrol {
				margin: 0 0 0 20px;
				padding: 0; }
			#sitewrapper #main #content div.img-caption-125-float-right {
				width:125px;
				float:right;
				text-align:center;
				padding:0 0 10px 0;
				margin:0 100px 15px 20px; }
				#sitewrapper #main #content div.img-caption-125-float-right img {
					margin:0 auto; }
				#sitewrapper #main #content div.img-caption-125-float-right p {
					color:#666;
					text-align:center;
					margin:10px 0 0 0;
					padding:0 5px 0 5px; }
			#sitewrapper #main #content div.img-caption-125-float-left {
				width:125px;
				float:left;
				text-align:center;
				padding:0 0 10px 0;
				margin:0 10px 15px 20px; }
				#sitewrapper #main #content div.img-caption-125-float-left img {
					margin:0 auto; }
				#sitewrapper #main #content div.img-caption-125-float-left p {
					color:#666;
					text-align:center;
					margin:10px 0 0 0;
					padding:0 5px 0 5px; }
			#sitewrapper #main #content div.img-caption-250-float-right {
				width:250px;
				float:right;
				text-align:center;
				padding:0 0 10px 0;
				margin:0 100px 15px 20px; }
				#sitewrapper #main #content div.img-caption-250-float-right img {
					margin:0 auto; }
				#sitewrapper #main #content div.img-caption-250-float-right p {
					color:#666;
					text-align:center;
					margin:10px 0 0 0;
					padding:0 5px 0 5px; }
			#sitewrapper #main #content div.img-caption-250-float-left {
				width:250px;
				float:left;
				text-align:center;
				padding:0 0 10px 0;
				margin:0 10px 15px 20px; }
				#sitewrapper #main #content div.img-caption-250-float-left img {
					margin:0 auto; }
				#sitewrapper #main #content div.img-caption-250-float-left p {
					color:#666;
					text-align:center;
					margin:10px 0 0 0;
					padding:0 5px 0 5px; }
			#sitewrapper #main #content div.img-caption-520 {
				width:520px;
				text-align:center;
				padding:0 0 10px 0;
				margin:10px 0 15px 20px; }
				#sitewrapper #main #content div.img-caption-520 img {
					margin:0 auto; }
				#sitewrapper #main #content div.img-caption-520 p {
					color:#666;
					text-align:center;
					margin:10px 0 0 0;
					padding:0 5px 0 5px; }
			#sitewrapper #main #content img.interior-img {
				margin-left: 20px; }
			#sitewrapper #main #content img.interior-img-float-left {
				float:left;
				margin: 0 10px 10px 20px; }
			#sitewrapper #main #content img.interior-img-float-right {
				float:right;
				margin: 0 100px 10px 10px; }
			#sitewrapper #main #content p {
				padding: 0 0 0 0;
				margin: 0 100px 15px 20px;
				line-height: 125% }
			#sitewrapper #main #content blockquote {
				padding: 0 0 0 0;
				margin: 0 120px 15px 50px; 
				line-height: 125%}
			#sitewrapper #main #content a {
				text-decoration: underline;
				color: #00539F; }
			#sitewrapper #main #content table.nopad {
				padding: 0 0 0 0;
				margin: 0 0 0 0; }
				#sitewrapper #main #content table.nopad tr td {
					padding: 0 0 0 0; }
				#sitewrapper #main #content table.nopad tr th {
					padding: 0 0 0 0; }
	
			#sitewrapper #main #content table.coloredrows {
				padding: 0 0 0 10px;
				margin: 10px 0 10px 20px; }
				#sitewrapper #main #content table.coloredrows tr td {
					padding: 5px 10px 5px 10px; }
				#sitewrapper #main #content table.coloredrows tr th {
					padding: 10px 10px 10px 10px; }
			#sitewrapper #main #content table {
				padding: 0 0 0 10px;
				margin: 10px 0 10px 20px; }
				#sitewrapper #main #content table tr td {
					padding: 5px 10px 5px 0; }
			#sitewrapper #main #content #left {
				float: left;
				width: 365px; }
			#sitewrapper #main #content #em-software {
				float: left;
				width: 734px;
				margin-bottom: 15px; }
				#sitewrapper #main #content #em-software div.em-desc {
					float: left;
					width:171px; }
					#sitewrapper #main #content #em-software div.em-desc p {
						text-align: center;
						width:171px; }
			#sitewrapper #main #content ul {
			    /*width: 650px;  fix for IE - first bullet missing */
				padding: 10px 0 10px 45px;
				list-style-type: disc;
				margin: 0; }
			#sitewrapper #main #content ol {
				padding: 10px 0 10px 45px;
				list-style:decimal;
				margin: 0; }
			#sitewrapper #main #content ul li, #sitewrapper #main #content ol li {
				margin-right: 100px !important; }
			#sitewrapper #main #content ol.spacedlist li{
	            padding-top: 20px;
            }
			#sitewrapper #main #content ul.nobullet{
	            list-style-type: none;
            }
			#sitewrapper #main #content #left ul {
				width: 300px;
				padding: 0 0 0 35px;
				list-style-type: disc;
				margin: 0; }
				#sitewrapper #main #content #right ul {
					width: 300px;
					padding: 0 0 0 35px;
					list-style-type: disc;
					margin: 0; }
				#sitewrapper #main #content ul li {
					margin: 0 0 5px 0;
					/*width: 100%;*/ }
/*					#sitewrapper #main #content ul li ul li ul {
						padding-top: 5px;
						padding-bottom: 5px; }
						#sitewrapper #main #content ul li ul li ul li a {
							width: 600px; }*/
			#sitewrapper #main #content #right {
				float: left;
				width: 365px; }
			#sitewrapper #main #content #right h3, #sitewrapper #main #content #left h3 {
				clear:left; }


	#sitewrapper #footer {
		background: transparent url("../images/bg_footer2.gif") no-repeat 0 0;
		clear: both;
		float: left;
		width: 918px;
		height: 39px;
		font-size: 12px;
		color: #414040; }
		#sitewrapper #footer p#meta {
			float: left;
			padding: 7px 0 0 20px; }
		#sitewrapper #footer p#copy {
			float: right;
			padding: 7px 20px 0 0; }
			#sitewrapper #footer p a {
				text-decoration: underline;
				color: #414040; }