body{text-align:left; color:black;font-size:14px;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;}

table {table-layout:fixed;width:100%;margin:0 auto; text-align:center;}
td:empty {background-color: red;}




i {font-weight: bold; }




.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;font-family:CosmicSansMS,Cosmic Sans MS;}
.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:13px;text-align:center;font-family:CosmicSansMS,Cosmic Sans MS;}
.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 }




.d8{font-size:13px;text-align:center;font-family:CosmicSansMS,Cosmic Sans MS;}
.d8 a {display:inline-block;margin-top:4px;}
.d8 a:hover {color:white;background-color:blue }


.d9 {font-size:13px; text-align:center; font-family:CosmicSansMS,Cosmic Sans MS;}
.d9 a {text-decoration: none;padding-left:1px;padding-right:2px;display:inline-block;margin-top:2px; background: #eeeeff;border:1px outset #ccccff;}
.d9 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;font-weight:bold;} 
h1 {font-family:CosmicSansMS,Cosmic Sans MS;font-size:24px;}
h2 {color:red; font-size:18px;}
.title {font-family:CosmicSansMS,Cosmic Sans MS; color:blue; font-size:17px;font-weight:bold;}
.title1 {color:red; font-size:15px;font-weight:bold;}
.title2 {color:red; font-size:13px;font-weight:bold;}
h3 {font-family:CosmicSansMS; font-size: 15px;}



.s24{font-size:24px;}
.s20{font-size:20px;}
.s18{font-size:18px;}
.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;}
.black {color:black;} 
.green {color:green;}
.yellow{background:yellow;}
.lightblue {background:lightblue;}
.lightgreen {background:lightgreen;}


.code {background: #eeeeee; width:90%;margin:0 auto;padding:0 1em;}
.output {color:purple; background: #eeeeee; width:90%;padding:10px;}
.output2 {color:purple; background: white; width:90%;padding:10px;}
.answer {border: 2px dashed green}


p {text-align:center; padding-left:4px;padding-right:4px; max-width:1000px; margin:0 auto;}
.p1 {clear:both;width:100%;margin:1px auto;}
.p2 {clear:both;width:100%;margin:1px auto;max-width:760px;}
.center {text-align:center; padding:12px; }
.left   {text-align:left; padding:12px}
.right  {text-align:right; padding:12px}
.pad {padding-left:20px;}

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


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

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

.hr1 {clear:both;color:pink;background-color:pink;height:1px;width:1px;}
.hr2 {clear:both;color:pink;background-color:pink;height:1px;width:200px; border:3px outset #ccccff;}

.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;}
.section5 {max-width:1020px; margin:2px auto; text-align:center;}
.article0{text-align:center;margin:2px;padding:2px;border-width:0px;}
.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:240px; max-width:100%} }

.room {float:left; width:50%; font-size:13px;}

.inline {display:inline}

img {border-width:0px;}
img:hover {border: 1px dashed blue;}
img.size {max-width:100%;}
img.size2 {max-height:500px; max-width:96%;}
img.size3 {max-height:600px; max-width:96%;}

figure.clear {background:transparent;}
iframe {max-width:100%;}