﻿body{
		margin:0;
		padding:0;
		color: #000000;
		font-family:  helvetica, verdana, arial, sans-serif; 
		
		line-height: 1.5em;
		background-color: gray;}

	#maincontainer{
		width: 760px; /*Width of main container*/
		margin: 0 auto; /*Center container on page*/
		background-color: white;}

	#topsection{
		background: #EAEAEA;
		height: 129px; /*Height of top section*/}

	#contentwrapper{
		float: left;
		width: 100%;}

	#contentcolumn{
		margin-left: 179px; /*Set left margin to LeftColumnWidth*/}

	#leftcolumn{
		float: left;
		width: 179px; /*Width of left column*/
		margin-left: -760px; /*Set left margin to -(MainContainerWidth)*/}

	#footer{
		clear: left;
		width: 100%;
		background: black;
		color: #FFF;
		text-align: center;
		padding: 4px 0;
		font-size: 10pt;
		line-height: 1.6em;}



	#footer a{
		color: #FFFF80;}

	#footer a:visited {
		color: white;}
	
	#footer	a:hover {
		color: red; text-decoration: none;}
	#footer	a:active {
		color: red;}
	#footer ul li{ display: inline;}

	.innertube{
		margin: 10px; /*Margins for inner DIV inside each column(to provide padding)*/
		margin-top: 0;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #564c66;;
border-width: 1px 0;
background:  black;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 0px solid #564c66;
}

.solidblockmenu li a:visited{color: white; }

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white; background: red;}

	a {font-size: 10pt; font-family:  arial, helvetica, sans-serif, verdana;
	   color: blue; text-transform: capitalize;

		/* all but link1 have 'text-decoration: none' applied to them to remove the border.
		These have been kept in each declaration to show how each rule would be applied individually.
		If you do have a number of different link styles all of which require text-decoration: none however,
		you would place that here, rather than in each declaration block. */
}
	
	a:visited {
		color: black;}
	
	a:hover {
		color: blue; text-decoration: none;}
	a:active {
		color: red;}

	/* the default styling of a link: */
	.sidenav ul li{font-size: 9pt; 
		margin: 0;
		padding: 0; text-transform: capitalize;
		border: 1px dashed #564c66; /*dark purple border*/
		border-width: 0 0 1px 0;
		background: white;
		line-height: 2.4em;}	
	.sidenav ul li a {
		font-weight: normal; color: blue; text-decoration: none;}
	
	.sidenav ul li a:visited {
		color: blue;}
	.sidenav ul li a:hover {
		color: black; text-decoration: underline;background: yellow;}
	
	.sidenav ul li a:active {
		color: red;}
	.sidenav{border-right: 1px solid gray;}



<!-- formatting-->

	h1, h2, h3, h4, h5, h6 {
		font-weight: bold; font-family: verdana, arial, helvetica, sans-serif;}
	h1{font-size: 12pt; 
		border-bottom: 1px solid green; text-transform: capitalize;color: green;}
	h2 {font-size: 11pt; text-align: center;
	 text-transform: capitalize;color: #ff6600; background-color: white; }
	h3{font-size: 10.9pt;
	   text-transform: capitalize; color: #ff6600;}	
	h4{	font-size: 10.4pt; 
		text-transform: capitalize; 
		color: black;
		margin-top: 10px;}

	p{
		font-size: 9pt; 
		color: #000000; 
		font-family:  tahoma,  arial, helvetica,verdana,  sans-serif; 
		font-style: normal;
		line-height: 1.4em;
		text-align: justify;}

	ul,li{ list-style: none;
		 margin: 0; 
		 padding: 0; font-size: 9pt; }
	.contentcolumn li{margin: 0; 
		  padding: 0 0 0 10px; 
		font-size: 9pt;
		line-height: 1.9em;
		list-style: disc inside;}
	.banner2{float: right;
		width: 760px;
		height: 130px;
		margin: 0px;}
	
	.left{ float: left; 
		width:200px;
		height: 130px;
		margin: 10px 10px 10px 0px;}
	.right{ float: right; 
		width: 220px; 
		height: 147px; 
		margin: 10px 0px 10px 12px;
		clear: both;
		}
	.left1{ float: left;
		width:200px;
		height: 130px;
		margin: 5px 25px 45px 0px; Clear: both;
		}
	.image11{ float: left; margin: 5px 25px 45px 0px; Clear: both;}
	.style11{ color: green;}
	.style21{  clear: both; width: 212px; float: right; background-color:  #DCDCDC;   margin: 0px 0px 10px 10px; padding: 4px; border: 1.2px solid #ccc;  text-align: left;}
.style22{ font-size: 9pt; color : red;}
.style23{  clear: both; width: 212px; float: right;  margin: 0px 0px 10px 10px; padding: 	4px; border: 1.2px solid #FFFFFF;  text-align: left;}
.style24{ font-size: 12pt; color : red; text-align: center;}
	<!-- table-->
	table{ width: 560px;
	table-layout: fixed;}
	table { background-color: #8fbc8f; border-collapse: collapse;}
	td { border: 1.2px solid #ccc; }
	.table1{ font-size: 12pt; text-align: center; padding: 0px 40px;}
	.table2{font-size: 12pt;text-align: center;}
	.table3{font-size: 13pt;text-align: center;}
	.style16{font-size: 11pt; color: red; }
