html{ 
    width:100%;
    max-width:1800px;
    height:100%;
}
body{
	background:#ffffff;
    height: 100%;
	margin:0;
	padding:0;
	font-size: 22px;
}
a{ 
    color:#0F90C7;
    text-decoration:none;
    cursor: pointer;
}
a:hover{ 
    color:#33678A;
}
thead{
    background-color: #E1E7ED;
}
hr{
    clear: left;
	margin:20px 0;
}
p{
    clear: left;
}
#wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
#header_f{
    width: 100%;
    max-width:1800px;
    height:200px;
    margin:0;
    padding:0;
    background: url(images/header_f.jpg) top left no-repeat;
    overflow: hidden;
    z-index:1;
}
#header_d{
    width: 100%;
    height:200px;
    background: url(images/header_d.png) top right no-repeat;
    overflow: hidden;
    z-index:2;
}
#header_dt{
    width: 100%;
    height:200px;
    background: url(images/header_dt.png) top right no-repeat;
    overflow: hidden;
    z-index:2;
}
#header_t{
    width: 100%;
    height:200px;
    background: url(images/header_t.png) top right no-repeat;
    overflow: hidden;
    z-index:3;
}
#header_e{
    width: 100%;
    height:200px;
    background: url(images/header_e.png) top right no-repeat;
    overflow: hidden;
    z-index:3;
}
#header_l{
    width: 100%;
    height:200px;
    background: url(images/header_l.png) top left no-repeat;
    overflow: hidden;
    z-index:2;
}
#title{
    width: 365px;
	margin:6px 0;
    padding:0;
    right: 30px;
	position: absolute;
	font: bold 32px Monotype Corsiva;
	text-shadow:2px 2px 2px #ffffff;
	text-align: right;
}
#menu{
    width: 100%;
    max-width:1700px;
    height:50px;
    margin:0;
    padding:10px 100px 10px 50px;
    background: url(images/nav.png) top right repeat-x;
    overflow: hidden;
    z-index:9;
}
#menu a{
    padding:0 30px;
    font: bold 130% serif;
    text-decoration: none;
    text-shadow:-2px -2px 1px #fff;
}
#mmenu{
    display:none;
    width: 100%;
    max-width:1700px;
    height:50px;
    margin:0;
    background: url(images/nav.png) top right repeat-x;
    overflow: hidden;
    z-index:9;
    padding:2px 60px 2px 30px;
    font-size:150%;
}
#mmenu a{
    padding:0 40px;
    font: bold 130% serif;
    text-decoration: none;
    text-shadow:-2px -2px 1px #fff;
}
.module_stick{
    top:0;
    position: fixed;
    z-index: 101;
    width:100%;
    margin:0 1px;
}
.leftimg{
    float:left;
    margin: 50px 15px 10px 0;
    font-size:140%;
}
.rightimg{
    float:right;
    margin: 50px 0 10px 15px;
    font-size:140%;
}
#content{
	min-height: 500px;
	padding: 30px 100px;
	background:url(images/fon.png) repeat top #FFFFFF;
}
#footer_bottom{
    margin:20px 0 0 0;
	width: 100%;
    max-width:1800px;
	height: 120px;
	bottom:-120px;
	overflow: hidden;
	background: url(images/footer.png) top repeat-x;
}
#footer_bottom a{
	text-decoration: none;
}
#copyright{
    float: left;
	width: 50%;
	letter-spacing: 2px;
	color: #33678A;
	font-weight: bold;
	text-shadow: 2px 2px 2px #FFFFFF;
	overflow: hidden;
    text-align: left;
	margin: 65px 0 20px 40px;
	padding: 10px 0;
}
#copymenu{
	float: right;
    overflow: hidden;
    text-align: right;
	margin: 65px 40px 20px 0;
	padding: 10px 0;
	font-size:80%;
}
h1{
	font-size: 160%;
    font-weight:bold;
	color:#33778A;
    margin: 10px 0 15px 5px;
}
h3{
	font-size: 140%;
    font-weight:normal;
	color:#33778A;
    margin: 10px 0 15px 5px;
}
h4{
    font-size: 120%;
    font-weight:normal;
	color:#33778A;
    margin:10px 0 0 10px;
}
.quote{
    border: 2px solid #ccc;
    background: #E6EDF3;
    padding: 20px;
    border-radius: 8px;
}
.passage{
    float:left;
    width:50%;
}
@media (max-width: 800px){
    #menu{
        display:none;
    }
    #mmenu{
        display:block;
    }
    #header_f, #mmenu, #footer_bottom{
        zoom:0.5;
    }
    #content{
        padding: 10px 20px;
    }
    .passage{
    width:100%;
}
}