html,body{margin:0;padding:0}
body {
 text-align:center;
 margin-top:0px;
 margin-bottom:0px;
 background-image:url('resources/background.jpg');
/* background-repeat:no-repeat;*/
background-attachment:fixed;
}
 #frame {
 width:750px;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 border-left: 0px solid #999;
  border-bottom: 0px solid #999;
border-right: 0px solid #999;
 }
 img {
 border:none;
 margin:0px; 
 }
 #header{
	width:750px;
	float:left;
	height:145px;
	margin:0px;
	text-align: center;
	 background-color: #fff;
}
#nav {
    float:left;
    width:750px;
    height:40px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 40px;
    background: #339;
}
#nav a{
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        }
#nav a:hover {
        color: #d5d6ea;
        }
#nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#nav li {
     float: left;
     position:relative;
     text-indent:20px;
     height: 40px;
}
#nav {
    float:left;
    width:750px;
    height:40px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 40px;
    background: #339;
}
#nav {position:relative;z-index:99;}
#nav a{
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        }
#nav a:hover {
        color: #d5d6ea;
        }
#nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#nav li {
     float: left;
     position:relative;
     text-indent:20px;
     height: 20px;
	 	 padding-right:20px;

}
#nav a {
 text-indent:15px;
 display:block;     

}
#nav li ul a{
    width:200px;
    float:left;
    border-top:1px solid #339;
}
#nav li ul{
    width: 200px;
    border: 1px solid #339;
}
#nav li li{
    float:left;
    height:20px;    
    line-height:20px;
    width:200px;
	 padding:0px;
}

#nav li li a:hover{
background:#afaed6;
        color:#339;

}

#nav ul li ul { 
    position: absolute;
 width: 200px;
 left: -999em;
 z-index:999;
        color:#fff;
        background:#339;
}

#nav ul li:hover ul,
#nav ul li.over ul
 {
 left: 0px;
 top:38px;

}
#subnav {
	float:left;
	width:25%;
	height:inherit;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#fff;
	color: #339;
	/*background:#9CC9EA;
	border: 1px solid #339;*/
	
}
#subnav a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: bold;
		}
#subnav a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: bold;
		}
#subnav a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: underline;
		font-weight: bold;
		}
#subnav ul{
	 padding: 0;
	 margin: 0;
	 list-style: none;
}
#subnav li {
 float: left;
	position:relative;
}
#subnav a {
 text-indent:0px;
 display: block;
}
#subnav h1{
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #339;
 }
 #subnav h2{
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:bold;
 color: #339;
 }
#content{
 width:750px;
 float:left;
 margin:0px;
 background: #fff ;
  text-align: left;
}
#left{
 width:30%;
  /*height:400px;*/
 float:left;
 margin:0px;
 background: #fff ;
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 15px;
 text-indent:0px;
 color: #666;
 /*border-left:1px solid grey;*/
 padding-bottom:auto;
 height:400px;
}
#left img{
 padding-left:30px;
 text-align:center;
}
#left h1{
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 22px;
 font-weight:normal;
 line-height: 25px;
 padding-left:30px;
 margin-top: 50px;
 color: #339;
}
#left a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: underline;
		font-weight: normal;
		}
#left a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #993399
		text-decoration: underline;
		font-weight: normal;
		}
#left a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: normal;
		}
#right{
 width:40%;
 padding-right:10px;
background: #fff ;
 float:right;
 margin:0px;
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 20px;
 text-indent:0px;
 color: #666;
}
#right h1{
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight:normal;
 line-height: 15px;
 text-indent:0px;
 color:#339;
 /*color: #afaed6;*/
 margin-top: 50px;	 
}
#right h2{
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight:normal;
 line-height: 15px;
 text-indent:0px;
 color: #339;
 margin-top:0px;
 margin-bottom:0px;
 }
#right a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: underline;
		font-weight: normal;
		}
#right a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #993399
		text-decoration: underline;
		font-weight: normal;
		}
#right a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: normal;
		}
#right ul{
	 padding: 0;
	 margin-top: 50px;
	 list-style: none;
}
#right li {
	display: list-item;
	list-style-image: url(resources/bullet.gif);
	list-style-position: outside;
}
#right  a {
 text-indent:15px;
}

#mtxt{
margin-top: 5px;
border-left: 1px solid #D3D3D3;
border-right: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
text-indent:3px;
}
#mtxt a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		text-decoration: none;
		font-weight: normal;
		}
#mtxt a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		text-decoration: none;
		font-weight: normal;
		}
#mtxt a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: normal;
		}


#bottom{
 float:left;
 width:750px;
 height:40px;
 margin:0px;
 padding:0px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #fff;
 /*background: #D6D6EA;*/
 background: #339;
}
#footer{
 float:left;
 width:375px;height:40px;
 margin:0px;
 padding:0px;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #339;
}
#footer a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#footer a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#footer a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
		}
		
		#copyright{
 float:left;
 height:40px;
width:365px;
 margin:0px;
 padding:0px;
 text-align: right;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #fff;
 background: #339 ;
}
		
.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 */