html 
{
height: 100%; 
max-height: 100%;
max-width: 1022px;
margin: 0; 
border-left: 1px solid #808080; 
border-right: 1px solid #808080;
padding: 0;
background: url(bgbody.png) repeat #f8f8f8;
font-size: 0.8em; 
font-family: arial, verdana, helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}


body 
{
height: 100%; 
max-height: 100%;
margin: 0; 
padding: 0;
text-align: justify;
overflow: hidden; 
}

.wrapper 
{
display:block; 
width:100%;
float:left; 
clear:both; 
margin:0; 
border:0; 
padding:0;
}

.spacer 
{
display:block; 
width:4%; 
float:left; 
margin:0; 
border:0; 
padding:0;
}

.col1 
{
display:block; 
width:48%; 
float:left; 
margin:0; 
border:0; 
padding:0;
}

.maxwidth
{min-width:700px; max-width:1100px; margin:0 auto; background:#e0e0e0;}
{
display:block;
position:expression((document.body.clientWidth > 1022)? "relative" : "static");
width:expression((document.body.clientWidth > 1022)? "1022" : "auto");
height:100%;
margin:0 auto;
border:0; 
}


*html .maxwidth
{
left:50%;
margin-left:-511px
}


.width 
{
min-width:559px;
}

*html .iewidth 
{
border-left:559px dashed #ffffff;
}

*html .iewrapper
{
margin-left:-559px;
position:relative;
}

/*\*/
* html .iewidth, * html .iewrapper 
{
height: 1px;
}
/**/


#topheader
{
position: absolute; 
display: block; 
width: 1022px; 
height: 45px; 
margin: 0;  
top: 0;
left: 0;
background: url(topheader.png) no-repeat #006666; 
background-position: 0 0; 
z-index: 5; 
overflow: hidden; 
}

#header 
{
position: absolute; 
display: block; 
width: 1022px; 
height: 122px;
margin: 0; 
top: 45px; 
left: 0; 
background: url(header.png) repeat-x #ffffff; 
background-position: 0 0; 
z-index: 4; 
overflow: hidden; 
}

#img
{
display:block; 
margin:0; 
border:0; 
padding:0; 
position:absolute; 
height:115px; 
width:1024px; 
top:45; 
left:0; 
z-index:5;
}


*html #header, #topheader, #footer
{
border-right:;
}


#trans
{
position: absolute; 
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
background: #ffffff;
opacity: 0.6;
-moz-opacity: 0.60;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
z-index: 1;
}

*html #trans
{
position: absolute; 
height: 100%;
width: 100%;
top: 0;
left: 0;
padding: 0;
background: #ffffff;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#main
{  
position: absolute;
width:800px;
top: 167px;
bottom: 45px; 
left: 152px;
right: 0;
padding-top: 10px; 
padding-left: 35px;
padding-right: 35px;
background: transparent;
z-index: 2;
overflow: auto;
}


* html #main 
{
position: absolute;
height: 100%; 
max-height: 100%; 
width: 100%;
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 

padding: 15px 35px 35px;
border-top: 167px solid #ffffff; 
border-bottom: 45px solid #004269; 
border-left: 152px solid #004269;
z-index: 2; 
overflow: auto; 
}

.title
{
text-align: center;
text-decoration: none;
font-variant: small-caps;
color: #004269;
font-size: 1.25em;
}

.indent
{
text-indent: 35px;
}

.center
{
display: block;
text-align: center;
margin: 0 auto;
}

.main a
{
text-decoration: none;
color: #4090c0;
}

.main a:hover
{
text-decoration: underline;
color: #fe7619; 
}


.main table
{
margin: 0 auto;
border-collapse: collapse;
font-family: times, serif;
font-size: 16px;
}

.main td 
{
text-align: center;
height: 75px;
width: 83px;
border: 1px solid #000000;
padding: 3px;
}


#menu
{
position: absolute;
display: block;
width: 152px;
margin: 0;
top: 160px; 
left: 0; 
bottom: 45px; 
padding-top: 15px;
background: url(menubg.png) repeat-y #ffffff; 
z-index: 4; 
overflow: hidden; 
}

* html #menu
{
height: 100%; 
top: 0; 
bottom: 0;
border-top: 160px solid #004269; 
border-bottom: 45px solid #004269; 
}

.menu	
{
position: relative;
display: block;
width: 125px;
height: 25px; 
margin-top: 10px;
margin-left: 18px;
margin-right: 0;
margin-bottom: 0;
padding: 0; 
font-family: arial, verdana, helvetica, sans-serif;
background: url(hover.png) no-repeat #87a6c5;
}

.menu a, .menu a:hover  
{
float: left;
display: block;
width: 125px;
height: 25px;
margin: 0;
padding: 0;
font-size: 12px;
text-decoration: none;
color: black; 
}


.menu img 
{
width: 100%; 
height: 24px; 
border: 0;
background-color: #317096;
}

* html a:hover
{
visibility: visible;
}


.menu a:hover img, .here img
{
visibility: hidden;
}

.menu span 
{	
position: absolute;
margin: 0;
left: 5px;
top: 5px;	
cursor: pointer;
color: #000000;
}


.here span
{
color: #ffffff;
}



#footer
{
position: absolute;
display: block; 
width: 1022px; 
height: 45px; 
margin: 0;
bottom: 0; 
left: 0;
text-align: center; 
font-size: 10px; 
background: url(footer.gif) repeat-x #006666;
z-index: 5; 
overflow: hidden; 
}


.footer a
{
text-decoration: none;
color: #000000;
}

.footer a:hover 
{
text-decoration: underline;
color: #ffffff;
}

.footer 
{
position:absolute;
display:block;
width: 361px;
min-width: 361px;
margin-left: -181px;
left: 50%; 
top: 20%;  
}