html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 } 
body { background:#516D87 url(images/unet_bgnd.gif) repeat-x; }

body,p,td,th,input,textarea,select,option { font-family:Helvetica,Arial,Verdana,sans-serif; font-size:normal; color:#666; }

h1,h2,h3,h4,h5,h6 { margin:0px; margin-top:10px; margin-bottom:5px; }
h1 { font-size:150%; margin-top:10px; margin-bottom:5px; }
h2 { font-size:130%; margin-top:7px; color:#332C9e; }
h3 { font-size:120%; margin-top:5px; font-style:italic; }
h4 { font-size:110%; margin-top:5px; }
h5 { font-size:110%; margin-top:5px; color:#332C9e; text-transform:uppercase; }
h6 { font-size:110%; margin-top:5px; font-style:italic; }

img { margin:5px; padding:2px; border:1px solid #ddd; }
img.noborder { border:0;}
img.nomargin{ margin:0; }
img.sidebyside { margin-left:10px; margin-right:10px; }

a { text-decoration:underline; }
a:link { color:#000; }
a:visited { color:#000; }
a:hover { color:#f80; }
a:active { color:#000; }

#pagewidth{ 
 width:852px;  /* if changing, also adjust maincol.width */
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 border:1px solid #9183e4;
 background-color:#fff;
} 
 
#header{ position:relative; width:100%; height:177px; background:#eee url(images/header.jpg) no-repeat; } 
    #headleft { position:absolute; width:277px; height:100%; left:0px; background-image:url(images/header_01.jpg); }
    #headright { position:absolute; width:575px; height:100%; left:277px; background-image:url(images/header_02.jpg); }

#leftcol{
 width:179px; 
 float:left; 
 position:relative; 
 
 height:423px;
/* background-color:#aff;  */

 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 padding:10px;
 width:653px;  /* pagewidth.width - leftcol.width - 2 x padding */
 

 }
 
#footer {
  background-color: #fff;  
  text-align:center;
  font-size:small;
  border-top:1px solid #ddd;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


.navarea { background: url(images/nav_bgnd.jpg) no-repeat; }
.navarea ul { 
	margin:0; 
	margin-top:30px;
	padding:0;
	width:90%;
	list-style:none;
	filter:alpha(opacity=60); /* for IE */
	opacity:0.6;              /* CSS3 standard */
	-moz-opacity:0.6;         /* for Mozilla pre 1.7 */
 }
.navarea li {
  margin: 3px 0px 0px 0px;
  background-color: #ffffff;
  border: 1px solid #6153b4;
  padding:3px;
  padding-left:10px;
}
.navarea a { text-decoration:none; font-weight:bold; display:block; font-size:13px; }
.navarea a:link { color:#000; background-color: #ffffff; }
.navarea a:visited { color:#000; background-color: #ffffff; }
.navarea a:hover { color:#800; background-color: #ccc; }
.navarea a:active { color:#000; background-color: #ffffff; }