/* Selector  */

* { margin: 0;  padding: 0;}
body { font-family: Candara, Verdana;century gothic; background-image: url(image/bg.gif); font-size: 100%; background-color: #5D5D5D;}
img {   border-style: solid; border-width: 1px; border-color: #000000; min-width: auto; margin:3px 3px 3px 3px;}
h1 { font: bold underline normal 165% 'Monotype Corsiva', Candara, Verdana; color: #000000; padding: auto; margin:auto; text-align: center;}
h2 { font: bold 125% 'century gothic', arial, sans-serif; color: #8A8989;text-align: left; padding: 0 0 0 40px; }
h3 { font: 125% 'century gothic', arial, sans-serif; color: #2DB8CD;}
p { padding: 6% 6% 6% 6%; line-height: 1.7em; text-align: justify; font-family: Arial, Candara, Verdana,century gothic; font-size:  font-size: 50%; }
a, a:hover { outline: none; text-decoration: underline; font: normal 200% 'Candara', Verdana,century gothic; text-align: center; color: #808080;}

/* ID  */
#wrap {	width:90%; height:auto; max-width: 830px; padding: 25px 50px 25px 50px; margin: 50px auto; margin-bottom: 50px; background:#f5f5f5 url(image/bg.gif) ; font-size: 100%; font-family:Candara, Verdana;  background-color: #f5f5f5; border: 2px solid #e7e7e7;}
#header { background: #808080; height: auto; border: 5px solid #e7e7e7; font-size: 100%; padding: 20px;}
#main { width: 100%; margin: 0 auto 0 auto; padding: 10px 30px 20px 30px; background: #CCCCCC repeat-y; border: 5px solid #FFF; font-size: 70%; align: center;} 
#half { width: 100%; margin: 0 auto 0 auto; padding: 10px 20px 20px 20px; background: #F6F6F0 repeat-y; border: 15px solid #FFF; font-size: 100%; text-align:center;} 


#menu { border: 0;  height: 40px;}
#menu ul { margin-top: 10px; text-align: center;}
#menu li { display: inline; }
#menu ul a { border: 1px solid #888888; text-decoration: none; background: #EEEEEE; margin-right: 5px; padding: 5px 10px;}
#menu a { color: #888888; }
#menu a:visited { color: #888888;}
#menu a:hover { background: #808080; color: #FFF;}
#menu a#current { color: #888888;}



/* Class  */  
.left { float: left; width: auto; margin-right: 10px;}
.right { float: right; width: auto; margin-left: 10px;}
.center { display: block; text-align: center; margin: 20px auto;}

* {box-sizing: border-box;} body {font-family: Verdana, sans-serif;}
  .mySlides {display: none;}
  img {vertical-align: middle; max-width: 306px; height: auto;}

.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;}

.nocopy { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}