body{
background: #F2F2F2;
margin: 0;
text-align: center;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
line-height: 18px;

}

a{
text-decoration: none;
color: #00416A;
}

a:hover{
cursor: pointer;
}

h1,h2,h3,h4,h5,h6{
text-transform: uppercase;
margin: 0 0 5px;
color: #00416A;
line-height: 100%;
}

p{
margin: 0 0 5px;
}

#wrapper{
width: 980px;
text-align: left;
margin: 0 auto;
}

#header{
overflow: hidden;
}

#logo{
padding: 20px;
position: relative;
}

#lang{
position: absolute;
top:10px;
right: 15px;
color: #829398;
}

#lang a{
color: #829398;
font-size: 11px;
}

.box{
background: #fff;
box-shadow: 0 0 5px #ccc;
margin-bottom: 10px;
}

.blue{
background: #00416A;
color: #fff;
}

.title{
padding: 5px;
border-radius: 3px;
}

#menu{
margin: 0;
padding: 0;
height: 35px;
}

#menu li{
float: left;
list-style: none;
height: 35px;
}

#menu li a{
text-transform: uppercase;
line-height: 35px;
height: 35px;
display: block;
padding: 0 15px;
color: #fff;
font-size: 11px;
border-right: 1px solid #6A799A;

}

#content{
margin-bottom: 65px;
}

#submenu{
width: 235px;
float: left;
margin-left: 13px;
}

#viewer{
overflow: hidden;
position: relative;
padding: 30px;
}

#viewer p a{
text-decoration: underline;
}

.view-box{
width: 610px;
margin-left: 30px;
overflow: hidden;
float: left;
}

.view-box h3{
margin-top: 15px;
}

.view-box p{
text-align: justify;
line-height: 150%;

}


.list-box{
width: 235px;
height: 130px;
overflow: hidden;
position: relative;
}

.intro-box{
position: absolute;
bottom:45px;
z-index: 20;
left: 0;
background: rgba(0,0,0,0.8);
width: 350px;
padding: 20px;
color: #fff;
}

.intro-box a{
color: #fff;
}

.intro-box a.rm{
text-transform: uppercase;
color: #829398;
}

.intro-box h2{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
font-size: 20px;
}

.list-box h3{
width: 215px;
padding: 5px 10px;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-transform: uppercase;
background: #002C5C;
margin: 0;
z-index: 10;
}

.detail-img{
float: left;
margin-right: 20px;
}

.list-box h3 a{
color: #fff;
font-size: 12px;
}

.content p{
text-align: justify;
line-height: 18px;
}

.content h1{
padding-bottom: 10px;
border-bottom: solid #002C5C 0px;
margin-bottom: 15px;
font-size: 14px;
}


h1{
padding-bottom: 10px;
border-bottom: solid #002C5C 0px;
margin-bottom: 0px;
font-size: 24px;
}



#footer{
padding: 15px 15px;
color: #fff;
font-size: 10px; 
text-align: right;
height: 25px;
line-height: 25px;
text-transform: uppercase;
position: fixed;
bottom: 0;
width: 950px;
left: 50%;
margin:0 0 0 -490px;
z-index: 10000;
}

.content{
padding: 20px;
overflow: hidden;
}



#footer a{
color: #fff;
}

#footer img{
float: left;
}


.view-box h2{
margin-top: 10px;
font-size: 30px;
text-transform: uppercase;
}


.pado{
padding: 0;
}

.padio{
padding: 10px;
}

#submenu h1{
background: #00416A;
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 10px;
}

#submenu ul{
padding: 0;
margin: 0;
}

#submenu ul li{
list-style: none;
padding: 0;
font-size: 11px;
}


#submenu ul.parent li a{
font-weight: bold;
text-transform: uppercase;
padding: 10px 10px;
display: block;
border-bottom:1px solid #e7e7e7;
}


#submenu ul.son li a{
font-weight: normal;
text-transform: normal;
padding: 5px 10px 5px 20px;
display: block;
}

#submenu ul.grand-child li a{
font-weight: normal;
text-transform: normal;
font-size: 10px;
padding: 5px 10px 5px 30px;
display: block;
}

#submenu ul.son, #submenu ul.grand-child{
display: none;
}


#submenu ul.open{
display: block;
}


.more-chapters{
padding: 0;
margin: 20px 0;
}
.more-chapters li{
padding: 10px;
border-bottom: 1px solid #ccc;
list-style: none;
}

#submenu ul.son .selected{
background: #e7e7e7;
}

#submenu ul.son{
background: #F6F6F6;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}

#submenu ul.grand-child{
background: #e1e1e1;
border-top:1px solid #d7e7e7;
border-bottom:1px solid #d7d7d7;
}

#submenu ul.grand-child .selected{
background: #d1d1d1;
}

.padding{
padding: 10px;
}

.margin{
margin: 10px;
}

#viewer p a.button{
display: inline-block;
padding: 5px;
border-radius: 5px;
border:1px solid #ccc;
text-decoration: none; 
}

.button:hover{
background: #f1f1f1;
}

h1 a{
color: #fff;
}

.box h4.title{
margin-top: 15px;
}

.box h4.title:first:child{
margin-top: 0;
}

.view-box table{
margin: 40px 0;
}

.view-box table td{
padding: 10px;
font-size: 11px;
vertical-align: top;
border: 1px solid #ccc;
width: 50%; 
}

.view-box table td img{
width: 70%;
height: auto;
margin-left: 15%;
}

#directions{
	margin-top: 30px;
}