h1, h2 {
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 4.5em;
	text-transform: lowercase;
	color: #fff;
	letter-spacing: -2px;
}

h2 {
	font-size: 2.8em;
	padding: 25px 10px 8px;
	background: #ABBE1B url(../images/h2-bg-green.gif) repeat-x left top;
	color: #fff;
	font-weight: bold;
	margin: -20px -20px 15px;
}

h3 {
	font-size: 1.6em;
	margin-bottom: 10px;
	color: #009DDC;
}

p {
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 1.3em;
}

a { color: #ABBE1B; text-decoration: none;}

* html #main-nav ul li.parent a { background: url(../images/cross-green-light-ie.gif) no-repeat right 0.8em; }

/* re-added hover state to overide * hack, does not work from normal ie6 style sheet. */
* html #main-nav ul li.parent:hover a { background: #FFFFFF url(../images/nav-drop-tab.gif) no-repeat right top !important; }

#main-nav li.parent a { background: url(../images/cross-green-light.gif) no-repeat right 1.1em; }

#breadcrumbs dt a,
#breadcrumbs dd a { color: #ABBE1B; }

#leftCol ul li.active a { background: #ABBE1B; }

#rightCol .caption .title a { color: #D5DE8D; }

#content ul li { 
	font-size: 1.3em;
	background: transparent url(../images/arrow-right-blue.gif) no-repeat scroll 0 0.35em;
	padding-left: 15px;
	margin-bottom: 5px;  
}