body  {
border:0;
 word-wrap: break-word;  
text-decoration: none;
 margin: 0;
 
 background-color:#f0f0f0;

    padding: 0;
    height:100%;
    background-image: url("images/pat.png");
     background-repeat:  repeat;
     

 

} 


 a:link {
    color: #57b2f1;
    text-decoration: none;
        border-bottom: dashed 1px #57b2f1;

}

 a:visited {
	    text-decoration: none;
    color: #57b2f1;
        border-bottom: dashed 1px #57b2f1;

}

 a:hover {
 	    text-decoration: none;
    color: #57b2f1;
    border-bottom: dashed 1px #57b2f1;
}
 

::-webkit-scrollbar {
width: 10px; /** width of total scrollbar **/
background: transparent; /** background of scrollbar **/
}

::-webkit-scrollbar-thumb {
background: #cccbcb; /** color of the moving part of the scrollbar (thumb) **/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }



.footer {
	margin-top:10px;
	text-align: center;
	clear:both;
	 color:#707070;
 margin-bottom:60px;
 text-align: center;
 
 font-size: 14px;
  line-height: 35px;

 font-family: 'Quicksand', sans-serif;
}


.icon {

width:100px;
height:100px;
float:right;
margin:10px;
border: double 4px #cccaca;

}




  h1 {
    position: relative;
     text-align:right;
 color:#7b7a7a;

font-weight: normal;
border-bottom: dashed 1px #dbdbdb;

font-size: 29px;
text-align: justify;  
    text-align-last: right;
    -moz-text-align-last: right;line-height: 35px;
margin-bottom: 0px;
margin-top:52px;
padding-bottom:10px;
 font-family: 'Quicksand', sans-serif;
 
   }





  h2 {

  	margin:0px;
     
    text-align:right;

color:#aaa9a9;
text-transform: uppercase;
font-weight: normal;
 font-size: 14px;
 text-align: right;
line-height: 35px;
letter-spacing: 2px;
 font-family: 'Quicksand', sans-serif;


   }
   

ol.nav  {
    list-style-position:inside;
     list-style-type: lower-roman;
     padding: 0;
      margin-left: auto;
     margin-right: auto;
    text-align: center;
    text-decoration: none;

width:100%;
 



 }

ol.nav a , ol.nav a:hover, ol.nav a:visited {
      color:#8f8e8e;
          display: block;

    text-decoration: none;

margin:40px 0px;
cursor:crosshair;
 
 border:none;

 font-size: 13px;
  line-height: 35px;

 font-family: 'Quicksand', sans-serif;



   }


   h4 {
   	      color:#8f8e8e;
letter-spacing: 3px;
font-weight: normal;

 font-size: 22px;
   line-height: 35px;
padding:10px;
 font-family: 'Quicksand', sans-serif;
 text-align: center; 
    }










 .container {
 	-webkit-box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.61);
-moz-box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.61);
box-shadow: 0px 0px 80px -15px rgba(0,0,0,0.61);
position: relative;

 	max-width:1114px;
background-color: #FFFFFF;
 	margin-left: auto;
 	margin-right:auto;
 	margin-top:76px;

 	overflow: hidden;
 	  border: solid 1px #d2d1d1;
 	   min-height:  100%;

  height:100%;

  }



 .contentcontain {
margin-top:-5px;
 	width:100%;
 	background-color: #FFFFFF;
 	 min-height:  100%;
  height:100%;

  }


 .navi {
 	padding-top:20px;
  	margin:0px;
width:28%;
  float:left;
  background-color:#e5f3fb;
  min-height:  100%;
  height:100%;
  border-right: solid 1px #d2d1d1;
   	position: absolute;

  
 }


.content {
	padding-top:0px;
	margin-right:5%;
 width:63%;
float:right;
background-color: #FFFFFF;
padding-bottom:50px;

  
}

 


.head {
	position: relative;
 }


.box {

width:40%;
position: absolute;
right:8%;
bottom:90px;
height:30%;
padding:0px 30px;
overflow-y: auto;
 text-align:justify;
background-color: rgba(255, 255, 255, 0.7); 
border: solid 1px #c8d6dc;


}

h3 {
font-weight: normal;
font-size: 21px;
  text-align:center;
line-height: 35px;
color:#7b7a7a;
 font-family: 'Quicksand', sans-serif;
 padding-bottom:9px;
 border-bottom:dashed 1px #7b7a7a;
}


.box p {
color:#7b7a7a;

font-weight: normal;

font-size: 15px;
 text-align: justify;
line-height: 35px;

 font-family: 'Quicksand', sans-serif;


}

 

.header {
 max-width:1114px;
}




 .header img {
max-width:1114px;
 	  border-top: solid 1px #d2d1d1;

  }
 




.content p {

	 color:#707070;
 
 text-align: justify;
 
 font-size: 14px;
  line-height: 35px;

 font-family: 'Quicksand', sans-serif;



}
  


 .top {
width:100%;
height:20px;
background-color: #aabdc9;
 
} 








@media screen and (max-width: 400px) {




 .navi {
 	position: static;
 	float:none;
   display:block;
   width:100%;
   clear:both;
   	float:none;
  
 }


.content {
	clear:both;
   	float:none;
width:100%;

display:block;
  
}

 




}