/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

html {
	
	height: 100%;
}
 
body {
	padding:0;
	margin: 0 auto;
	height: 100%;
 
}
 
body > div#root {
	height: auto;
	min-height: 100%;
}
 
div#root {
	height: 100%;
}

header{
	background-color:#a2aba2;
	height:80px;
	border-bottom:#666 solid 1px;
	
}
nav.dark a img{
	
	float:left;
}
.head{
	text-align:left;
}

.homeBlock{
	display:block;
	width:480px;
	position:absolute;
	
	top:200px;left:auto;margin-left:15px;
}
.homeBlock p{
	color:#FFF;
}
.homeBlock h2{
	font-size:24px;
}

/*highlight the current page */
body#why a#nav-why, body#about a#nav-about, body#programs a#nav-programs, body#join a#nav-join{
	color:#fff;
	background: rgba(0,0,0,0.1);
	border-radius: 10px; -moz-border-radius: 10px;
}
section{
	display:block;
	padding-top:300px;
	/* match footer height */
	padding-bottom: 300px;
	z-index:1;
}

section.zone1 {
	background: url(../images/kv16.jpg) no-repeat center top; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-size:100% auto;
}
section.zone2 {
	background: url(../images/kv11.jpg) no-repeat center top; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-size:100% auto;
}
section.zone3 {
	background: url(../images/kv14.jpg) no-repeat center top; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-size:100% auto;
}
section.zone4 {
	background: url(../images/kv17.jpg) no-repeat center top; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-size:100% auto;
}
section.zone5 {
	background: url(../images/kv12.jpg) no-repeat center top; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-size:100% auto;
}




.text-column-240{
	float:right;
	width:230px;
}
.text-column-240 li{
	font-size:14px;
	color:#666;
	margin-bottom:10px;
	line-height:18px;
	margin-left:15px;
}
img.thumb-column{
	
	display:inline;
	float:left;
	margin-right:10px;
	
}
.text-column-220{
	float:right;
	width:210px;
}
a{
	color:#000; text-decoration:none;  border-bottom:1px solid #F60;
}
a:hover, active a{
	text-decoration:none; color:#633; 
}

.text-column-220 li{
	font-size:14px;
	color:#666;
	margin-bottom:10px;
	line-height:18px;
	margin-left:15px;
}
article{
	display:inline;
	
}
article.inline-list {
	
	display:inline-block;
	margin:5px;
	width:218px;
	border:1px dotted black;	
}
article.inline-list img{	
	padding:7px;
	height:auto;
	background-color:#fff;
		
}
article.inline-list p{	
	padding-right:10px;
	padding-top:10px;
	font-size:12px;
}
div.inlineText{
	width:124px;
	float:right;
}
div.inlineText2{
	float:right;
	width:250px;
	float:right;
}



.en{
	color:#999;
	font-size:80%;
	
}
q{
	color:#666;
}
q:before {
display: inline;
content:url(../images/quoteOpen-small.png);


}
q:after {
display: inline;
content:url(../images/quoteClose-small.png);
position: relative; 
} 
.author{
	text-align:right;
	color:green;
	font-size:12px;
}

.author2 {
	color:green;
	font-size:12px;
	vertical-align:top;

}
.author2 img{
	float:left;
	margin-right:10px;
	margin-bottom:-3px;
	border: 1px solid #ccc;

}

blockquote.style2 {
  font: 12;
 color:#666;
 
}

blockquote.style2:before{
  display: inline;
  content:url(../images/quoteOpen-small.png);
}
blockquote.style2:after{
  display: inline;
  content:url(../images/quoteClose-small.png);
  position: relative; 
}


blockquote.style3 {
  font: 18px/30px normal Tahoma, sans-serif;
  padding-top: 12px;
  margin: 5px;
  background-image: url(../images/quoteOpen.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 45px;
  font-style:italic;
  }
  blockquote.style3 span {
    display: block;
    background-image: url(../images/quoteClose.png);
    background-repeat: no-repeat;
    background-position: bottom right;
} 
div.commentBloc{
	border-bottom: 1px dotted #ccc;
	background-color:#f3f4f3;
	padding:10px;
}
div.bigRow{
	border-bottom: 1px dotted #ccc;
	padding:10px;
}
div.divider1{
height: 10px;
border-bottom: 1px dotted #ccc; 
margin-bottom:10px;
}
div.divider2{
	margin-left:0px;
	margin-right:0px;
	width:700px;
	background-image:url(../images/divider2.gif);
	background-repeat:repeat-x;
}
div.divider2 p{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	font-size:12px;
	background-color:#FFF;
	color:#333;
	text-align:center;
}

 

.btn{
	text-align:center;
	padding:15px 0px;
	border-top:thin dashed #CCC;
	background-color:#ebeaea;
}
.btn a{
	
	color:#000;
	
	padding:5px 15px;
	margin:10px 0px;
	text-decoration:none;
	border-bottom:none;
}
.btn a:hover, .btn.active a{ text-decoration:none; border-bottom:2px dotted #F60;}

p.big{
	font-size:18px;
	margin:0px;
	line-height:34px;
	color:#063;
}
.w1020{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	background-color:#a2aba2;
	height:320px;
	display:block;
	margin-top: -321px; 
	border-top:1px dashed #BDBA90;
	
}

img.surrounded{
	display:inline;
	border:none;
}
.surroundText{
	display:inline;
}
h1.surroundText{
	border:none;
	padding-left:0px;
}
	
.inlineBlock{
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:10px;
	margin-top:10px;
	width:400px;
}
.zone560{
	width:610px;
}


.zone-top{
	padding-top:20px;
	background-color:#ffffcc;
	border-bottom:1px dashed #000;
}
.zone-top p{
	border:none;
	font-size:12px;
}
.zone-top h3 {
	margin-bottom:10px;
}
.zone-bottom{
	width:960px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.zone-bottom ul{
	font-size:12px;
	display:inline; 
	list-style:none; 
}
.zone-bottom ul li{
	 float: left; position: relative; color:#033; line-height:50px; margin-right:20px; width:auto;
}

.zone-bottom ul li img{
	margin-right:5px;
	border:none;
}

.zone-bottom a{
	border:none;
}