body { font-family: 'Open Sans', sans-serif; background:#000; font-size:13px; margin:0; padding:0;}

.clear {clear:both;}

.story {border-top:15px solid 77a2c9; border-bottom:15px solid #ccc; padding: 0; margin: 0; width: 100%; margin: 0 auto;background:#fff;}

h1, h2, h3 { font-family: 'Arvo', serif; font-weight:400; }

.story h1 { font-size:40px; font-weight:normal;}
.story h2 { font-size:26px; margin-bottom:20px; font-weight:normal; line-height:35px; color:#77a2c9;}
.story h3 { font-size:20px; margin:20px 0; font-weight:normal; line-height:35px;}
.story h4 { font-size:14px; margin:0 0 20px 0; font-weight:700; }

.img-border {border-top:5px solid #ddd; border-left:5px solid #ddd; border-bottom:5px solid #eee; border-right:5px solid #eee;}
.left {float:left; margin:0 15px 15px 0;}


#nav {position:fixed; background:#000; color:#fff; z-index:1000; width:100%; text-align:center;}
#nav ul {margin:10px; padding:0; font-size:11px; width:940px; margin:0 auto; border-left:1px solid #fff; overflow:auto;}
#nav ul li  {
	  float:left;
	  list-style:none;
	  border-right:1px solid #fff;
}

#nav ul li a {color:#ccc; text-decoration:none; padding:15px; height:15px; display:block;
	  -webkit-transition: all 0.4s ease-in-out;
	  -moz-transition: all 0.4s ease-in-out;
	  -o-transition: all 0.4s ease-in-out;
	  transition: all 0.4s ease-in-out;
}
#nav ul li a.twolines {padding:8px 15px; height:29px;}
#nav ul li a:hover {color:#000; background:#fff;}

a {color:#77a2c9;}
a:hover {color:#b9d0e5;	}

#logo {
	color:#fff;
	background:#77a2c9;
	overflow:auto;
	padding: 10px 0 0 0;
	margin: 0;
	width: 100%;
	margin: 0 auto;
}

.logo-inner {width:940px; margin:0 auto; margin:50px auto 20px auto;}

#logo h1 {color:#fff; font-size:30px; margin:0;}
#logo h2 {color:#b9d0e5; font-size:23px;}	
	
.logo-left {float:left; padding:10px 0;}
.logo-right {float:right; padding:14px 0 5px 0; text-align:right;}



.image, .image div { margin:0 auto; padding:0; height:600px;}



#image1 .image {background: url(../images/bg1.jpg) 50% 0 no-repeat fixed; }

#image2 .image {background: url(../images/bg2.jpg) 50% 0 no-repeat fixed;  }

#image3 .image {background: url(../images/bg3.jpg) 50% 0 no-repeat fixed;  }

#image4 .image {background: url(../images/bg4.jpg) 50% 0 no-repeat fixed;  }

#image5 .image {background: url(../images/bg5.jpg) 50% 0 no-repeat fixed;  }

#image6 .image {background: url(../images/bg6.jpg) 50% 0 no-repeat fixed;  }

#image7 .image {background: url(../images/bg7.jpg) 50% 0 no-repeat fixed;  }

#image8 .image {background: url(../images/bg8.jpg) 50% 0 no-repeat fixed;  }


/*

#text1 {background:#eee9d3; color:#333333; overflow:auto;}
#text1 h2 {color:#8d9a94;}

#text2 {background:#e6f0e7; color:#333333; overflow:auto;}
#text2 h2 {color:#678a2a;}

#text3 {background:#ffe5cc; color:#333333; overflow:auto;}
#text3 h2 {color:#be5d0f;}

#text4 {background:#f6f2cd; color:#333333; overflow:auto;}
#text4 h2 {color:#5e9d51;}

#text5 {background:#dff2da; color:#333333; overflow:auto;}
#text5 h2 {color:#e27e25;}

#text6 {background:#e5dbc6; color:#333333; overflow:auto;}
#text6 h2 {color:#826b23;}

#text7 {background:#e9e4d9; color:#333333; overflow:auto;}
#text7 h2 {color:#718642;}

#text8 {background:#e9d8b6; color:#333333; overflow:auto;}
#text8 h2 {color:#495476;}

#text9 {background:#eeede3; color:#333333; overflow:auto;}
#text9 h2 {color:#a5a498;}

*/

.article, article  {
	padding:60px 0 100px 0;	
	margin:0 auto;
	width:940px;
	line-height:20px;
	overflow:auto;
}

.article-left {float:left; width:600px;}
.article-right {float:right; width:310px; font-size:11px; text-align:center; padding:22px 0 0 0;}

.article-right img {border-top:3px solid #bbb; border-left:3px solid #bbb; border-bottom:3px solid #ccc; border-right:3px solid #ccc;}
.article-right img.noborder {border:none;}

.ios {display:none;}

.credits {border-top:1px dotted #ccc; padding-top:50px; font-size:11px;}

.bold {font-weight:bold;}

p {margin:0 0 15px 0;}

table.spaced td {padding:0 10px 10px 0;}

.banner {
	width:100%;
	height:600px;	
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) { 



.ios1,.ios2,.ios3,.ios4,.ios5,.ios6,.ios7,.ios8 {
	display:block;
	height:600px !important;
	background-size:1024px auto !important;
}

.ios1 {background: url(../images/bg1.jpg) center no-repeat;}
.ios2 {background: url(../images/bg2.jpg) center no-repeat;}
.ios3 {background: url(../images/bg3.jpg) center no-repeat;}
.ios4 {background: url(../images/bg4.jpg) center no-repeat;}
.ios5 {background: url(../images/bg5.jpg) center no-repeat;}
.ios6 {background: url(../images/bg6.jpg) center no-repeat;}
.ios7 {background: url(../images/bg7.jpg) center no-repeat;}
.ios8 {background: url(../images/bg8.jpg) center no-repeat;}

.image {display:none;}  

}


@media print {
	
	
	#main {width:980px;}
	
	#nav {display:none;}
	
	.story {border-top:none !important; border-bottom:none !important;}
	
	
	body {
	margin:0 25pt;	
	}
	
	#nav {display:none;}
	
	#text3 img {width:680pt; height:auto;}
	
	#text9 img {width:680pt; margin:10pt 0;}
	
	
	#logo {
	background:#fff;
	}
	
	.logo-inner {width:100%; margin:0 auto; margin:5pt 0;}
	
	.logo-left {display:none;}
	.logo-right {float:none; color:#000;}
	
	.article {
		padding:0;
		width:680pt;
		}
	
	.article-left {
		float:none;
		width:680pt;	
	}
	
	.article-right {
		display:none;
		}
	
	.image {display:none;}
	
	.printbutton {display:none;}
	
}