html, body{ 
 margin-top:10px; 
 padding:0; 
 text-align:center; 
 color: #FFF;
 FONT-FAMILY: arial;
 FONT-SIZE:14px;
 BACKGROUND-IMAGE: URL(images/background.gif);
 OVERFLOW: auto;
 
} 

a:link {
  color: #FFF;
  text-decoration:  none;
}

a:hover {
 color: #FFF;
 BORDER-BOTTOM: #FFF solid 1px;
}

a:visited {
 color: #FFF;
 text-decoration:  none;	
}
 
#wrapper{ 
 BORDER-width: 1px;
 BORDER-STYLE: solid;
 BORDER-COLOR: #FFF;
 width:1024px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
 position:relative; 
 height:200px; 
 width:100%;
 display:block;
 overflow:auto;
} 
 
#left{
 MARGIN-TOP:0px;
 MARGIN-bottom:50px;
 margin-left: 40px;
 MARGIN-RIGHT:0px
 PADDING:0px;
 width:55%; 
 position: relative;
 float:left; 
  }
 
#right{
 MARGIN-TOP:0px;
 MARGIN-bottom:50px;
 margin-left: 0px;
 PADDING:0px;
 text-ALIGN: left;
  position: relative;
 float:left; 
  OVERFLOW:auto;
 width:40%; 
 }
 
#iframe {
    position: relative;
    height: 400px;
    width: 400px;
    overflow: auto;
    MARGIN-right:5px;
    PADDING-RIGHT:5px;
    }
 
#footer{
 height:100px; 
 clear:both;
 display:block;
 overflow:auto;
} 

#links {
 margin-left: 40px;
 margin-bottom: 30px;
}

ul#main-nav {font-family:arial;margin:0;padding-left:170px; }
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 40px 0 0;}
ul#main-nav li a {font-weight:bold;text-decoration:none;display:block;padding:0.3em;color:#fff;}
ul#main-nav li a:hover {border-bottom:0.1em solid #fff;color:#fff;}



.clear {
 clear:both;	
}

.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 */ 



.popup {height:100px; cursor:pointer; display:inline; margin-right:3px;}
.popup:focus {position:absolute; height:auto; z-index:100; background:#fff; padding:20px; outline:1px solid #aaa;}