body { margin: 0; padding: 0; font-size: 100.01%; font-family: Arial, Helvetica, sans-serif; color: #000000; background:#313031;  text-align: center;/* part 1 of 2 centering hack */}


img { border: none; margin: 0; padding: 0;}

a img { border: none;}

div,form,p,h1,h2,h3,h4,h5,hr,ul,li,dl,dd,dt,ol,object,param
{ margin: 0; padding: 0;}

/******************************/
/****** MAIN STRUCTURE *******/
/****************************/
#container { text-align: left;/* part 2 of 2 centering hack */ width: 760px; margin-left: auto; margin-right: auto;}

#wrapper { background-image: url("images/bg.gif"); background-repeat: repeat-y;}


/*********************************/
/* other page layout styles */
/*********************************/
#title_bar {background: #8D005E; color: #ffffff; font-size: 125%;  height: 20px; bolder;padding-left: 5px; border-bottom: 1px solid #ffffff;}
#threecols { width: 760px; float: right; position: relative;}

#maincol { float: left; display: inline; position: relative; width: 760px; padding: 0; margin: 0; background-image: url("images/bg.gif");}
#pageheader { width: 450px; height: 218px; background-color: #004A8D; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#pageheader2 { width: 450px; height: 37px; background-color: #004A8D; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#pageheader2 h1 { font-size: 100%; color: #ffffff; padding: 10px 0 10px 10px;}

#header { width: 748px; padding-left: 6px; padding-right: 6px;}
	
/****** TOP NAVIGATION *******/

#nav { display: block; width: 500px; height: 25px; font-size: 70%; margin-left: 5px; padding-left: 250px; padding-right: 0px;background-color: #B8BCB2;}
#nav ul { padding: 0; margin:0; list-style-type: none;}
#nav li { float: left; padding-right: 10px; padding-top: 3px;}
#nav li a { color: #FFFFFF; text-decoration: none; padding: 8px;}
#nav li a:hover { color: #6C6E72; background-color: #CCCCCC; text-decoration: none; padding-left: 8px; padding-right: 8px; }
#nav li a.active { color: #6C6E72; background-color: #B12A18; text-decoration: none; padding: 2px;}
/****** TOP NAVIGATION - END *******/	
	

#left_align_img img {
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

#left_align_img2 img {
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 60px;
}



/*********************************/
/****  CONTENT STYLES ****/
/*********************************/
#content { color: #000000; padding: 20px; background-image: url("images/bg.gif")}
	.content-otherpages p { padding-left: 50px; clear: both;}

#content p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}

#content h1 { font-size: 110%; font-weight: bold; padding-bottom: 15px; color: #04A9FF;}

#content h3 { font-size: 90%; font-weight: bold; color: #8D005E;}
#content h4 { font-size: 100%; font-weight: bold; color: #8D005E;}
#content h4 a, .content a:visited { font-size: 100%; font-weight: bold; color: #004A8D;}

#content ul { font-size: 80%; padding-left: 40px; padding-bottom: 10px;}
#content li { padding-bottom: 0;}
html>body #content li { padding-bottom: 2px;}

#content a, .content a:visited { color: #009933; text-decoration: underline;}
#content a:hover { color: #009933; text-decoration: underline;}


#content2 p { font-size: 80%; line-height: 16px; padding-bottom: 10px;}
#content2 a, .content a:visited { color: #000000; text-decoration: none;}
#content2 a:hover { color: #000000; text-decoration: none;}
#content2 { color: #000000; padding: 20px; background-color: #FFFFFF;}
#content2 h1 { font-size: 110%; font-weight: bold; padding-bottom: 15px; color: #04A9FF;}

/*#content img { float: right;}/

/***************************************/
/****  CONTENT STYLES - END ****/
/**************************************/

/****************************/
/****** feature PANEL *******/
/****************************/
#feature-panel { font-size: 90%; width: 748px; height: 200px; margin-top: 1px;}
#feature-panel ul { padding-left: 4px;}
#feature-panel li { padding-right: 5px; padding-left: 5px; padding-top:20px; margin: 0; display: inline; list-style: none; float: left;}
#feature-panel li a { color:#333333; text-decoration: none; }
#feature-panel li a:hover { color: #6C6E72; text-decoration: none; }
#feature-panel li a.active { color: #6C6E72; text-decoration: none; }

#feature-panel h1 { font-size: 80%; width: 100px; padding-top: 4px;}
#feature-panel p { font-size: 70%; width: 100px;}
/**********************************/
/******* feature PANEL - END ******/
/**********************************/
#leftcol2 { 
	float:left;
	width: 420px;
	margin-left: 20px;
	margin-top: 15px;
	 } 
	
#rightcol2 {
	float:right;
	width: 300px;
	margin: 0px;
	padding:0px; }


/**********************************/
/******* 2col - END ******/
/**********************************/
#leftcol {
	float: left;
	position: relative;
	font-size: 80%;
	width: 200px;
	padding: 0;
	margin-left: 20px;
	left: 8px;
	top: 588px;

}
#rightcol { float: left; position: relative; font-size: 80%; width: 370px; padding: 0; margin-left: 20px;}
#secondarycol { float: left; position: relative; font-size: 80%; width: 650px; padding: 0; margin-left: 20px;}

/**********************************/
/******* 2col - END ******/
/**********************************/


/*********************************/
/****** ADDITIONAL STYLES *******/
/*******************************/
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}
#line { width: 748px; height: 1px; background-color: #B8BCB2; margin-bottom: 30px;}

.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.skip { display: none;}

/* PRINTER STYLES IF REQUIRED */
@media print{ 
/*hide the left column when printing*/ 
#idname { display: none;} 
}
/* PRINTER STYLES IF REQUIRED */