@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:#E2E2E2;
	text-align:justify;

}

html {
height:100%;
}
a:link {
	color: #FF9900;
		text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #FF3300;
}
a:hover {
	text-decoration: underline;
	color: #FF9933;
}
a:active {
	text-decoration: none;
	color: #FF6600;
}

h1 {
	font-size: 12px;
	color: #3333CC;
}
h2 {
	font-size: 14px;
	color: #3333CC;
	text-align: left;
}
h3 {
	font-size: 16px;
	color: #3300FF;
}
h4 {
	font-size: 18px;
	color: #FF6633;
}
h5 {
	font-size: 24px;
	color: #336633;
}
#container{
	width:820px;
	margin:0 auto;
	background-color:#FFFFFF;
	height: 100%;
	background-image:url(../images/bk.gif);
	min-height: 100%;
	overflow:visible;
}

#inner{
	width:800px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	
}

#topblock{
	width:800px;
	height: 220px;
	float:left;
}

#logo{
	width: 140px;
	height: 200px;
	display:inline;
	float:left;
	margin: 10px 60px;
}

#flash{
	width:520px;
	height:200px;
		display:inline;
	float:left;
	margin-left: 16px;
	margin-top: 10px;
}
#menu{
	width:800px;
	height:35px;
	float:left;
	text-align: center;
}


#block1{
	width: 800px;
	height:140px;
	float:left;
	text-align: center;
}


#block2{
	width: 246px;
	height:130px;
	float:left;
	padding: 5px 10px;
	text-align: center;
}

#block3{
	width: 800px;
	height:100%;
	float:left;
}

#block4{
	width: 246px;
	height:auto;
	float:left;
	padding: 5px 10px;
}
#block5{
	width: 512px;
	height:auto;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}



#footer{
	width:800px;
	height:65px;
	float:left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
<style type="text/css">

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

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*width of menu*/
	border: 1px solid #564c66; /*dark purple border*/
	border-width: 1px 0;
	background: black url(../images/indentbg.gif) center center repeat-x;
	text-align: center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/indentbg2.gif) center center repeat-x;
}


.left {
	float: left;
	clear:left;
	margin:0px 10px 0px 0px
}

.right {
	float: right;
	clear:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.WHITEFONT {
	font-size:24px;
	color:#FFF;
	text-align:center;
}
.WHITEFONT2 {
	font-size:18px;
	color:#FFF;
	text-align:center;
}

#content
	{
	padding:2em;
	}

		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	}
#box
	{
	text-align: justify;
	width: 520px;				/* <-- use this for a set width */
	background-color: #eeeeee;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
	}
      
#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


a.ovalbutton{
background: transparent  url(../images/oval-orange-left.gif) no-repeat top left;
display: block;
float: right;
font: bold 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
color:#FF0000;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../images/oval-orange-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.imgright{
	float:right;
	padding-left:5px;
}