html,body{margin:0;padding:0}
body {
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(resources/gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
 #surround {
 width:810px;
padding-bottom:15px;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 background-color: #fff;
 }
 #frame {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;

 }
 img {
 border:none;
 margin:0px; 
 }
 #header{
	width:780px;
	clear:left;
	height:230px;
	margin:0px;
	text-align: center;
	background-color: #fff;
}

#nav {
    clear:left;
    width:780px;
    height:25px;
    text-align: left;
    font-size: 12px;
    line-height: 25px;
    background: #036 url(resources/nav-background.jpg) no-repeat left top;
	border-bottom: 1px solid #fff;


}
#nav {position:relative;z-index:99;}
#nav a{
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        }
#nav a:hover {
        color: #5E86AE;
        }
#nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#nav li {
     float: left;
     position:relative;
padding-left:15px;
padding-right:5px;
}

#nav a {
 display:block;     
}

 #content {
	width:780px;
	clear:left;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	color:#fff;
	font-size: 12px;
	font-weight:normal;
	line-height: 18px;
	padding-top:20px;
	padding-bottom:10px;
	background-image: url(resources/gradient-blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;

 }

  #left {
 width:530px;
 float:left;
 text-align:left;
color:#036;
 font-size: 12px;
 font-weight:normal;
 line-height: 17px;
 margin-bottom: 10px;
padding-left:15px;
margin-right:20px;
 }
  #left img{
	float:left;
	margin:0px;
}
  #left p{
	 list-style: none;
	 padding:0px;
	 	text-align: left;
		margin:0px;
	
}
   #left h1{
 font-size: 19px;
 font-weight:bold;
 line-height: 30px;
 color: #036;
 	 padding-top:20px;
	 padding-bottom:20px;
margin:0px;
 }
 
#left a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #036;
		text-decoration: none;
		font-weight: bold;
		
		}
#left a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #5E86AE;
		text-decoration: none;
		font-weight: bold;
		}
#left a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #5E86AE;
		text-decoration: none;
		font-weight: bold;
		}

   #right {
 width:200px;
 float:right;
 text-align:left;
color:#036;
 font-size: 11px;
 font-weight:normal;
 line-height: 14px;
margin-right:15px;
background:url(resources/losenge.png) no-repeat top center;
 }
 
   #right h1{
 font-size: 12px;
 font-weight:bold;
 line-height: 16px;
 color: #ffffff;
 margin-top:35px;
 padding-left:12px;
 padding-bottom:12px;
 }
 
    #right h1 a {
 color: #036;
 text-decoration:underline;
 }

#links {
        float:right;
        position:relative;
		margin:0px;
        width:250px;
        height:20px;
        text-align: left;
        color: #fff;
        font-size: 10px;
        color: #fff;
		line-height:20px;
        font-weight: normal;
        padding-right:5px;
}

#footerleft {
        float:left;
        position:relative;
		margin:0px;
        width:250px;
        height:20px;
        text-align: left;
        color: #fff;
        font-size: 12px;
        color: #fff;
		line-height:20px;
        font-weight: bold;
        padding-left:5px;
}

#footer {
       	float:left;
	clear:both;
        width:100%;
        text-align: left;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
        background: #5e86ae;
        color: #fff;
        font-weight: bold;
}

#links a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		
		}
#links a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#links a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #036;
		text-decoration: none;
		font-weight: bold;
		}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

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