/*style sheet for factors pages  */



/* text */

h1 	{
	color: black;
	font-size: 36px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 36px;
	}
	

h2 	{
	color: black;
	font-size: 30px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 150%;
	}
	


h3 	{
	color: black;
	font-size: 24px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold; // italic;
	line-height: 150%;
	}

	
	
h4 	{
	color:  #000000; // ie black ;-)
	text-align: center
	font-size: 15px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 150%;
	}
	
p, ul {
	color: #000000; // ie black ;-)
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	line-height:150%;
}

#nav
{
	margin: 0;
	font-size: 90%;
	background-color: #347879;
	padding: 2px 0;
}

#nav li
{
	display: inline;
	list-style-type: none;
	padding-left: 150px;
}

	

//end of text

/* divs */



.topbanner
{
margin: 10px 0 10px 0;
border: 2px dotted #cd853f;
}

// why have I got these two in twice?????
#nav
{
	margin: 0;
	font-size: 120%;
	background-color: #993300;
	padding: 2px 0;
}


#nav li
{
	display: inline;
	list-style-type: none;
	padding-left: 30px;
}


.floatright
{
/*  clear: left; */
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.floatleft
{

float: left;
margin: 0 10px 10px 0;

clear: left;
}
.containingbox p { 
		margin-top: 0;
	
		}
		
a:link
{
	color: #0000ff;
	background-color: transparent;
}


a:visited
{
	color: #888;
	background-color: transparent;
}


a:hover, a:active
{
	color: #600;
	background-color: transparent;
}