#mainbody1 {
	top: 100px;
	right: 15px;
	background-color: #C4DF9B;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
	padding: 10px;
	height: 80px;
}
#mainbody2 {
	top: 100px;
	right: 15px;
	background-color: #C4DF9B;
	padding: 10px;
	height: 1200px;
	margin: 40px;
}
#mainbody3 {
	top: 100px;
	right: 15px;
	margin-top: 50px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	padding: 10px;
	height: 100%;
	border-top-color: #C4DF9B;
	border-right-color: #C4DF9B;
	border-bottom-color: #C4DF9B;
	border-left-color: #C4DF9B;
}


.headertxt {
	font-size: 36px;
	color: #FF0000;
}
#Layer1 {
	position:absolute;
	width:697px;
	height:101px;
	z-index:1;
	left: 103px;
	top: 8px;
	color: #0000FF;
	background-color: #FFFFFF;
	}
	
	#Page1-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:82px;
}

#Page1-02 {
	position:absolute;
	left:100px;
	top:0px;
	width:701px;
	height:112px;
	background-image: url(/images/header.jpg);
	z-index: -1;
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
}

#Page1-03 {
	position:absolute;
	left:501px;
	top:0px;
	width:299px;
	height:118px;
	background-image: url(menu_images/Page1_03.gif);
}

#Page1-Tab-1-copy {
	position:absolute;
	left:1px;
	top:89px;
	width:143px;
	height:1px;
	visibility: visible;
	z-index: 1;
	background-color: #C5E09D;
}

#Page1-tab-2 {
	position:absolute;
	left:146px;
	top:88px;
	width:700px;
	height:36px;
	z-index: 2;
	overflow: visible;
	visibility: visible;
}

#Page1-tab-3 {
	position:absolute;
	left:197px;
	top:82px;
	width:100px;
	height:36px;
}

#Page1-tab-4 {
	position:absolute;
	left:297px;
	top:82px;
	width:104px;
	height:36px;
}

#Page1-tab-5 {
	position:absolute;
	left:401px;
	top:82px;
	width:100px;
	height:36px;
}

#Page1-09 {
	position:absolute;
	left:0px;
	top:113px;
	width:100px;
	height:436px;
	background-color: #7D9887;
}

#Page1-10 {
	position:absolute;
	left:110px;
	top:600px;
	width:680px;
	height:432px;
}

#Page1-11 {
	position:absolute;
	left:0px;
	top:550px;
	width:800px;
	height:50px;
	background-image: url(index_11.gif);
}


                    
                    
 .lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:black;
color:lime;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}                   
<style type="text/css">

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

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('/images/menu_images/left_green.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
	display: block;
	padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(/images/menu_images/right_green.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.brown a.aero{
background-image: url(/images/menu_images/left_brown.gif);
}

.brown a.aero span{
background-image: url(/images/menu_images/right_brown.gif);
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}
<style type="text/css">

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

#blueblock{
	width: 180px;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 90%;
	background-color: #C5E09D;
	color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
	border-bottom: 1px solid #33995f;
	margin: 0;
}

#blueblock li a{
	display: block;
	padding: 5px 5px 5px 8px;
	border-left: 10px solid #7D9887;
	border-right: 10px solid #3cb371;
	background-color: #CCCC99;
	color: #000000;
	text-decoration: none;
	width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
	background-color: #66FFFF;
	color: #000000;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C5E09D;
	border-left-color: #7D9887;
}

</style>

</style>