/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 750px;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #418779;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#content{
	background-color: #FFFFFF;
	width: 675px;
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#copy{
	background-color: #FFFFFF;
	width: 450px;
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: right;
}

#navBar{
	width: 200px;
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #FFFFFF;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

/************** .feature styles ***************/

.feature{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.feature h3{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */