body, h1, h2, h3, h4, h5, h6, a {color: blue;margin: 0px;padding: 0px;}
body {font-family: "georgia, verdana, sans-serif"; background-color: rgb(220,255,220);padding: 0px;}

p,  li, ul, td, tr {margin: 3px;color: rgb(100,100,100);}
li {list-style-type: none;}
h1{text-align: center;}
h3{text-align: center;}
p{text-align: justify; margin-bottom: 6px;}
p.hide:hover {color: rgb(100,100,100); background-color: rgb(220,255,220);}

a:link {color: rgb(255,0,255);}
a:visited {color:rgb(0,0,255);}
a:hover {color: rgb(255,0,0);}
a:active {color: rgb(255,0,255);}

a.nav:link {color: rgb(0,0,255);}
a.nav:visited {color:rgb(50,50,255);}
a.nav:hover {color: rgb(100,100,255);}
a.nav:active {color: rgb(150,150,255);}

ul.nav {margin-left: 0px;padding: 0px;list-style: none;float: left;width: 100%;}
ul.nav li{float: left;padding: 2px;margin: 0px;/*border: 2px solid blue;*/}
ul.nav a {width: 6em;display: block;border: 1px solid blue;font-size: 12pt;padding: 0;margin: 0px;background-color: #ddd;text-decoration: none;color: #333;text-align:center;}

ul.nav1 {margin-left: 0px;padding-left: 0px;list-style: none;width: 15em;float: left;color: blue;}
ul.nav1 li{color: blue;}
ul.nav1 li a {width: 20em; color: blue; border: 1px solid blue;display: block; padding: 2px;margin-right: 2px;background-color: #ddf;text-decoration: none;color: #333;text-align: left;}


a.nav1:link {color: rgb(0,0,255);}
a.nav1:visited {color:rgb(0,0,255);}
a.nav1:hover {color: rgb(255,0,0);}
a.nav1:active {color: rgb(255,0,0);}

img.hide:hover{visibility: hidden;}

table{background-color: rgb(220,255,220);color: rgb(100,100,100);border: 3px solid blue;}

#html {width: 100%;/*border: solid 5px red;*/}

#content {width: 100%;margin: 0px 0px 0px 0px;padding: 0px;background-color: rgb(220,255,220);}

#visitors {width: 100%;clear: both;}

#features{left: 0px;padding: 20px;width: 250px;text-align: justify;}
#lessons{margin-left: 10%;width: 80%;clear: left;}

#navi{/*position: absolute;left: 10px;top: 100px;*/margin-top: 5%;margin-left: 10%;float: left;width: 80%;background-color: rgb(220,255,220);}


#staff{margin-top: 10px;width: 100%;clear: both;padding: 30px; }
#person1{font-family: "georgia, verdana, sans-serif";text-align: justify;/*left: 0px;*/margin-left: 5%;padding: 10px;width: 30%;float:left;/*text-align: left;*/}
#person2{font-family: "georgia, verdana, sans-serif";text-align: justify;/*left: 0px;*/margin-left: 2.5%;width: 50%;float:left;/*text-align: left;*/}
#person3{font-family: "georgia, verdana, sans-serif";text-align: justify;/*left: 0px;*/margin-left: 2.5%;margin-yop: 2.5%;width: 50%;float:left;/*text-align: left;*/}

#quiz{border: 2px solid blue;background-image: url(quiz02.jpeg);background-repeat: no-repeat;margin-left: 5%;width:50%;height: 600px;float: left; }
#quiz:hover{background-image: url(answer02.jpeg);background-repeat: no-repeat;}

#quiz2{border: 2px solid blue;background-image: url(quiz03a.jpeg);background-repeat: no-repeat;margin-left: 5%;width:50%;height: 600px;float: left; }
#quiz2:hover{background-image: url(answer02.jpeg);background-repeat: no-repeat;}

#answer:hover{visibility: visible;}

#section1{margin-top: 30px;margin-left: 10%;width: 80%;/*border: 1px solid blue;*/clear: both; }
#section2{margin-left: 10%;width: 80%;clear: both; }
/*#section3{margin-top: 100px;margin-left: 5%;width: 80%;clear: both; }*/
#section4{margin-left: 0%;width: 100%;clear: both; }

#pagetitle{color: black;background-image: url(hand1.jpeg) ;border: solid 3px blue;padding: 0px;}


#set{margin-left: 0%;width: 100%;clear: both;}

#north{width: 150px;margin-left: 100px;visibility: hidden;}
#south{margin-top: 0px;margin-left: 100px;width: 150px;visibility: hidden;}
#west{margin-left: 0px;margin-top: 0px;width: 150px;float: left;visibility: visible;}
#east{margin-left: 0px;margin-top: 0px;width: 150px;float: left;}

#answer{width: 400px;margin-left: 20px;background-color: rgb(100,100,100);color: rgb(100,100,100);border: 3px solid blue;padding: 10px;clear: both;}
#answer:hover{background-color: rgb(220,255,220);}

#possibleanswer{width: 400px;margin-left: 20px;background-color: rgb(100,100,100);color: rgb(100,100,100);border: 3px solid blue;padding: 10px;clear: both;}
#possibleanswer:hover{background-color: rgb(220,255,220);}


.features{padding: 20px;width: 300px;height: 300px;margin-right: 5px;margin-top: 5px;text-align: justify;float: left;border: solid 2px blue;overflow: auto;}
.features h5{color: rgb(0,0,255);line-height: 1em;}


.features2 {left: 0px;padding: 10px; width: 35%;height: 400px;margin-left: 15px;margin-top: 15px;text-align: justify;float: left;border: solid 2px blue;overflow: none;}
.features2 ol li{margin: 0; padding: 5px; padding-right:20px; color: blue; list-style-type: decimal}
.features2 h5{color: rgb(0,0,255);line-height: 1em;}



.person{font-family: "georgia, verdana, sans-serif";text-align: justify;/*left: 0px;*/padding: 20px;margin: 0px;width: 29%;float:left;/*text-align: left;*/}

.headshot{border: solid 5px rgb(150,255,150);border-width: 10px;border-right-width: 10px;}

.titles{color: #00F;text-align: center;}


.photo{background-color: rgb(0,0,150);padding: 5px;margin: 5px;}

.hide{color: rgb(220,255,220);visibility: visible;}
.handtitle{clear: both;left: 0;height: 10px;}

.hand{margin-left: 10px;margin-top: 10px;width: 150px;visibility: visible;float: left;}
.answer{top-margin: 20px;width: 600px;background-color: rgb(100,100,100);color: rgb(100,100,100);border: 3px solid blue;padding: 10px;float: left;min-height: 100px;}
.answer:hover{background-color: rgb(220,255,220);}
.redsuit{color: rgb(255,0,0)}
.blacksuit{color: rgb(100,100,100);}

.rows { display: block ; margin-left: 0; width: 100%;  float: left; }
/*1,2 and 3 must have same height*/
.cols1 { display: block ; margin: 1px; width: 20%;  height: 35px; float: left; padding: 1px; border: 1px solid blue;}
.cols1a { display: block ; margin: 1px; width: 50px;  height: 100px; float: left; padding: 1px; border: none;}
.cols1b { display: block ; margin: 1px; width: 50px;  height: 140px; float: left; padding: 1px; border: none;}
.cols1c { display: block ; margin: 1px; width: 50px;  height: 180px; float: left; padding: 1px; border: none;}
.cols2 { display: block ;  margin: 1px; width: 35%;  height: 35px; float: left; padding: 1px; border: 1px solid blue; overflow: auto;}
.cols3 { display: block ;  margin: 1px; width: 75%;  height: 35px; float: left; padding: 1px; border: 1px solid blue; overflow: auto;}
/* deeper rows for special announcemets 4 & 5 must have same height*/
.cols4 { display: block ; margin: 1px; width: 20%;  height: 100px; float: left; padding: 1px; border: 1px solid blue;}
.cols5 { display: block ;  margin: 1px; width: 75%;  height: 100px; float: left; padding: 1px; border: 1px solid blue; overflow: auto;}
.bidding {display: block ;clear: both;  }
.section1 {margin-top: 30px; margin-left: 5%;width: 90%;/*border: 1px solid blue;*/clear: both; }
.section2 {margin-top: 30px; margin-left: 5%;width: 80%;/*border: 1px solid blue;*/float: left; }
.section3 {margin-top: 30px; margin-left: 5%;width 20%;border: 1px solid red;clear: both; }