body, html { height: 100%; } 

body {
	margin: 0; 
	padding: 0; 
	text-align: left; 
	line-height: 1.2em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #012943;
	background: #F3F8FA url('../images/site_bodyback.jpg') repeat-x top;
	}

#canvas {
 	width:855px; 
 	height: 100%; 	
 	margin-left: auto;
 	margin-right: auto; 
 	margin-top: 0; 
 	margin-bottom: 0; 
 	padding:0; 
 	border:0px; 
 	background: #FFFFFF url('../images/site_canvastop.jpg') no-repeat 0px 0px;
    BORDER: #00CC00 0px solid;
	}
	
#topframe {
	position: relative; 
	width: 850px; 
	height: 27px; 
	margin: 0; 
	padding: 0px;
    BORDER: #FFDD11 0px solid;
	}
		
#topmenu {
	position: absolute; 
	top: 2px; 
	left: 490px; 
	width: 390px; 
	height: 28px; 
	margin: 0; 
	padding: 0px;
	  BORDER: #4DFBE9 0px solid;
	}
	
#topmenu ul {
	float: left; 
	width: 375px; 
	height:20px; 
	margin: 0; 
	margin-left: 0px; 
	padding: 0px; 
	}	
 
#topmenu li {
	list-style-type:none; 
	float: left;  
	width: 65px;
	}

#topmenu a {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #012943;
	}

#topmenu a:link, #topmenu a:visited { text-decoration: none;} 
#topmenu a:active, #topmenu a:hover { text-decoration: underline;}
	 
#headerframe {
	position: relative; 
	left:0px; 
	width: 855px; 
	height: 118px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding: 0px;
    BORDER: #FF13F7 0px solid;
	}
  	
#menuframe {
	position: relative; 
	left:0px; 
	width: 854px; 
	height: 27px; 
	margin: 0; 
	padding: 0px; 
	top:1px; 
	background: #FFF;
    BORDER: #00FF00 0px solid;
  }
  
#nav {
	list-style-type: none; 
	margin: 0; 
	margin-left:1px; 
	padding: 0; 
	width:854px; 
	height: 27px;
		BORDER: #00F7FA 0px solid;
	}
	
#nav li {
	list-style: none; 
	float: left; 
	background-color: #003463; 
	margin: 0; 
	margin-right:1px; 
	padding: 0;
	}
	
#nav a       { 
	float: left; 
	text-decoration: none; 
	width: 147px;
	color: #ffffff; 
	font-family: verdana, sans-serif, arial;
	font-size: 12px;	
	font-weight: bold;
	padding-left: 10px; padding-right: 7px; padding-top: 4px; padding-bottom: 4px; 
	}
	
#nav a:hover, #nav a:active, #nav .act {
	color: #ffffff;
	background-color: #AE2408;
	}
	
#nav a:active {
	font-weight: bold;
	}

#contentframe {
	clear: both;
	position: relative;
	margin: 0px; 
	padding: 0px; 
	background: #FFFFFF url('../images/site_content.jpg') repeat-y 0px 0px;
  border-left: #DDE7F1 1px solid;
  border-right: #DDE7F1 1px solid;
  border-bottom: #DDE7F1 1px solid;
  border-top: #FFFFFF 1px solid
	}

#menucolumn {
position: absolute; left: 155px; margin: 0px; padding: 0px; width: 175px; height: auto;
    BORDER: #948CB5 0px solid;
	}
 		
#menucolumntop {
	width: 158px; 
	height: auto; 
	margin: 0; 
	margin-left: 13px; 
	margin-bottom: 5px; 
	margin-top: 5px; 
	padding: 0px; 
	  BORDER: #4DFBE9 0px solid;
	}

.cel1  { 
	width: 4px; 
	}
	
.cel2  { 
	width: 164px; 
	padding-top: 10px; 
	padding-bottom: 11px;
	padding-left: 5px; 
	line-height: 0.9em;
  background: #F7F7FF;
	filter: alpha(opacity=75); -moz-opacity: .75;
	}
	
.cel3  { 
	width: 164px; 
	padding-top: 3px; 
	padding-bottom: 4px;
	padding-left: 5px; 
	line-height: 0.9em;
  background: #F7F7FF;
	filter: alpha(opacity=75); -moz-opacity: .75;
	}
		
#menucolumnbottom {
	width: 165px; 
	height: auto; 
	margin: 0; 
	margin-left: 10px; 
	margin-top: 15px; 
	padding: 0px; 
	font-size: 12px; 
	font-weight: bold; 
	line-height:1em;
 	  BORDER: #4DFBE9 0px solid;
	}

#rightcolumn {
	position:relative; 
	left: 330px; 
	width: 503px; 
	display: block; 
	margin: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
    BORDER: #A59C05 0px solid;
	}
	
#footerframe {
	position: relative; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	text-align: left; 
	background: #FFFFFF url('../images/site_footer.jpg') repeat-y 0px 0px;
    BORDER: #0BEE00 0px solid;
	}