/* JA Stepin.org redesign 07/02/2005 */

/* ######################################## */
/* JA To make IE 4,5,5.5 show font-sizes in decent scale */
/* ######################################## */
/* @import url(stepin_import.css); */

/* ######################################## */
/* JA Styles for content */
/* ######################################## */

body {
/*	background: url(../images/top_fade.gif) repeat-x;  */
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}
body, table, td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A091A;
	line-height: 1.5em;
}

/* Underline links on nav menus is avoided by removing - BODY A:hover - */
A, A:link, BODY A, BODY A:link, BODY TABLE TD P A, BODY TABLE TD P A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0099;
	text-decoration: none;
	border-bottom: 1px;
}
A:visited, BODY A:visited, BODY TABLE TD P A:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CC0099;
/* text-decoration: underline;*/
}
A:hover, BODY A:hover, BODY TABLE TD P A:hover {
color: #FF0006;
text-decoration: underline;
}

/* JA makes external links dashed - IE6 still needs class=external applied to A tags*/
a[target=_blank]:hover,
a[rel=external]:hover {
text-decoration: none;
border-bottom: 1px dashed;
}

a.external:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}
/* JA end*/
h1 {
	font-family: Arial, 'MS Sans Serif', sans-serif;
	font-size: large;
	font-weight: bold;
	color: #1A0935;
	line-height: 1.4em;

}
h2 {
font-family: Arial, 'MS Sans Serif', sans-serif;
font-size: larger;
color: #666666;
}
h3 {
font-family: Arial, 'MS Sans Serif', sans-serif;
font-size: medium;
color: #666666;
}
img {
border:0px;
}
.body2, .body2 P {
color: #1A0935;
}
.smallText {
font-size: 85%;
}
a.smallText:link {
color: #CC6600;
font-size: 8pt;
text-decoration: none;
}
a.smallText:hover {
color: #0066FF;
font-size: 8pt;
text-decoration: none;
}
a.smallText:visited {
color: #CC6600;
font-size: 8pt;
text-decoration: none;
}
.printnav {
font-size: 80%;
}
a.printnav:link {
color: #CC3399;
font-size: 8pt;
text-decoration: none;
}
a.printnav:hover {
color: #279549;
font-size: 8pt;
text-decoration: none;
}
a.printnav:visited {
color: #CC3399;
font-size: 8pt;
text-decoration: none;
}
.copyright {
font-size: 8pt ;
color: #000000;
}
.hilite, .hilite a, .hilite a:hover, .hilite a:visited, .hilite a:link {
color : #0033CC;
font-size: 16px;
padding: 7px 15px ;
}
.navpath {
font-size: 9pt ;
color: #777777;
}
.divError {
	font-size:90%;
	color: #FF0210;
}
.quicklink {
	font-size: 14px;
	font-weight: normal;
	color: #F81718;
}
.leftnav a, .leftnav a:hover, .leftnav a:visited {
	font-size: 90%;
/*	line-height: 0em; */
}
.leftnav a:hover {
text-decoration: none;
}
.leftnav .navsubmenu {
	font-size: 80%;
}
.sitemap a, .sitemap a:hover, .sitemap a:visited {
	font-weight: bold;
	line-height: 1.4em;
}
.sitemap a:hover {
	text-decoration: none;
}
.sitemap .navsubmenu {
	font-weight: normal;
	line-height: 1.4em;
}
.sitemap .navsubmenu2 {
	font-weight: normal;
	font-size: 90%;
	line-height: 1.4em;
}
.glossaryIndex {
	font-size:150%;
}
a.glossaryHilite, a:link.glossaryHilite, a:visited.glossaryHilite, a:hover.glossaryHilite {
	color: #FF0000;
	text-decoration: none;
	cursor: text;
}
.pullquote {
width: 220px;
font-size: 95%;
float:right;
margin:5px;
padding:10px;
border:1px #ddd solid;
background: #eee;
}
.hand {
cursor: pointer;
}
.topnav {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #666666;
text-decoration: none;
}
a:link.topnav, topnav a:link, a.topnav, topnav a{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #B6341C;
text-decoration: none;
}
a:hover.topnav, topnav a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #B6341C;
text-decoration: none;
}
a:visited.topnav, topnav a:visited{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #B6341C;
text-decoration: none;
}
.title {
	font-size: 14px;
	color: #FF7800; 
}
.title_footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.printpad {
	padding: 15px 40px;
}
.tablehead {
font-weight: bold;
color: #4b4b4b;
font-size: 12px;
}
.morelink {
font-size: 8pt ;
}
.insettitle a {
font-weight: bold;
color: #003399;
text-decoration: none;
}
.insettitle a:link {
font-weight: bold;
color: #003399;
text-decoration: none;
}
.insettitle a:hover {
font-weight: bold;
color: #003399;
text-decoration: underline;
}
.insettitle a:visited {
font-weight: bold;
color: #003399;
text-decoration: none;
}
.breadcrumb {
	font-size: 11px;
	font-weight: normal;
	color: #1A0935;
	line-height: 17px;
}
.tablespace {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px
}
.tablespace TD.hovercell {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px
}
.tablespace td.hovercell a {
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px
}
.formfield {
font-size: 10pt;
background-color: #ffffff;
color: #333333;
border: thin #D4D0C8 groove;
}
.formbutton {
font-size: 11px;
background-color: #CCCCCC;
color: #333333;
font-weight: bold
}
.transparent {
background-image:url(../images/85percent.png);
}
.verytransparent {
background-image:url(../images/50percent.png);
}
.important {
border: 1px dashed #1A0935;
background: #EEE;
padding: 15px;
font-size: 90%;
}
.mostpopular a, .mostpopular a:visited, .mostpopular a:link, .mostpopular a:active {
color:#1954AD;
}
.url {
font-size: 1.5em;
}
/* JH Contact Form */ 
.twoColGroup {
	width:46%;
	margin-left:1%;
	float:left
}
.left {
	float:left
}
.group, .twoColGroup {
	padding:1%;
	margin:10px 0;
}

.clear {
	clear:both
}

#frm_contact_us input.textbox, #frm_contact_us textarea {
	width:96%;
	border:1px solid #999;
	padding:3px;
	margin:1%
}
.mandatory {
color: #f00;
}
.field img {
padding: 0px 1em;
}

.educationpromo {
  font-family: 'Trebuchet MS', sans-serif;
  width: 290px;
  background: #ECEFE5 url(../images/box_sustainable.gif) no-repeat top left;
  margin: 2em auto;
  padding: 0.1em 1em 0.1em 280px;
}