body{text-align:left; color:black;font-size:18px;font-family:Arial,Verdana,sans-serif;margin:0 auto;padding:0 2px}
body {max-width:1600px;}

.tbl0{width:139px;border:2px red dashed;margin-left:0px;}
.tbl{width:135px;border:2px red dashed;background-color:white}

.button3d1 {display: block;float:center; width: 96px;height: 32px;margin: 0 0 0 0;padding:0px; border:1px outset #ccf;
 font-family: Arial,Verdana, sans-serif;font-size: 12px;line-height: 16px;text-align:center;}
.button3d1 a {display: block;float:center; width: 96px;height: 32px;text-decoration: none;}
.button3d1 a:link {font-weight:normal;background-color:blue;text-decoration: none;border-style: outset;}
.button3d1 a:hover {font-weight: bold;background-color:red;border-style: outset;}

div, form  {text-align:left;}
p,pre,form {margin-top:0; margin-bottom:0;}


td:empty {background-color: red;}










.d1{font-size:12px;text-align:center;}
.d1 a {text-decoration: none;padding-left:1px;padding-right:2px;display:inline-block;margin-top:2px}
.d1 a:hover {color:white;background-color:blue }


.d2{font-size:15px;text-align:center;}
.d2 a {border:4px outset #ccccff;border-left:2px outset #ccccff;border-top:2px outset #ccccff;background-color:#ddccff;text-decoration: none;padding-left:1px;padding-right:2px;display:inline-block;margin-top:2px}
.d2 a:hover {color:white;background-color:blue }

.d6{font-size:12px;text-align:center;}
.d6 a {border:4px outset #ccccff;border-left:2px outset #ccccff;border-top:2px outset #ccccff;background-color:#ddccff;text-decoration: none;padding-left:1px;padding-right:2px;display:inline-block;margin-top:2px}
.d6 a:hover {color:white;background-color:blue }
 


.sp2{padding-left:1px;padding-right:2px;font-weight:bold; border:3px outset #ccccff;display:inline-block;margin-top:2px}

h1,h2,h3,h4,h5,h6 {text-align:center;margin:4px auto 0px auto;} 



.s16{font-size:16px;}
.s15{font-size:15px;}
.s14{font-size:14px;}
.s13{font-size:13px;}
.s12{font-size:12px;}
.s11{font-size:11px;}


a {color:blue;}
a:link {color:blue;}
a:visited {color:purple;}
a:hover {color:white;background-color:blue}
a:active {color:red;}

.FL {float:left; margin-right:6px;margin-bottom:4px;}
.FR {float:right; margin-left:6px;margin-bottom:4px;}
.CL {clear:left;}
.CR {clear:right} 
.CB {clear:both}

.CC {float:left;padding-left:2px;padding-right:2px;display:block;text-align:center;margin-bottom:10px;height:370px;width:576px;}
.CC2 {float:left;padding-left:2px;padding-right:2px;display:block;text-align:center;margin-bottom:10px;height:370px;width:436px;}

.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.yellow{background:yellow;}
.lightblue {background:lightblue;}
.lightgreen {background:lightgreen;}


.code {background: #eeeeee; width:90%;margin:0 auto;padding:0 1em;}
.output {background:#dddddd;margin:0 auto;padding:0 1em;}
.output {color:purple; background: #dddddd; width:90%;padding:10px;}


.indent {text-indent:2em}
.noindent {text-indent:0}

p {max-width:800px; margin: 0 auto;}
.p1 {clear:both;width:100%;margin:1px auto;}
.p2 {clear:both;width:100%;margin:1px auto;max-width:700px;}
.center {text-align:center; padding:12px; }
.left   {text-align:left; padding:12px}
.right  {text-align:right; padding:12px}

.mw {max-width:100%;}
.mw2 {max-width:25%;} 
.mw3 {max-width:33%;} 
.mw2h {max-width:25%; overflow:hidden;} 
.mw3h {max-width:33%; overflow:hidden;}

.zp {z-index:10;}
.zm {z-index:-10;} 

.hr1 {clear:both;color:pink;background-color:pink;height:1px;width:1px;}
.hr2 {clear:both;color:pink;background-color:pink;height:2px;width:200px;}
.CT {margin; 0 auto;}

.redborder   {border:1px dashed red;}
.blueborder {border:1px dashed blue;} 
.blackborder {border:1px solid black;}

.section {text-align:center;margin:2px;padding:6px;border:1px solid red;}
.section2 {text-align:center;margin:2px;padding:6px;border:1px dashed blue;}
.section3 {text-align:center;margin:2px;padding:6px;border:3px dotted red;}

.article {text-align:center;margin:2px;padding:6px;border:1px solid blue;}
.article2{text-align:center;margin:2px;padding:2px;border:1px solid green;}

footer, aside {font-size:12px;}

.mq {float:left;max-width:50%}
@media screen and (max-width:959px){ .mq {float:left;min-width:400px; max-width:100%} }

.room {float:left; width:50%;}