<!--
/*
HRworkbench Main Site Style Sheet.
*/


body
{
	font-family:Arial, Verdana, sans-serif;
	font-size:10pt;
	font-weight:x-small; 
	margin:0;
	padding:0;
	text-align:justify;
}

#page
	{
	text-align:left;
	width:880px;
	margin:2% auto;
	padding:0%;
	}
/*FOOTER*/
	/*.FooterContent 
	{
		color:#ff8700; 
		padding:0; 
	}*/
	/*.Footer1 
	{
		clear:both;
		font-family:Arial, Verdana, sans-serif; 
		font-size:x-small; 
		font-weight:bold;
		padding:5px 0 20px 0;
		border: 1em solid black;
	}*/
	.FooterLink1 
	{
		color:#666666;  
		font-size:x-small; 
		font-weight:bold; 
		text-decoration:none; 
		/*border-top:1px solid #ff8700; */
		padding:5px 0 0px 0;
	}
	a.FooterLink1:hover {text-decoration:underline; font-weight: bold;}

/*Text*/
	.ContentLink1 
	{
		color:#333333;  
		font-size:x-small; 
		text-decoration: none;
	}
	.backtotop 
	{
		color:#ff8700;  
		text-decoration:underline; 
		margin: 10% 10% 0% 60%;
		font-size:x-small;
	}
	.ContentLink2 
	{
		color:#999999;  
		font-size:x-small; 
		font-weight:bold
	}

	.ContentLink3 
		{
		color:#999999;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration: underline;
		}

	.ContentLink4 
	{
		color:#999999;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration:underline;
		}
	.ContentLink5 
	{
		color:#0c479d;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration:underline;
	}
	.ContentLink6 
	{
		color:gray;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration:underline;
	}
	.ContentLink7 
	{
		color:white;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration: none;
	}	
	.ContentLink8 
	{
		color:#999999;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration:underline;
	}
	.ContentLink9 
	{
		color:gray;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration: none;
	}	
	.ContentLink10 
	{
		color:#ff8700;  
		font-size:x-small; 
		font-weight:bold;
		text-decoration: none;
		margin:0 0 0 0%;
		text-align:center;
	}	

	a.ContentLink1:hover {color:#0c479d;}
	a.backtotop:hover {color:#0c479d;}
	a.ContentLink2:hover {color:#cc9966; font-weight: bold; font-size:x-small;}
	a.ContentLink3:hover {color:#ff8700; font-weight: bold; font-size:x-small;}
	a.ContentLink4:hover {color:#0033ff; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink5:hover {color:#999999; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink6:hover {color:#ff8700; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink7:hover {color:#ff8700; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink8:hover {color:#0033ff; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink9:hover {color:#ff8700; font-weight: bold; font-size:x-small; text-decoration:none;}
	a.ContentLink10:hover {color:#0c479d; font-weight: bold; font-size:x-small; text-decoration:none;}
	
	/*.text1
	{
		color:red;
		font-size:x-small; 
		font-weight:bold;
		margin: 0;
	}*/

/*HEADER*/

	/*.Header1 
	{
		background-color:#0c479d; 
		color:white;  
		font-size:x-small;
		text-decoration:none
	}*/
	.HeaderLink1 
	{
		color:white;  
		font-weight:normal; 
		text-decoration:none; 
		/*text-transform:uppercase; */
		font-size:x-small;
	}
	.HeaderLink2 
	{
		color:#ff8700;  
		font-weight:normal; 
		text-decoration:none; 
		text-transform:uppercase;
		font-size:x-small;
	}
	a.Header1:hover {text-decoration:underline;} 
	a.HeaderLink1:active {color:#red;}
	a.HeaderLink1:hover {text-decoration:underline;} 
	a.HeaderLink2:hover {text-decoration:underline;} 


/*ERRORS*/
	#SystemErrors
	{
		margin-left:5%;
		margin-right:5%;
		text-align:center;
		padding:8px;
		font-weight:bold;
		font-size:x-small;
		color:rgb(225,0,10);
	}
/*Header Images*/
#HeaderImages
	{
		margin:0;
		padding:0;

		background-image:url('../images/HRWB_Banner_Repeater.png');
		background-repeat:repeat-x;
		background-position:top left;

		height:94px;

	}
#HeaderLeftLogo
	{
		background-image:url('../images/HRWB_Banner_Left.png');
		background-repeat:no-repeat;
		background-position:top left;

		width:122px;
		float:left;
		height:94px;
		margin:0;
		padding:0;
	}
#HeaderRightLogo
	{

		background-image:url('../images/HRWB_Banner_Right.png');
		background-repeat:no-repeat;
		background-position:top right;
		
		width:554;
		height:94px;
		margin:0;
		padding:0;

	}

/*#HeaderRightLogo2
	{
		background-image:url('../images/newbanner/powerTXT_white.png');
		background-repeat:no-repeat;*/
		/*background-position:bottom right;*/
		/*position:absolute;
		right:100px;
		top:100px;
		height:24px;
		width:330px;
		border:1px solid blue;
		float:right;
				margin:0;
		padding:0;

		
	}*/
/*Header Menu*/
	#HeaderMenu
	{
		clear:both;
		background-color:#0c479d;
		background-image:url(/images/hrwb2_back.png);
		background-position:top left;
		background-repeat:repeat-x;
		padding:3px;
		min-height:22px;
	}
	/*#HeaderMenuLeft{}*/
	#HeaderMenu #HeaderMenuLeft ul
	{
		display:inline;
		margin:0;
		padding:0;
		margin-left:10px;
	}
	#HeaderMenu #HeaderMenuLeft ul li
	{
		display:inline;
		list-style-type:none;
		font-size:smaller;
		color:white;
	}
	#HeaderMenu #HeaderMenuLeft ul li a
	{
		padding-right:4px;
		margin-left:4px;
		border-right:2px solid #f0f0f0;
	}
/*#HeaderMenu #HeaderMenuLeft ul li a:hover{}*/
	#HeaderMenuRight
	{
		float:right;
		width:90px;
		text-align: right;
		font-weight:bold;
		font-size:x-small;
		color:#f0f0f0;
	}
/*Headers*/
	h1
	{
		color:#0c479a; 
		font-size:large; 
		font-weight:bold; 
		margin: 2% 10% 2% 10%;
	}
	h2
	{
		color:#0c479a; 
		font-weight:bold; 
		font-size:x-small;
		margin:1% 0 0 0;
	}
	/*h3
	{
		color:#ff8700; 
		font-size:medium;
		font-weight:bold; 
		margin:2% 10% 0% 0%;
	}
	h4
	{
		font-size:x-small;
		font-weight:bold; 
		margin:1% 0 1% 0;
	}
	h5
	{
		color:#0c479a; 
		font-weight:bold; 
		margin:1% 0 1% 0;
	}
	h6
	{
		color:#ff8700; 
		font-size:x-small;
		font-weight:bold; 
		margin:1% 0 1% 0;
	}*/
/*LISTS*/
.listsimple ul
	{
		font-weight:bold;
		font-size:x-small;
		list-style-type:none;
		margin:0 0 0 3%;
		padding:0;

	}
.listsimple li
	{
		padding:0.5% 0 0.5% 0;

	}
/*#listsimpleA ul
	{
		font-weight:bold;
		font-size:x-small;
		list-style-type:none;
		margin:0 0 0 10%;
		padding:0;

	}
#listsimpleA li
	{
		padding:.3% 0 .3% 0;

	}*/

ul.listsimple3
	{
		margin:10px 10px 10px 10px;
		padding:10px 2% 15px 20px;
		list-style-type:square;
	}

ul.listsimple2
	{
		margin:1% 10% 1% 5%;
		padding:1%;
		list-style-type:circle;
		text-align:left;
		font-size:x-small;

	}
li.simple2
	{
		padding:.2%;
	
	}
ul.listsimple4
	{
		margin:2% 2% 0 5%;
		padding:0 0 2% 5%;
		list-style-type:circle;
		/*text-align:left;*/
		font-size:x-small;
	}

/*p.borderleft
	{
		border:1px solid #ff8700;
		padding:0.2em;
	}*/


#navlist li
	{
		margin-left:0%;
		list-style:none;
		padding:0.25em;
		border-top:1px solid gray;
		font-size:x-small;
	}
#navlist li a 
	{
		text-decoration:none; 
		color:#696969; 
		font-size:x-small;
	}
/*#navlist a:link {color: #666666}*/
#navlist a:hover 
	{
		color:#0000ff; 
		font-weight:normal;
		font-size:x-small;
	}
/*.content5
	{
		margin: 0;
		/*padding:0.25em;*/
		border-top:1px solid gray;
		width:100%;
		text-decoration: none;
		color:#333333; 
	}
a.content5:hover 
	{
		color:#0c479d; 
		font-weight:bold;
		text-decoration: none;
	}*/

/*MAIN FLOAT SETUPS*/

	/* needed for IE to fix float bugs etc \*/ 
		* html .gainlayout { height: 1%; } 
		/* */ 

		<!--[if lt IE 7]><style> 
		/* style for IE 6 + IE5.5 + IE5.0 */ 
		.gainlayout { height: 0; } 
		</style><![endif]--> 
		  
		<!--[if IE 7]><style> 
		.gainlayout { zoom: 1;} 
		/* or whatever we might need tomorrow */ 
		</style><![endif]--> 

.test{}

.float-wrapper{
	width:100%;
}

.float-right-80Percent{
	float:right;
	width:80%;
}

.floatholder 
	{
		/*border: 4px solid #000;*/
		/*background: #dc8;*/
		margin:10px 10px 10px 10px;
		font-size:x-small;
		height:100%;
	}
.floatbox 
	{
		/*background: #773;*/
		/*border: 3px solid #f55;*/
		/*color: #ffd;*/
		float:right;
		width:80%;
				border:0.1em solid red
	}

.floatbox p {margin:0;}
.floatholder p {margin:0;}
.clearfix:after 
	{
		content:"."; 
		display:block; 
		height:100px; 
		clear:both; 
		visibility:hidden;
	}
.clearfix 
	{
		display:inline-block;
	}  

		/* Holly Hack Targets IE Win only \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End Holly Hack */


/* columns*/
/*#leftcol
	{
		float:left;
		width:50%;
		margin:10px 10px 10px 0px;
		padding:1em;
	}
#rightcol
	{
		margin-left:50%;
		border-left:1px dotted gray;
		background-color:#ffffff;
		padding:1em;
		width:40%;
	}*/
/*#col1a
	{
		float:left;
		width:50%;
		margin:10px 10px 10px 20px;
	}
#col2a
	{
		margin-left:50%;
		border-left:1px dotted gray;
		background-color:#ffffff;
		padding:1em;
		width:40%;
	}*/
#col1b
	{
		float:left;
		width:43%;
		margin:0 0 0 3%;
	}
#col2b
	{
		float:right;
		width:43%;
		margin:0 0 0 3%;
	}
/*.col1
	{
		float:left;
		margin:10px 10px 10px 0px;
	}
.col2
	{
		float:right;
		padding:1em;
	}*/
.colA
	{
		float:left;
		width:43%;
		margin:10% 1% 1% 1%;
		background-color:white;
	}
.colA h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.colA p
	{
		font-size:x-small;
		color:black;
		margin:1% 0 0 1%;
		padding:1%;
		text-align:justify;
		border:1px solid red;
	}

.colB
	{
		float:right;
		margin:1%;
		background-color:white;
		width:48%;

	}
/*.colX
	{
		float:right;
		width:50%;
	}
.colY
	{
		width:25%;
	}
.colXX
	{
		width:50%;
	}
.colYY
	{
		float:right;
		width:25%;
	}*/

/***** boxes******/
#box1
	{
		margin:2% 0% 1% 10%;
		background-color:white;
		text-align:left;
		border:2px solid #cccccc;
		

	}
#box1 p 
	{
		margin:0; 
		font-weight:normal;
		font-size:large;
		color:red;
		text-decoration:none;
	}
#box1 h2 
	{
		margin: 1% 0% 2% 5%; 
		color:#0c479d;
		font-size:x-small;
		font-weight:bold:
	}
#box1a
	{
		margin:2% 0% 1% 0;
		background-color:white;
		text-align:center;
		border:2px solid #cccccc;
		width:85%;
		padding:0.3em;

	}
.box2
	{
		margin:2% 0 1% 10%;
		border:1px solid #08316d;
		text-align:left;
		background-image:url('../images/group3.gif');
				width:280px;
		padding:0.3em;

	}
.box2 h2 
	{
		margin:0 0 1% 0; 
		color:black;
		font-weight:bold;
		font-size:x-small;
	}
.box2 p 
	{
		margin:0; 
		font-weight:bold;
		font-size:x-small;
		color:black;
	}
.box3
	{
		margin:2% 0 1% 10%;
		border:1px solid black;
		padding:0.3em;
		text-align:center;
		background-image: url('../images/360.gif');
		width:85%;

	}
.box3A 
	{
		/*margin:2% 0 1% 10%;*/
		border:1px solid gray;
		text-align:center;
		background-image: url('/images/bench.gif');
		background-repeat:no-repeat;

		padding:0.2em;
		font-size:x-small;
		padding-top:6em;
}

.box3 h2 
	{
		margin:.5em 0 .5em 0; 
		color:white;
		font-weight:bold:
	}

.box3 p 
	{
		margin:0 0 1em 0; 
		font-weight:bold;
		font-size:x-small;
		color:white;
	}

.box4
	{
		/*margin:1% 2% 1% 2%;*/
		border:1px solid #08316d;
		text-align:left;
		background-image: url('../images/values3.gif');
		margin:0;
		width:320px;
		padding:0.3em 0.2em 0 0.2em;
	}
.box4 h2 
	{
		margin:1%; 
		color:white;
		font-size:x-small;
		font-weight:bold:
	}

.box5
	{
		margin:0;
		background-color:white;
		/*padding:0.5em;*/
		text-align:left;
		height:20%;
		/*border:1px solid #08316d;*/
		width:325px;
	}
.box5 h2 
	{
		margin: 2%; 
		color:#0c479d;
		font-size:x-small;
		font-weight:bold;
	}
.box5 p
	{
		margin: 2%; 
		font-size:x-small;
		text-align:justify;
	}

.box6
	{
		float:left;
		border:3px solid #0c479d;
		background-color:white;
		text-align:center;
		color:red;
		font-size:medium;
		font-weight:bold;
		width:325px;
		height:50px;
		padding:3% 0 0 0;
	}
.box7
	{
		/*float:left;*/
		text-decoration:none;
		border:1px solid gray;
		background-image:url('../images/hrwbgray.gif');
		text-align:center;
		color:white;
		padding:1%;
		font-size:x-small;
		font-weight:bold;
		width:90%;
		height:120px;
	}

.boxA
	{
		font-size:x-small;
		font-weight:bold;
		color:#b3b3b3;
		text-decoration:none;
		padding:2%;
		background-color:white;
		/*border:1px solid red;*/
		height:20px;

	}
a.boxA:hover{color:#0c479d;}

.boxB
{
		font-size:x-small;
		font-weight:bold;
		color:gray;
		text-decoration:none;
		padding:2%;
		background-color:#0c479d;
		/*border:1px solid red;*/
		height:20px;

	}
a.boxB:hover{color:white;}

.*div.leftcol2
	{
		font:normal 10pt Arial, Verdana, sans-serif;
		float:left;
		width: 8%;
	}
div.rightcol2
	{
		font:normal 10pt Arial, Verdana, sans-serif;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: #99ccff;
		color:black;
		padding: 1em;
		width:70%;
	}*/
	
/*stuff for 3 column*/

#container
{
/*width: 97%;
margin-left: 1%; 
margin-right: 1%; */
margin-top: 0%; 
background-color: #fff;
}
#container h1
{
padding: 0;
margin: 0;
color:red;
}
#top
{
padding:.5em .5em .5em 0;
margin-left:15%;
margin-bottom:1%;
margin-top:1%;
}
#top h1
{
padding: 0;
margin: 0;
color:red;
}

/*#top2
{
clear: right;
padding: .5em;
margin-left:15%;
margin-bottom:1;
margin-top:1%;
font-weight:bold;
font-size:x-small;
color:#ff8700;
}*/


#leftnav
{
	float: left;
	width:17%;
	font-size:x-small;
	margin-left:-30px;
	margin-top:-20px;
}
#rightnav
	{
		float:right;
		width:325px;
		margin:0% 0 1% 0;
		/*border-left:1px dotted gray;*/
		background-color:#ffffff;
	}
#leftnav p{ margin:0 5% 0 30%;font-size:x-small;text-align:center;color:#ff8700;font-weight:bold; }

#rightnav p { margin:0 0 1em 0; }

/*#rightnav2 
	{
		float:right;
		width:40%;
		margin:0;
		line-height:130%;
		background-color:#ffffff;
		font-size:x-small;

	}
#rightnav2 p
	{
		font-size:x-small;
		text-align:justify;
	}
.rightnav2
	{
		float:right;
		width:40%;
		margin:0;
		font-size:x-small;
		line-height: 130%;
		background-color:#ffffff;
	}
.rightnav3
	{
		float:right;
		width:25%;
		margin:5% 0 0 0;
		background-color:white;
		padding:1%;
	}
.rightnav3a
	{
		float:right;
		width:35%;
		margin-top:1%;
		background-color:#ffffe5;
		padding:1%;
		border:1px solid gray;
	}*/
#rightnav4
	{
		float:right;
		width:325px;
		margin:0 0 0 1%;
		font-size:x-small;
		background-color:#ffffff;
		/*border:1px solid red;*/
	}

.rightnav4
	{
		float:right;
		background-color:#ffffff;
		text-align:justify;
	}
.rightnav4 h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.rightnav4 p
	{
		font-size:x-small;
		color:black;
		margin:1% 0 0 1%;
		padding:1%;
		text-align:justify;
	}
.rightnav5
	{
		float:right;
		width:23%;
		padding:1%;
		/*border:1px solid gray;*/
	}
.rightnav5 h2
	{
		text-align:justify;
		font-size:x-small;
		font-weight:bold;
		color:#ff8700;
	}
.rightnav5 h3
	{
		text-align:center;
		font-size:x-small;
		font-weight:bold;
		color:#0c479d;
	}
.rightnav5 p
	{
		text-align:justify;
		font-size:x-small;
	}

#rightnav8 
	{
		float:right;
		width:40%;
		margin:0;
		background-color:#ffffff;
	}
#rightnav8 p
	{
		font-size:x-small;
		text-align:justify;
		margin:1% 0 1% 3%;
	}
	}
#rightnav8 h2 { margin: 1% 0 1% 0;color:#0c479d;font-size:x-small; }
#rightnav8 h3 { margin: 1% 0 1% 0;color:#0c479d;font-size:x-small; }
#rightnav8 h4 { margin: 1% 0 1% 0;color:#ff8700;font-size:x-small; }
#rightnav8 ul 
		{
		list-style-type:circle;
		font-size:x-small;
		margin:0 5% 0 10% ;
		text-align:justify;
		}

#content
	{
		margin-left:15%;
		margin-right:40%;
		padding:.5em;
		/*max-width:36em;*/
	}
#content h2 { margin:1% 0 1% 0; }
#content h3 
	{ 
		margin:2% 0 0 0;
		color:#0c479d;
		font-size:x-small; 
	}

#content p
	{	
		font-size:x-small;
		text-align:justify;
		margin:1% 2% 1% 2%;
	}
#content2
	{
		width:40%;
		margin-left:15%;
		margin-right:330px;
		line-height: 130%;
		font-size:x-small;
	}
#content2 p
	{
		font-size:x-small;
		text-align:justify;
	}

#content3
	{
		width:85%;
		float:right;
		margin-bottom:2%;
		padding:0;
		font-size:x-small;
	}
#content3 ul 
		{
		list-style-type:circle;
		font-size:x-small;
		margin:0 20% 0 10% ;
		}
#content3  ol
		{
		list-style-type:decimal;
		font-size:x-small;
		margin:0 20% 0 10% ;
		}
#content3 tr  
	{
		margin:0 20% 2% 1%; 
		font-weight:normal;
		font-size:x-small;
		text-align:justify;
	}
#content3 p 
	{
		margin:0 20% 2% 3%; 
		font-weight:normal;
		font-size:x-small;
		text-align:justify;
	}
#content3 h2 
	{ 
		margin:1% 0% 1% 1%; 
		font-weight:bold;
		color:#ff8700;
		font-size:x-small;
	}
#content3 h3 
	{ 
		margin:1% 20% 1% 1%; 
		font-weight:bold;
		font-size:x-small;
		color:#0c479d;
	}
#content3 h4 
	{ 
		margin:1% 20% 1% 3%; 
		font-weight:bold;
		font-size:x-small;
		color:#ff8700;
	}

/*#content4
	{
		margin:2% 0% 0% 15%;
		border:1px solid white;
		font-size:x-small;
		width:55%;
	}
#content4 h2
	{
		font-size:medium;
		color:gray;
		padding:0;
		margin:2% 0% 2% 0%;
		float:left;
	}*/
#content5
	{
		margin:2% 0% 0% 15%;
		width:70%;
	}

#content5 h2 
	{ 
		margin:1% 1% 1% 1%; 
		font-weight:bold;
		color:#0c479d;
	}
p.clear { clear: both;   margin: 0; padding: 0; }
.clearfix:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#content7
	{
		margin-left:15%;
		margin-right:38%;
		font-size:x-small;
	}
#content7 ul 
		{
		list-style-type:circle;
		font-size:x-small;
		margin:0 5% 0 5% ;
		text-align:justify;
		}
#content7  ol
		{
		list-style-type:decimal;
		font-size:x-small;
		margin:0 5% 0 7% ;
		text-align:justify;
		}

#content7 p { margin: 1% 0 1% 0;font-size:x-small;text-align:justify;
 }
#content7 h2 { margin: 2% 0 2% 0;color:#ff8700;font-size:x-small; }
#content7 h3 { margin: 2% 0 2% 0;color:#ff8700;font-size:x-small; }
#content7 h4 { margin: 2% 0 2% 0;color:#0c479d;font-size:x-small; }
#content7 h5 { margin: 2% 0 2% 2%;color:#ff8700;font-size:x-small; }

#content7B
	{
		margin-left:15%;
		/*margin-right:45%;*/
		font-size:x-small;
		width:40%
	}
#content7B ul 
		{
		list-style-type:circle;
		font-size:x-small;
		margin:0 5% 0 5% ;
		text-align:justify;
		}
#content7B  ol
		{
		list-style-type:decimal;
		font-size:x-small;
		margin:0 5% 0 7% ;
		text-align:justify;
		}

#content7B p { margin: 1% 0 1% 0;font-size:x-small;text-align:justify;
 }
#content7B h2 { margin: 2% 0 1% 0;color:#ff8700;font-size:x-small; }
#content7B h3 { margin: 2% 0 1% 0;color:#ff8700;font-size:x-small; }
#content7B h4 { margin: 2% 0 1% 0;color:#0c479d;font-size:x-small; }

#content8
	{
		width:40%;
		margin-left:15%;
		margin-right:330px;
	}
#content8 p
	{
		font-size:x-small;
		text-align:justify;
		margin:1% 0% 1% 0;
	}
#content8 h2 { margin: 1% 0 1% 0;color:#0c479d;font-size:x-small; }
#content8 h3 { margin: 1% 0 1% 0;color:#0c479d;font-size:x-small; }
#content8 h4 { margin: 1% 0 1% 0;color:#ff8700;font-size:x-small; }
#content8 ul 
		{
		list-style-type:circle;
		font-size:x-small;
		margin:0 5% 0 10% ;
		text-align:justify;
		}
.content
	{
		margin-left:15%;
		margin-right:35%;
		/*padding:1em;*/
		max-width:36em;
		text-align:justify;
	}
.content p
	{
		font-size:x-small;
		color:black;
		text-align:justify;
		padding:0;
	}
.contentA
	{
		margin-left:15%;
		margin-right:0%;
		padding:1em;
	}
.contentA p
	{
		font-size:x-small;
		color:black;
		text-align:justify;
	}
.contentA h3 
	{ 
		margin:0 0 1% 0;
		color:#ff8700;
		font-size:x-small;
		font-weight:bold;
	}

.content h2 { margin:0 0 1% 0; }
.content h3 { margin:0 0 1% 0;color:#ff8700; }
.content5
	{
		width:55%;
		margin-left:15%;
		border:1px solid white;
	}
.content5 p
	{
		font-size:x-small;
		color:black;
		text-align:justify;
	}
.content5a
	{
		width:50%;
		margin:0;
		padding:0;
	}
.content5a  p
	{
		font-size:x-small;
		color:black;
		/*margin:1% 0 0 1%;*/
		text-align:justify;
	}
.content5a h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.content5b
	{
		float:right;
		width:40%;
		margin:0;
		padding:0;
	}

#content5aa
	{
		width:48%;
		margin:0;
		padding:0;
	}
#content5aa  p
	{
		font-size:x-small;
		color:black;
		margin:0;
		text-align:justify;
	}
#content5aa ul
	{
		font-size:x-small;
		color:black;
		list-style-type:circle;
		margin:1% 3% 1% 10%;
	}
#content5aa ol
	{
		font-size:x-small;
		color:black;
		list-style-type:decimal;
		margin:1% 3% 1% 15%;
	}
#content5aa h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0;
	}
#content5aa h3
	{
		font-size:x-small;
		color:#0c479d;
		font-weight:bold;
		margin:1% 0 1% 0;
	}

#content5bb
	{
		float:right;
		width:48%;
		margin:0;
		padding:0;
	}
#content5bb  p
	{
		font-size:x-small;
		color:black;
		margin:0;
		text-align:justify;
	}
#content5bb ul
	{
		font-size:x-small;
		color:black;
		list-style-type:circle;
		margin:1% 3% 1% 10%;
	}

#content5bb h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0;
	}
#content5bb h3
	{
		font-size:x-small;
		color:#0c479d;
		font-weight:bold;
		margin:0;
	}

.content5b h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.content5b p
	{
		font-size:x-small;
		color:black;
		/*margin:1% 0 0 1%;*/
		text-align:justify;
	}
.content6a
	{
		width:49%;
	}
.content6a h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.content6a  p
	{
		font-size:x-small;
		color:black;
		margin:0 10% 0 0;
		text-align:justify;
	}
.content6b
	{
		float:right;
		width:49%;
	}
.content6b h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 0;
	}
.content6b p
	{
		font-size:x-small;
		color:black;
		margin:0 0 0 0%;
		text-align:justify;
	}
.content6b ul
	{
		font-size:x-small;
		color:black;
		list-style-type:circle;
		margin:1% 20% 1% 10%;
	}

.content7
	{
		float:left;
		width:50%;
		margin:0 0 0 2%;
	}
.content7 h2
	{
		font-size:x-small;
		color:#ff8700;
		font-weight:bold;
		margin:0 0 1% 3%;
	}
.content7 p
	{
		font-size:x-small;
		color:black;
		margin:1% 0 0 1%;
		padding:1%;
		text-align:justify;
	}


#footer
	{
		clear:both;
		width:100%;
		/*padding:.5em;*/
		color:#333;
		background-color:white;
		border:1px solid gray;
		font-weight:bold;
		font-size:x-small;
		/*margin-bottom:1%;*/
	}
#bottom
	{
		clear:right;
		width:85%;
		border-top:2px dotted gray;
		margin-top:5%;
		margin-left:15%;
		padding:.5em;
		color:black;
		background-color:white;
		font-size:x-small;
	}
#bottom p
	{
		font-size:x-small;
		color:red;
	}

#bottom2
	{
		width:80%;
		margin-top: 2%;
		margin-left:15%;
		padding:.5em;
		color: black;
		background-color:white;
		font-size:x-small;
	}
/*#bottom2 p
	{
		font-size:x-small;
	}
#bottom3
	{
		width:80%;
		margin-top:2%;
		margin-left:10%;
		color:black;
		background-color:white;
		font-size:x-small;
	}*/

/************shadows1*********/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in 
	{
	  text-align:center; 
	  background:white;
	  border:1px solid #555; 
	  position:relative; 
	  font-weight:normal;
	 }
.outA {
  display:block; 
  background:#c0c0c0; 
  border:1px solid #cccccc; 
  position:relative;
  margin:1em 0;
  }
.inA 
	{
	  text-align:center; 
	  background:white;
	  border:1px solid #0c479d; 
	  position:relative; 
	  font-weight:normal;
	    font-size:x-small;
	 }

.ltin {left:-5px;}
.tpin {top:-5px;}
.narrow1A {width:152px;}
.narrow1 {width:200px;}
.narrow {width:300px;}
/* change to suit */

/*shadows2*/
.out2 {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  /*margin:1em 0 0 1em;*/
  margin:0;

  }
.in2 {
  text-align:center; 
  background:gray; 
  border:1px solid #555;
  position:relative; 
  /*padding:5px;*/
  font-weight:normal;
  margin:0;
  padding:0;

  }
.ltin2 {
  left:-5px;
  }
.tpin2 {
  top:-5px;
  }
.narrow2 {width:325px;} /* change to suit */

/*h4 {font-weight:bold; color:#000;}*/

.leftcola
	{
		float:left;
		width:100px;
		padding:0.5em 0.1em 0.5em 0.2em;
		font-weight:bold;
		border: 1px solid #d9d9d9;
		background-color:#c6dbfb;
		color:#636363;
		font-size:x-small;
		text-align:center;
	}
.rightcola
	{
		float:right;
		/*padding:0.5em 0em 0.5em 0.2em;*/
		margin:0 0.5% 0 0.5%;
		width:70%;
		font-size:x-small;
		text-align:justify;
	}

div.clearer {clear: both; line-height: 1%; height: 0;}

/*#rightnav3
	{
		float: right;
		width: 25%;
		padding: 0%;
		background-color:#ff8700;
		margin-top:10%;
	}*/

#top h2
	{
		font-size:large;
		color:gray;
		padding: 0;
		margin-top: 2;
	}
#top h1
	{
		font-size:medium;
		color:#0c479d;
		padding: 0;
		margin: 0;
	}
#refbox
	{
		border:3px solid #ffc380;
		background-color:white;
		padding:0.3em;
		color:black;
		font-size:x-small;
		margin-top:3%;
		margin-left:3%;

	}
#refbox h2
	{
		text-decoration:none;
		color:black;
		font-weight:bold;
		margin:2% 0 2% 0;
		text-align:center;

	}
#refbox h3
	{
		text-decoration:none;
		color:black;
		font-weight:bold;
		margin:0%;
		font-size:x-small;
	}

#refbox3
	{
		border:5px solid #aeccf9;
		background-color:white;
		padding:0.5em;
		color:black;
		font-size:x-small;
		margin-top:3%;
	}
.reflist
	{
		color:#ff8700;
		font-weight:bold;
		font-size:x-small;
		text-decoration:none;
	}

a.reflist:hover
	{
		color:black;
		font-weight:bold;
		font-size:x-small;
		text-decoration:none;
	}

ul.reflist
	{
		list-style-image:url('../images/arrow1.gif');
		list-style-type:solid;
		margin-left:10%;
	}

ul.reflist1
	{
		list-style-image:url('../images/arrow2.gif');
		list-style-type:square;
		margin-left:10%;
	}

li.reflist
	{
		margin:1% 0% 1% 0%;
	}

/*#frontlist ul
	{
		list-style-type:circle;
		margin-left:10%;
	}
#frontlist li
	{
		margin:1% 0% 1% 0%;
	}*/
#smalllist4 ul li
	{
		margin:1% 0 1% 2%;
		list-style-type:circle;
		font-size:x-small;
	}
#smalllist5 ul li
	{
		margin:1% 0% 1% 0%;
		list-style-type:circle;
		font-size:x-small;
		padding:0;
	}
ul.smalllist 
	{
		margin:0 3% 0 5%;
		list-style-type:circle;
		font-size:x-small;
	}
	
ul.smalllist2
	{
		list-style-type:none;
		margin-left:2%;
		font-size:x-small;
		color:white;
		font-weight:bold;
	}
ul.smalllist3
	{
		list-style-type:circle;
		margin:0 0 0 10%;
		font-size:x-small;
		color:black;
		padding:0;		
	}
ul.smalllist4 
	{
		margin:1% 0 1% 5%;
		list-style-type:circle;
		font-size:x-small;
	}
/*ol.number
	{
		list-style-type:decimal;
		font-size:x-small;
	}*/
#buttonchange 
	{ 
		padding:0 0; 
	} 
#buttonchange ul 
	{ 
		list-style:none; 
		margin:0px 0px; 
		padding:0 0 0 10%; 
	} 
#buttonchange li 
	{ 
		height:40px; 
		margin:0 0 10px 0; 
		padding:0 0 0 0; 
	} 
#buttonchange a 
	{ 
		display:block; 
		padding-left:40px; 
		background:url('../images/pin2.gif') left top no-repeat; 
	} 
#buttonchange a:hover 
	{ 
		background:url('../images/pin6.gif') left top no-repeat; 
	}
.buttonchange2 
	{ 
		padding:0 0; 
	} 
.buttonchange2 ul 
	{ 
		list-style:none; 
		margin:0px 0px; 
		padding:0 0 0 0px; 
	} 
.buttonchange2 li 
	{ 
		height:20px; 
		margin:5px 0 15px 0; 
		padding:0 0 0 0; 
	} 
.buttonchange2 a 
	{ 
		display:block; 
		padding-left:20px; 
		background:url('../images/arrow4.gif') left top no-repeat; 
	} 
.buttonchange2 a:hover 
	{ 
		background:url('../images/arrow2.gif') left top no-repeat; 
	}

.smalltext
	{
		font:normal x-small Arial, Verdana, sans-serif;
		margin-left:10%;
	}
.smalltextbold
	{
		font:bold x-small Arial, Verdana, sans-serif;
		margin:1% 0 0 20%;
		color:#ff8700;
	}
.smalltextbold2
	{
		font:bold x-small Arial, Verdana, sans-serif;
		margin:0;
		color:#ff8700;
	}

.textbold2
	{
		font:bold x-small Arial, Verdana, sans-serif;
		margin:2% 20% 0 3%;
		color:#0c479d;
		text-align:justify;

	}
.text2
	{
		font:normal small Arial, Verdana, sans-serif;
		margin:1% 23% 0 7%;
		color:black;
		text-align:justify;
	}
.textbold3
	{
		font:bold x-small Arial, Verdana, sans-serif;
		margin:2% 5% 0 3%;
		color:#0c479d;
		text-align:justify;

	}

.text3
	{
		font:normal x-small Arial, Verdana, sans-serif;
		margin:1% 5% 0 7%;
		color:black;
		text-align:justify;
	}
.textindent
	{
	. 
		font:normal x-small Arial, Verdana, sans-serif;
		margin:0 0 0 1%;
	}
.textindentitalic
	{
		font:normal x-small Arial, Verdana, sans-serif;
		margin:0 25% 0 5%;
	}

.smalltext2
	{
		font:normal x-small Arial, Verdana, sans-serif;
		margin-left:1%;
		margin-right:1%;

	}
.hr
	{
		color:gray; background:gray; border:0; height:1px; margin-left:15%; margin-top:3%; margin-bottom:3%; width:75%;
	}
.backcolor
	{
		font:normal x-small Arial, Verdana, sans-serif;
		padding:0.1%;
		background:url('../images/keyboard3.gif');
		border:1px solid gray;
	}
.floatright
	{
		float: right;
		margin: 5% 0 5% 5%;
		border: 1px solid #666;
		padding: 2px;
	}

//-->