img {
   behavior: url("pngbehavior.htc"); 
}

body {
	background: black;
	color: black;
	text-align: center;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #333333;	
	font-size: 100%;
	padding: 0;
}



/*--------------------------- links */
a:link { 
	color: #0000CC; 
}

a:visited { 
	color: #0000CC; 
}

a:active { 
	color: #0000CC; 
}

a:hover { 
	text-decoration: none; 
	background-color: #FFFF99; 
} 


/* no links on images */
a:link img {
	border-style: none;
		background-color: transparent;
}

/* we don't want the text in logo in header to look like a link */
#mainbox #innerbox #logo #header a {
	text-decoration: none;
}

#mainbox #innerbox #logo #header a:hover {
	color: #0000CC;
	background-color: transparent;
}



/*--------------------------- general */
.clearboth {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

br {
	clear: left;
}
/*-------------------------------*/


#mainbox {
	padding: 0;
	background-color: #cccccc;
	width: 760px;
	color: black;
	text-align: left;
	background-image: url(../Images/BGborders.jpg);
	background-repeat: repeat-y;
	margin: auto;
}

#innerbox {
	width: 720px;
	margin-left: 20px;
	background-image: url(../Images/BGlogo4.jpg);
	background-repeat: no-repeat;
}

#logo #header {
	position: relative;
	color: #0000CC;
	left: 25px;
	top: 20px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
    letter-spacing: -0.05em;
	margin: 0;
	padding: 0;
	height: 80px;

}

/*--------------------------- menu */
#menu {
	clear:both;
	border-bottom:1px solid #666;
	background:#fff url(../Images/menu.gif);
	height:28px;
	font-size: 16px;
	margin-top:8px;
	}

#menu ul, ul.nobullets, .jsMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#menu li {
	/*width:13%;*/
	width: 86px;
	height:28px;
	margin:0;
	padding:0;
	float: left;
	}

#menu a {
	display:block;
	width:100%;
	line-height:28px;
	border-left:1px solid #7e7e7e;
	height:28px;
	background:#eee url(../Images/menu.gif);
	text-align:center;
	color:#000;
	text-decoration:none;
	}

#menu a span {
	display:block;
	width:100%;
	height:28px;
	border-left:1px solid #fff;
	}

#menu a:hover  {
	cursor:pointer;
	background-color:#ddd;
	background-position:100% -36px;
	}	

#menu li#current a span,
#home     #menu li#tab1 a span,
#about    #menu li#tab2 a span,
#products #menu li#tab3 a span,
#partners #menu li#tab4 a span,
#news     #menu li#tab5 a span,
#careers  #menu li#tab6 a span,
#contact  #menu li#tab7 a span, 
#feedback #menu li#tab8 a span { 
	background: #eee url(../Images/menu_sel.gif);
	background-position:100% -36px;
}


.jsMenu {
	position:absolute;
	display:none;
	padding:1px;
	background-color:#fff;
	border:1px solid #555;
	width: 90px;  /*jeanne moved this from menu.js */
	}

.jsMenu li {
	border-bottom:1px solid #fff;
	font-family:verdana,sans-serif;
	font-size:10px;
	margin:0px;
	padding: 0;
	}

.jsMenu li.separator {
	line-height:1px;
	height:1px;
	background-color:#fff;
	padding:0px;
	margin:0px;
	}

.jsMenu li a {
	display:block;
	text-decoration:none;
	border:1px solid #ccc;
	padding:1px 2px 2px 6px;
	line-height: 1.4em; /* Jeanne added for IE */
	color: black;
	}

.jsMenu a:hover {
	background:#efefef;
	background:#CCCCFF;
	}


	
/*----------------------------------------------------*/


#content  {
	/* bug in IE that caused pictures to shift in index.htm */
	/*position: relative;*/
	padding: 0;
	font-size: small;	
}

#content h1 {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: xx-large;
	    text-align: center;
	     margin-bottom: 0;
}

#content h2 {
        font-size: large;
	    text-align: center;
	     margin-bottom: 0;
}

#content h3 {
        font-size: medium;
	    text-align: center;
	     margin-bottom: 0;
}

#content h4 {
        font-size: small;
	    text-align: left;
	     margin-bottom: 0;
}

.lefthalf{
	position:relative;
	float:left;
	padding-left:10px;
	width:350px; /* 360 - padding */
}

.lefthalf img{
	padding-top:5px;
	padding-bottom:0;
	margin:0;
}

.righthalf{
	position: relative;
	float: left; /* opera and firefox require this */
	text-align: left;
	width: 350px;
	margin-left: 0;
	margin-top: 0;
	padding-right:10px;
}

#home .righthalf {
	position: relative;
	float: none;
	text-align: left;
	margin-left: 50%;
	margin-top: 50px;
	padding-right: 10px;
	font-size:medium;
}

#home .lefthalf {
	font-size:medium;
	width:300px; /* make it smaller */
	}

#misc #content h1 {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: x-large;
        text-align: center;
        margin-bottom: 0;
}

#misc #content h2 {
        font-size: large;
        text-align: left;
        margin-bottom: 0;
}

#misc #content {
	text-align: justify;
        padding-right: 20px;
        padding-left: 10px;
}



#home #content #top .topheader {
	font-size: large;
	color: #0000CC;
}

#home #content #pics {
    margin-top: 50px;
	margin-left: 8px;
	margin-right: 8px;
    border-top:2px groove white;
	border-bottom: 2px groove white;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 0;
	padding-right: 0;
	/*background-color: #CCCCCC;*/
}

#home #content #pics img {
    margin-left: 15px;
	margin-right: 15px;
}

#about #content  em, 
#partners #content em, 
#careers #content em {
	color: #0000CC;
	font-weight:bold;
	font-style: normal;
}

#about #content #footnote {
	margin-top: 40px;
	font-size: x-small;
	text-align: center;
	color: #666666;
}

#about #content #staff .person  {
	/* border-bottom: 2px dashed black; */
}

#about #content #staff img  {
	float: left;
	width: 120px;
}

#about #content  #staff .description {
	padding: 0px 20px 10px 20px;
	float: left;
	text-align: justify;
	width: 545px;
}

#about #content #staff h1 {
	font-size: large;
	text-align: left;
	margin-bottom: 10px;
}

#about #content  #staff h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: small;
	text-align: left;
}


#partners #content  {
	text-align: left;
	margin-top: 0px;
}

#partners #content h1 {
	font-weight:bold;
	font-size: x-small;
	background-color: #FFFFCC;
	text-align: center;
	margin-top: 0;
	padding: 2px;
}

#partners #content h1 .firstletter {
	font-size: small;
}

#news #content {
	text-align: left;
	margin-left: 50%;
	margin-top: 0;
}

#news #content h1 {
	font-weight: bold;
	font-size: small;
	text-align: left;
	margin-top: 0;
}

#news #content h1 .firstletter {
	font-size: medium;
}

#news #content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#news #content ul li {
	padding: 1em;
}

#news #content #mediacontact {
	text-align: right;
	margin-top: 3em;
}

#news #contentitem {
	text-align: left;
	margin-top: 50px;
	color: black;
	padding-left: 1%;
	padding-right: 1%;
}

#news #contentitem img {
	float: right;
	padding: 1%;
}

#news #contentitem ul li{
	padding: .1em;
}

#news #contentitem #date {
	font-weight: bold;
}

#news #contentitem #headline {
	font-weight: bold;
	font-size: medium;
}

#news #contentitem .about {
	font-weight: bold;
	margin-top: 2em;
}

#news #contentitem em {
	font-weight: bold;
	font-style: normal;
}

#news #contentitem #mediacontact {
	width: 50%;
	margin-left: 360px;
	margin-top: 3em;
}

#careers #content  {
	text-align: left;
	margin-top: 50px;
}

#careers #content h1 {
	font-weight:bold;
	font-size: x-small;
	background-color: #FFFFCC;
	text-align: center;
	margin-top: 100px;
	padding: 2px;
}

#careers #content h1 .firstletter {
	font-size: small;
}

#search {
	float: right; 
	position: relative; 
	top:auto; 
}

#search .classinput {
	width: 200px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
    font-size: 12px;
}

#search #searchbutton {
	width: 60px;
    font-size: 12px;
}
	
#products #content #top{
	padding-top: 3px;
	position: relative; /* to fix IE bug */
}

#products #content #top p {
	margin-top: .75em;
	margin-bottom: .75em;
}



#products #content .half {
	position: relative; 
	width: 350px; /* 360px - 10px padding */
	float: left;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;	
}

#products #content #bottom .half {
	position: relative; 
	width: 318px; /* 360px - 10px padding - 2px border on bottom - 30px margin on bottom  */
	float: left;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;	
}

/* use this for img */
#products #content .halfimg{
	position: relative;
	width: 360px;
	float: left;
	padding-top: 0px;
}


#products #content #img {
	float: right; 
	padding-top: 10px; 
	margin-right: 15px;
	position: relative;
}

/*--------------------------- background color of page */

#products #content {
	background-color: #CCCCFF;
}


/*--------------------------- colors */
#products #overview .ivress {
	color: #663333;
}

.dis, .lea, .ivress {
	color: #333333;
}	

.ivress em {
	color: #996633;
	font-style: normal;
	font-weight: bold;
}

.dis em  {
	color: #666699;
	font-style: normal;
	font-weight: bold;
}

.lea em {
	color: #996633;
	font-style: normal;
	font-weight: bold;
}

#products #content .ivress #pricing a {
	color: #663333;
}

/* Tan hack for IE 5x */
* html #products #overview #content .half {
	width: 360px;
	w\idth: 350px;
}

#products #overview #content {
	padding-top: 5px;
}

#products #overview #content #lea {
	position: relative;
	width: 710px;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 5px;	
	padding-right: 5px;	
}

/* Tan hack for IE 5x */
* html #products #overview #content #lea {
	width: 720px;
	w\idth: 710px;
}

#products #overview #content h1 {
	font-weight: bold;
	font-size: large;
	text-align: center;
}

#products #overview #content h2 {
	font-size: small;
	text-align: center;
	margin: 0;
	font-weight: normal;
}

#products #overview #content h3 {
	font-size: x-small;
	text-align: center;
	margin: 0;
}

#products #overview #content h2 .firstletter {
	font-size: medium;
}

#products #overview #content .prodheader {
	font-size: large;
	font-weight: bold;
}

#products #overview #content .ivress .prodheader {
	color: #996633;
}

#products #overview #content .dis .prodheader {
	color: #666699;
}

#products #overview #content #lea .prodheader {
	color: #996633;
	text-align: center;
}

#products #content em {
	font-weight: bold;
	font-style: normal;
}

#products #overview #content .dis p {
	margin-top: .5em;
}

#products #overview #content .dis h1 {
	color: #333333;
}

#products #overview #content #lea em {
	font-weight: bold;
	font-style: normal;
}

#products #overview #content #license {
	margin-top: 55px;
	text-align: center;
	font-size: x-small;
}

#products .caption {
	font-size: small;
	text-align: center;
}

/*--------------------------- feedback form */
#feedback .classlabel, 
#feedback .classinput, 
#feedback .classtextarea {
	display: block;
	float: left;
	margin-bottom: 5px; /* spacing between fields */
}

#feedback .classlabel {
	width: 160px;
	padding-right: 5px;
	text-align: right;
        font-family: Times New Roman, Times, serif;
	font-weight: bold;
        font-size: large;
}


#feedback .classinput,
#feedback .classtextarea {
	width: 500px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
        font-size: medium;
}

#feedback .inputsubmit {
	display: block;
	margin-top: 10px;
	margin-left: 260px;
	width: 200px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
    font-size: x-large;
}

#feedback input:hover {
	background: #ffffcc;
}

#feedback textarea:hover {
	background: #ffffcc;
}

#feedback fieldset {
    border:2px groove white;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 60px;
    width: 600px;
    padding-left: 0px;
    padding-bottom: 0px; 
}

#feedback fieldset div {
	width: 41%;
	float: left;
	margin-top: 10px;
	padding-left: 50px;
}

#feedback fieldset legend {
    font-family: Times New Roman, Times, serif;
	font-weight: bold;
    font-size: large;
	color: black;
}

#feedback fieldset div label {
	display: block;
    font-family: Times New Roman, Times, serif;
	font-weight: normal;
    font-size: large;
}
#feedback .clearer {
	height: 0;
	line-height: 0;
	clear: both;
}
* html .clearer {
	font-size: 0;
}


#footer {
    font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #999999;
	text-align: center;
	margin-top: 50px;
}

/*--------------------------- buttons */
.button	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url("../Images/buttonHover.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 22px;
	margin: 0; 
	padding: 0; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

*html .button { /* IE fix */
	margin-left: 0;
	margin-right: 0;
}

.button a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	width: 100px;
	height: 22px;
        float: left;  
	text-decoration: none;
	color: black;
}


.button img {width: 100px; height: 22px; border: 0; }
* html a:hover {visibility:visible}
.button a:hover img{visibility:hidden; }
.button a:hover {background-color: transparent;}


/* text on button */
.button span {
	position: absolute;
	left: 0px;
	top: 3px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 100px;
	text-align: center;
	color: black;
}

.centerbutton {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	float: right;	
}

#products #bottom {	
	border-top: 0px;
	border-right: 1px solid black;
	border-left:  1px solid black;
	border-bottom: 1px solid black; 
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 0px;
}

#pub {
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
}

#pub h3 {
	margin: 0;
	padding: 0;
}



#eula {
	padding: 1%;
	text-align: justify;
}

#eula h1 {
	text-align: center;
	font-size: small;
}

#products #bottom ul li     {font-weight: bold; } 
#products #bottom ul li li  {font-weight: normal;} 

ul  {
	margin-top: 0px; /* needed by FF so that it will look like IE */
}

/* IE ignores min-height,  FF and the rest will use this rule and place a 
scrollbar on all pages */
html { min-height:100%; margin-bottom:1px; }


	
/* from www.opera.com */
#sub {
	/* #efefef is not used */
	background:#efefef url(../Images/subnav.gif) bottom left;
	font-size: 14px;   /* size of the text on the tabs */
	line-height:1.4em;
	margin-bottom:0px; 
    font-family: Arial, Helvetica, Verdana, sans-serif
	}

#sub a {
	color:#333;    /* color of the text on the tabs */
	display:block;
	min-width:48px;   /* size of tabs - this is for Firefox */
	float:left;
	text-decoration:none;
	background:transparent url(../Images/tabright.gif) top right no-repeat;
	margin:-1px 6px 0 0;  /* spacing between tabs */
	cursor: pointer; /*this was required for IE for some unknown reason*/
	}

#sub a span {
	display:block;
	height:1.4em;
	background:transparent url(../Images/tableft.gif) top left no-repeat;
	padding:0px 12px 0px 12px;
	}

#sub a.current,
#overview       #sub a.ptab1,
#ivress_ptab    #sub a.ptab2,
#ivresscfd_ptab #sub a.ptab3,
#dis_ptab       #sub a.ptab4,
#disbelt_ptab   #sub a.ptab5,
#lea_ptab       #sub a.ptab6 {
	background-position:100% -36px;
	border-bottom:1px solid #CCCCFF;
	}
	

#sub a:hover {
  color:#3333CC;	
}

#sub .current span,
#overview       #sub .ptab1 span,
#ivress_ptab    #sub .ptab2 span, 
#ivresscfd_ptab #sub .ptab3 span,
#dis_ptab       #sub .ptab4 span,
#disbelt_ptab   #sub .ptab5 span,
#lea_ptab       #sub .ptab6 span {
	background-position:0 -36px;
	}
	
#sub .current a:hover,
#overview       #sub .ptab1 a:hover,
#ivress_ptab    #sub .ptab2 a:hover,
#ivresscfd_ptab #sub .ptab3 a:hover,
#dis_ptab       #sub .ptab4 a:hover,
#disbelt_ptab   #sub .ptab5 a:hover,
#lea_ptab       #sub .ptab6 a:hover {
	color: #333; /* don't change color when hover over selected one */
}

#subx {
	background:transparent url(../Images/subx.gif) bottom right no-repeat;
	height:1.4em;
	padding:5px 10px 0 10px; /* location of tabs */
	}
	
/* modificatios for IE */
*html #sub a {
	width: 100px;
}

*html #sub a span {
	padding: 2px 0 0 0;
	text-align: center;
}

/* for 2nd level tabs */
#sub2 {
	/* #efefef is not used */
    background:#efefef url(../Images/subnav2.gif) bottom left;
	font-size:12px;  
	line-height:1.4em;
	margin-bottom:0px; 
    font-family: Arial, Helvetica, Verdana, sans-serif;	
	margin-left: 14px; /* any larger and IE will act funny */
	padding:5px 0px 0 7px; /*location of tabs */	
	margin-right: 11px;
	height: 1.4em;
	}

#sub2 a {
	color:#333;    /* color of the text on the tabs */
	display:block;
	min-width:48px;   /* size of tabs */
	float:left;
	text-decoration:none;
	background:transparent url(../Images/tabright.gif) top right no-repeat;
	margin:-1px 6px 0 0;  /* spacing between tabs */
	cursor: pointer; /*this was required for IE for some unknown reason*/
	}

#sub2 a span {
	display:block;
	height:1.4em;
	background:transparent url(../Images/tableft.gif) top left no-repeat;
	padding:0px 12px 0px 12px;
	}

#sub2 a.current,
#highlights_pptab #sub2 a.pptab1,
#features_pptab   #sub2 a.pptab2,
#app_pptab        #sub2 a.pptab3,
#services_pptab   #sub2 a.pptab4,
#support_pptab    #sub2 a.pptab5,
#order_pptab      #sub2 a.pptab6,
#pub_pptab        #sub2 a.pptab7,
#dis_features_pptab #sub2 a.pptab1,
#dis_app_pptab      #sub2 a.pptab2,
#dis_services_pptab #sub2 a.pptab3,
#dis_support_pptab  #sub2 a.pptab4,
#dis_order_pptab    #sub2 a.pptab5,
#dis_pub_pptab      #sub2 a.pptab6 {
	background-position:100% -36px;
	border-bottom:1px solid #CCCCFF;
	}
	

#sub2 a:hover{
   color:#3333CC;
}

#sub2 .current span,
#highlights_pptab #sub2 .pptab1 span,
#features_pptab   #sub2 .pptab2 span,
#app_pptab        #sub2 .pptab3 span,
#services_pptab   #sub2 .pptab4 span,
#support_pptab    #sub2 .pptab5 span,
#order_pptab      #sub2 .pptab6 span,
#pub_pptab        #sub2 .pptab7 span,
#dis_features_pptab #sub2 .pptab1 span,
#dis_app_pptab      #sub2 .pptab2 span,
#dis_services_pptab #sub2 .pptab3 span,
#dis_support_pptab  #sub2 .pptab4 span,
#dis_order_pptab    #sub2 .pptab5 span,
#dis_pub_pptab      #sub2 .pptab6 span {
	background-position:0 -36px;
	}
	
#sub2 .current a:hover,
#highlights_pptab #sub2 .pptab1 a:hover,
#features_pptab   #sub2 .pptab2 a:hover,
#app_pptab        #sub2 .pptab3 a:hover,
#services_pptab   #sub2 .pptab4 a:hover,
#support_pptab    #sub2 .pptab5 a:hover,
#order_pptab      #sub2 .pptab6 a:hover,
#pub_pptab        #sub2 .pptab7 a:hover,
#dis_features_pptab #sub2 .pptab1 a:hover,
#dis_app_pptab      #sub2 .pptab2 a:hover,
#dis_services_pptab #sub2 .pptab3 a:hover,
#dis_support_pptab  #sub2 .pptab4 a:hover,
#dis_order_pptab    #sub2 .pptab5 a:hover,
#dis_pub_pptab      #sub2 .pptab6 a:hover {
	 color: #333; /* don't change color when hover over selected one */
}

/* forget sub2x - it was causing bug in IE */
#sub2x {
	background:transparent url(../Images/subx.gif) bottom right no-repeat;
	height:1.4em;
	padding:5px 10px 0 10px; /*location of tabs */
	}
	
/* modificatios for IE */
*html #sub2 a {
	width: 90px;
}

*html #sub2 a span {
	padding: 2px 0 0 0;
	text-align: center;
}