/* Selector  */

* { margin: 0;  padding: 0;}
body {  background-image: url(images/bg.png); background-repeat: repeat; font: 76%/115% georgia,verdana,arial; color: #5d5d5d; font-size: 100%; background-color:#fff; border-top:10px solid #eee;}
img { border: 2px solid #adabab;  margin: 1% ;}
h1 { font: bold 100%  'Times', Verdana, Candara ; font-size: 70px; font-weight: normal ; color: #666; padding: 30px auto; padding-top:30px; margin:auto; text-align: center; letter-spacing: 10px;}
h2 { font: normal 100%  'sans-serif'; font-size:24px; color:#999; margin-top:10px; padding-bottom:30px; letter-spacing:3px; text-align: center;  }
h3 { font: 125% 'century gothic', arial, sans-serif; color: #2DB8CD;}
p { padding: 0 0 0 0; line-height: 1.7em; text-align: justify; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 100%; }
a 		{ 	color: 	#707070;	text-decoration: none; font: normal 100% 'Verdana',century gothic; text-align: right;}
a:hover {	color: #888888;	text-decoration: underline;}



/* ID  */
#wrap {	width:90%; height:100%; max-width: 850px; padding: 15px 1% 50px 1%; margin: 5px auto; margin-bottom: 50px; background:#eee; font-size: 100%; font-family:Candara, Verdana;  background-color: #fff;   }
#header { background: #fff; height: auto;  margin:8px 0; padding: 15px auto; font-size:6em;	font-weight:normal; }
#body { width: 100%; margin: 10px  auto 0 auto; padding: 10px 20px 20px 20px; background: #fff repeat-y; font-size: 100%; border:7px solid #eee;} 
#half { width: 35%; margin: 0 auto 0 auto; padding: 10px 20px 20px 20px; background: #F6F6F0 repeat-y; border: 3px double #6F7378; border-style: double; font-size: 100%; } 



/* Class  */  

.center { display: block; text-align: center; margin: 20px auto;}
.line{ 	border-bottom:2px #eee solid; width:100%; align: center; margin: 0 0 20px 0 ; }
* {box-sizing: border-box;} body {font-family: Verdana, sans-serif;}
  .mySlides {display: none;}
  img {vertical-align: middle; max-width: 306px; height: auto;}

.nocopy { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.border {border-style: solid; border-width: 1px; border-color: #000000;}
.slideshow-container { max-width: 400px;  position: relative;  margin: auto;}
.active {  background-color: #717171;}
.separator { width: 100%; height: 0;  border-top: 1px solid #D9D5CF;  border-bottom: 1px solid #FFF; margin: 0 0 20px 0;}
.button { background-color: #F6F6F0; border: 3px solid #e7e7e7; color: #5D5D5D; padding: 4px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 5px;}
.footer { width:40%; height: 60px;  background-color: #eee ; border: 3px #e7e7e7; color: #5D5D5D; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 8px; margin: 20px;}

.info 	{	font-family: 'Verdana', 'Arial', Sans-Serif; 	font-size: 1em; 	background: #fff;	text-align: right; margin: 15px auto 15px auto; padding: 15px auto 15px auto;}

.container{ width: 44%; margin: 0% 3% 0% 3%; float: left; text-align:center;}
.container h2 { margin-bottom: 6px; text-align: center; display: block;}
.line { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #ccc; display: inline-block; width:100%;}

.middlealign{text-align: center;}
.leftalign{text-align: left;}

.contentbox {  background-color: #f5f5f5; border: 2px #e5e5e5 solid; padding: 20px; text-align: left; font-size: 18px; color: #888; margin: 0; line-height: 26px; }
  

.column { float: left; padding: 10px; height: auto; }
.left, .right { width: 20%; }
.middle { width: 60%; }
.row:after { content: ""; display: table; clear: both; }


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {.container {width: 100%; display: block; }.text {font-size: 11px}}
@media only screen and (max-width: 700px) {.container {width: 26%; margin: 6px 0;  }}
@media only screen and (max-width: 500px) {.container {width: 100%; display: block; }}