/*\*//*/
  @import "../css/ie5mac.css";
/**/
* {
	margin: 0;
	padding: 0;
	}
body {
	background-color: #66547C;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	}
* html body {
	text-align: left;
	}
* html body ul, * html body div {
	text-align: left;
	}
a:link {
	color: #330066;
	}
a:visited {
	color: #663399;
	}
a:hover {
	color: #003366;
	}
a:active {
	color: #003366;
	}

/*****
 Text
 *****/
p {
	font-size: 70%;
	color: #000000;
	line-height: 130%;
	padding-bottom: 1em;
	}
/***** h1 = main page title *****/
h1 {
	background-color: #2B0D4F;
	font-size: 135%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 4px 20px 6px 20px;
	}
/***** h2 = level 1 section head *****/
h2 {
	background: url() bottom left no-repeat;
	height: 17px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 148px 20px 0 20px;
	}
h2 a {
	text-decoration: none;
	}
h2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
h2 a:visited {
	color: #FFFFFF;
	}
h2 a:hover {
	color: #663399;
	}
h2 a:active {
	color: #663399;
	}
/***** h3 = level 2 section head *****/
h3 {
	background: url(../images/pic2.jpg) bottom left no-repeat;
	height: 17px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 25px 20px 0 20px;
	}
h3 a {
	text-decoration: none;
	}
h3 a:link {
	color: #FFFFFF;
	}
h3 a:visited {
	color: #FFFFFF;
	}
h3 a:hover {
	color: #663399;
	}
h3 a:active {
	color: #663399;
	}
/***** h4 = subheads within home page *****/
h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 125%;
	font-weight: normal;
	padding-bottom: 5px;
	color: #330066;
	}
/***** h5 = subheads within text area *****/
h5 {
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
	color: #330066;
	}
br.clear {
	clear: both;
	}
.skip {
	position: absolute;
	top: 0;
	left: 355px;
	padding: 0;
	color: #66547C;
	}
.skip a {
	color: #66547C;
	}
.skip a:link {
	color: #66547C;
	}
.skip a:visited {
	color: #66547C;
	}
.skip a:hover {
	color: #66547C;
	}
.skip a:active {
	color: #66547C;
	}

	
/***** FOR h2 change background image for section *****/
.picabout {
	background: url(../images/pic1_about.jpg) bottom left no-repeat;
	}	
.picservices {
	background: url(../images/pic1_services.jpg) bottom left no-repeat;
	}
.picproducts {
	background: url(../images/pic1_products.jpg) bottom left no-repeat;
	}
.picresources {
	background: url(../images/pic1_resources.jpg) bottom left no-repeat;
	}
.picnews {
	background: url(../images/pic1_news.jpg) bottom left no-repeat;
	}
.pictools {
	background: url(../images/pic1_tools.jpg) bottom left no-repeat;
	}

/*****
 Main Navigation
 *****/
	
/***** for home page *****/
ul#nav {
	width: 265px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #330066;
	font-size: 10pt;
	text-align: right;
	padding: 0;
	z-index: 40;
	}
* html ul#nav {
	}
ul#nav a {
	text-decoration: none;
	color: #330066;
	}
ul#nav li {
	list-style: none;
	display: block;
	margin-bottom: 15px;
	}
ul#nav li div {
	text-align: right;
	height: 20px;
	padding: 65px 20px 0 0;
	}
ul#nav li div#about {
	background: url(../images/nav0_about.jpg) top left no-repeat;
	}
ul#nav li div#products {
	background: url(../images/nav0_products.jpg) top left no-repeat;
	}
ul#nav li div#services {
	background: url(../images/nav0_services.jpg) top left no-repeat;
	}
ul#nav li div#resources {
	background: url(../images/nav0_resources.jpg) top left no-repeat;
	}
ul#nav li div#news {
	background: url(../images/nav0_news.jpg) top left no-repeat;
	}
ul#nav li div#tools {
	background: url(../images/nav0_tools.jpg) top left no-repeat;
	}
/***** for content pages *****/
ul#nav1 {
	width: 165px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #330066;
	font-size: 10pt;
	text-align: right;
	padding: 0;
	z-index: 40;
	}
* html ul#nav1 {
	}
ul#nav1 a {
	text-decoration: none;
	color: #330066;
	}
ul#nav1 li {
	list-style: none;
	display: block;
	margin-bottom: 35px;
	}
ul#nav1 li div {
	height: 22px;
	text-align: right;
	padding: 3px 20px 0 0;
	background: url(../images/nav1_ground.gif) top left no-repeat;
	}

/*****
 Sub Navigation Rollovers
 *****/	

.sub {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	padding: 0;
	border: 1px solid #10447E;
	background-color: #FFFFFF;
	}
.sub ul {
	background-color: #FFFFFF;
	padding: 0;
	}
.sub li {
	list-style: none;
	padding: 0;
	min-height: 16px;
	}
* html .sub li {
	line-height: 9pt;
	height: 16px;
	}
.sub a {
	color: #330066;
	text-decoration: none;
	}
.sub li ul {
	border-top: 1px solid #10447E;
	border-bottom: 1px solid #10447E;
	}
.sub li li a {
	color: #666633;
	}
.roll {
	min-height: 16px;
	padding: 2px 0 0 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	}
* html .roll {
	height: 16px;
	}
.sub li li .roll {
	font-size: 7pt;
	color: #666633;
	padding: 3px 0 0 10px; 
	}
.at {
	min-height: 18px;
	padding: 2px 0 0 5px;
	background-color: #CCCC99;
	color: #330066;
	display: block;
	}
.sub li li .at {
	min-height: 18px;
	font-size: 7pt;
	color: #666633;
	padding: 3px 0 0 10px;
	background-color: #CCCC99;
	display: block;
	}
.roll:hover {
	background-color: #CCCC99;
	border-top: 1px solid #10447E;
	border-bottom: 1px solid #10447E;
	}
	
/***** for home page *****/
div#navabout {
	width: 175px;
	position: absolute;
	top: 3px;
	left: 265px;
	z-index: 50;
	visibility: hidden;
	}
div#navservices {
	width: 175px;
	position: absolute;
	top: 123px;
	left: 265px;
	z-index: 52;
	visibility: hidden;
	}
div#navproducts {
	width: 175px;
	position: absolute;
	top: 263px;
	left: 265px;
	z-index: 51;
	visibility: hidden;
	}
div#navresources {
	width: 175px;
	position: absolute;
	top: 343px;
	left: 265px;
	z-index: 53;
	visibility: hidden;
	}
div#navnews {
	width: 175px;
	position: absolute;
	top: 442px;
	left: 265px;
	z-index: 54;
	visibility: hidden;
	}
div#navtools {
	width: 175px;
	position: absolute;
	top: 563px;
	left: 265px;
	z-index: 55;
	visibility: hidden;
	}
	
/***** for content pages *****/
div#navabout1 {
	width: 175px;
	position: absolute;
	top: 61px;
	left: 165px;
	z-index: 50;
	visibility: hidden;
	}
div#navproducts1 {
	width: 175px;
	position: absolute;
	top: 181px;
	left: 165px;
	z-index: 51;
	visibility: hidden;
	}
div#navservices1 {
	width: 175px;
	position: absolute;
	top: 121px;
	left: 165px;
	z-index: 52;
	visibility: hidden;
	}
div#navresources1 {
	width: 175px;
	position: absolute;
	top: 241px;
	left: 165px;
	z-index: 53;
	visibility: hidden;
	}
div#navnews1 {
	width: 175px;
	position: absolute;
	top: 301px;
	left: 165px;
	z-index: 54;
	visibility: hidden;
	}
div#navtools1 {
	width: 175px;
	position: absolute;
	top: 361px;
	left: 165px;
	z-index: 55;
	visibility: hidden;
	}


/*****
 Header and Footer
 *****/
 
div#header {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	width: 940px;
	height: 52px;
	padding: 10px;
	text-align: right;
	line-height: 125%;
	}
.search {
	font-size: 8pt;
	color: #FFFFFF;
	display: inline;
	}
div#masthead, div#masthead1 {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 530px;
	position: relative;
	padding: 20px 0 0 355px;
	text-align: right;
	}
div#masthead1 {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 490px;
	position: relative;
	padding: 20px 0 0 355px;
	text-align: right;
	}
div#masthead a, div#masthead1 a {
	text-decoration: none;
	}
.logo {
	position: absolute;
	top: 0;
	left: 355px;
	}
div#footer {
	width: 530px;
	height: auto;
	position: relative;
	padding: 0 0 0 355px;
	font-size: 8pt;
	}
div#footer ul {
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	}
div#footer li {
	list-style: none;
	display: inline;
	padding-right: 10px;
	}
div#footer a {
	color: #6699CC;
	}
div#footer a:hover {
	color: #99CCFF;
	}
.button {
	position: relative;
	bottom: 10px;
	}


/*****
 Content Areas
 *****/
 
div#content0 {
	width: 530px;
	height: auto;
	position: relative;
	padding: 5px 0 25px 355px;
	}
div#content1 {
	width: 490px;
	height: auto;
	position: relative;
	padding: 5px 0 25px 355px;
	}
div#content0 ul, div#content1 ul {
	margin-bottom: 1em;
	}
div#content0 li, div#content1 li {
	list-style-position: outside;
	margin-left: 15px;
	font-size: 70%;
	}
* html div#content {
	}
div#intro {
	background: #FFFFFF url(../images/pic0_ground.jpg) no-repeat bottom left;
	position: relative;
	top: 0px;
	left: 0;
	width: 355px;
	height: 155px;
	padding: 18px 155px 20px 20px;
	}
div#intro h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #330066;
	}
div#intro p {
	padding: .5em 0 0 0;
	}
div#wrapfeatures {
	background-color: #93A36D;
	width: 530px;
	height: 230px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	}
div#wrapfeatures p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height: 130%;
	}
div#wrapfeatures a {
	color: #003366;
	}
div#wrapfeatures a:hover {
	color: #330066;
	}
div#new {
	width: 135px;
	height: 180px;
	position: relative;
	top: 0;
	left: 0;
	padding: 10px 20px 40px 20px;
	border-right: 1px solid #10447E;
	}
div#pub {
	width: 135px;
	height: 180px;
	position: absolute;
	top: 0px;
	left: 177px;
	padding: 10px 20px 40px 20px;
	border-right: 1px solid #10447E;
	}
div#demo {
	width: 136px;
	height: 180px;
	position: absolute;
	top: 0px;
	left: 354px;
	padding: 10px 20px 40px 20px;
	}
div#textarea {
	background-color: #FFFFFF;
	width: 450px;
	position: relative;
	top: 0;
	left: 0;
	padding: 20px;
	}
	
/*****
 Forms 
 *****/
form#searchform {
	margin: 0;
	padding: 0;
	display: inline;
	}
form#searchform input {
	vertical-align: middle;
	}
form#searchnav {
	margin: 0;
	text-align: left;
	}
form#searchnav input {
	vertical-align: middle;
	}
table {
	border: 1px solid #663399;
    margin-top: 1.5em;
    }
.form p {
	font-size: 100%;
	}
.form td {
	font-size: 70%;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
	padding: 0;
	}
.form td .label {
	white-space: nowrap;
	}
.required {
	font-size: 90%;
	color: #990000;
	}
legend {
	font-size: 70%;
	color: #6699CC;
	font-weight: bold;
	text-transform: uppercase;
	}