body {
   background-color:#f0f0d0;
   }
.floatleft {
   float:left;
   }
.floatright {
   float:right;
   }   
.clearfloat {
   clear:both;
   padding:0;
   margin:0;
   }
.gadh {
   clear:both;
   padding:0px 0 0 0;
   text-align:center;
   }   
#container {
   width:990px;
   /*background-image:url(img/body.png);
   background-repeat: repeat;*/
   background-color:#e8e8c8;
   /*background-color:#dcdcb9;*/
   margin:0 auto;
   padding:0;
  }
#header {
   width:990px;
   height:199px;
   text-align:left;
   background-image:url(../img/header.png);
   background-repeat: repeat-x;
   padding:0;
   margin:0;
  }
#title {
   padding:30px 0 0 150px;
  }   
#title h1 {
   font-size:16pt;
   color:#8B4513;
   margin-left:160px;
   font-style:italic;
  }   
h1, h2, h3, h4, h5, p {
   margin:0;
   padding:5px;
   font-family: Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
  }
h3 {
   color:#8B4513;
  }    
#header2 {
   width:990px;
   height:40px;
   /*background-color:yellow;*/
  }
#hnavigator {
   width:990px;
   /*background-color: lightgreen;*/
   margin:0;
   padding:0;
  }
#hnavigator2 {
   /*width:100%*;/
   /*background-color: lightgreen;*/
   color:#a0522d;
   padding:10px 0 0 0;
  }
#hnavigator2 p {
   margin:0;
   text-align:center;
   font-weight:600;
   font-size:10pt;
   /*color:#b5623a;*/
   color:#90903a;
  }   
#hnavigator2 p  a {
   color:#90903a;
  }
#level {
   display:inline;
   float:left;
   margin-left:180px;
  }   
#level h4 {
   font-size:11pt;
   padding:2px 8px 0 0;
   margin:0; 
  } 
#leveloption {
   float:left;
   margin:0;
   padding:0;
  }    
#leftsidebar {
   clear:both;
   float:left;
   width:120px;
   margin:0;
   padding:15px 10px 0 0;
  }
#cblock {
   float:left;
   width:730px;
   margin:0;
   padding:0;
  }    
#leftcol {
   float:left;
   margin:0;
   padding:0;
   /*background-color:green;*/
   width:135px;
   color:#A0522D;
  }
#middlecol {
    float:left;
    width:450px;
	margin:0;
	padding:0;
    /*background-color:lightblue;*/
   }
#rightcol {
    float:left;
    width:135px;
	font-size:8pt;
	color:#A0522D;
	font-family:Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
    /*background-color:#cccc00;*/
	padding:0 0 0 0;
   }
#rightsidebar {
   float:right;
   width:120px;
   padding:15px 0 0 0;
   margin:0;   
  }   
#footer {
   clear:both;
   width:100%;
   height:199px;
   text-align:center;
   background-image:url(../img/footer.png);
   background-repeat: repeat-x;
   padding:0;
   margin:0;
   /*background-color:brown;*/
  } 
#content1 {
    padding:0 0 0 0;
	margin: 15px 0 0 0;
   } 
#content1 h3 {
    display:inline;
    text-align:left;
    float:left;
    margin:20px 0 0 37px;
	padding:0;
	font-weight:600;
   }	
#puzzlenotitle {
    float:left;
	display:inline;
    color:#6a5acd;
	font-size:10pt;
    font-weight:bold;
	font-family:Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
	padding:0;
	margin:24px 0 0 6px;
   }	
#content2 {
    clear:both;
	font-size:8pt;
	color:#A0522D;
	font-family:Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
	text-align:left;
	padding:10px 0 0 40px;
   }
#hnavigator ul {
    text-align:center;
   } 	
#navlist {
    padding: 4px 0 3px;
    margin-left: 0;
    border-bottom: 1px solid #778;
    font-size:14px;
	font-weight:bold;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
   }
#navlist li {
    list-style: none;
    margin: 5px;
    display: inline;
   }
#navlist li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #dd8;
    text-decoration: none;
   }
#navlist li a:link { 
    color: #553; 
   }
#navlist li a:visited { 
    color: #553; 
   }
#navlist li a:hover {
    color: #000;
    background: #ee8;
    border-color: #227;
   }
#navlist li a#current {
    background: #e8e8c8;
    border-bottom: 1px solid #e8e8c8;
   }
#hnavigator2 ul {
    text-align:center;
   } 	
#broadcastmsg {
    clear:both; 
    padding:0 0 4px 0;
	margin:0;
	height:12px; 
	font-size: 0.8em; 
	font-weight:600;
	color:#d5452a;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
	text-align:center;
    }
#navlist2 {
    padding: 4px 0 3px;
    margin-left: 0;
    font-size:12px;
	font-weight:bold;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
   }
#navlist2 li {
    list-style: none;
    margin: 5px;
    display: inline;
   }
#navlist2 li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    background: #bb7;
    text-decoration: none;
   }
#navlist2 li a:link { 
    color: #A0522D; 
   }
#navlist2 li a:visited { 
    color: #A0522D; 
   }
#navlist2 li a:hover {
    color: #000;
    background: #dd9;
    border-color: #227;
   }
#navlist2 li a#current2 {
    background: #ffffe0;
   }
#print {
    font-size:8pt;
	font-family:Verdana, Helvetica, Arial, Courier;
	padding:25px 0 0 0;
	height:12px;
   }
#archive {
    float:left;
	margin-left:10px;
	display:inline;
    font-size:10pt;
    padding: 0;
	font-family:Verdana, Helvetica, Arial, Courier;
   }
#archive p  {
    padding:0;
	margin:0;
	font-weight:400;
	color:#333333;
   } 	
#mouseonly {
    padding:43px 0 0 0;
   }
#mouseoption {
    margin-left:5px;
	padding:5px 0 0 0;
	width:130px;
   }
#numberoption {
    float:left;
    width:48px;
	padding:5px 0 0 0;
   }	
#pencil {
	padding:45px 0px 0 60px;
	text-align:left;
   }
#nopencil {
    padding:12px 0 0 82px;
    text-align:left;	
   }   
#colorbox {
    padding: 22px 0 0 60px;
	text-align:left;
   }
#coloroption {
    padding: 5px 0 0 78px;
    text-align:left;
   }
#coloroption p {
    padding:4px 0 0 0;
   }	
#nocolor {
    padding: 12px 0 0 82px;
    text-align:left;
   }
#add2favor {
    padding: 25px 0 0 33px;
    text-align:left;
    font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
    font-size:8pt;
   }	
#timer {
    padding:25px 0 0 30px;
    font-size:9pt;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
   }
#timer p {
    padding:0 0 6px 0;
    margin:0;
	font-size:9pt;
	font-weight:500;
	line-height:18px;
   } 	
#timer a {
    color:#A0522D;
   }
#time1 {
    padding: 0 0 0 45px;
    }
#time2 {
    text-align:right;
    padding:5px 16px 0 0;
   }
#timerop {
    text-align:right;
    padding:5px 16px 0 0;
   }
#timerop1 {
   float:right;
   margin: 5px 16px 0 0;
   padding:0;
   display:inline;
  }
#timerop2 {
   float:right;
   margin:5px 2px 0 0;
   padding:0;
   display:inline;
  }    
div.timeropbox {
   width:20px;
   height:20px;
   background-color:#eeee88;
   border:1px solid #bbbb66;
   cursor:pointer;
  }
/*  
div.timeropbox:hover {
   border:1px solid #cdcd89;
   background-color:#fcfcb0;
   cursor:pointer;
  }
*/  
#controlpanel {
    padding:0;
    margin:0;
	width:371px;
   }
#newpuzzle {
    clear:both;
	float:left;
    padding: 0;
	font-size:8pt;
	color:#A0522D;
	font-family:Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
	text-align:left;
   } 
#pickpuzzle {
    float:right;
	padding: 0;
   }	
#pickpuzzle p{
    margin:0;
	padding: 0;	
   }	
#newpuzzle2 {
    clear:both;
	float:left;
	display:inline;
    margin: 10px 0 0 40px;
	font-size:8pt;
	color:#A0522D;
	font-family:Verdana, Helvetica, Arial, Courier, Times, Times New Roman;
	text-align:left;
	width:371px;
   } 
#flink1 {
    float:left;
	display:inline;
    padding:80px 60px 0 0;
    margin-left:305px;
	font-size:10pt;
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   }
#flink2 {
    float:left;
    padding:80px 60px 0 0;
    margin:0;
	font-size:10pt;
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   }
#flink3 {
    float:left;
    padding:80px 60px 0 0;
    margin:0;
	font-size:10pt;
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   }
#footer a:link, #footer a:visited {
    text-decoration:none;
    color: #8B4513 ;
	}
#smalltext {
    clear:both;
    font-size:8pt;
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
    padding: 30px 0 0 0;
	color:#B06039;
   }
#technique, #privacy {
    margin-left:5px;
	margin-right:20px;
	margin-top: 10px;
	text-align:left;
	font-size:11pt;
	color:#A0522D;
	font-family:Verdana, Helvetica, Arial, Courier;	
	} 
#technique h3 {
    float:none;
    margin:0 0 0 8px;
   }	
#technique h4 {
    margin:15px 0 0 5px;
   }
#technique p{
    font-size:12pt;
	line-height:25px;
	margin-left:5px;
	margin-top:10px;
    color:#A0522D;
    }
#technique p a {
    font-size:12pt;
    color:#A0522D;
    }
#techniques_link {
    margin-right:30px; 
	margin-top:60px;
	text-align:right;
    font-size:9pt;
    color:#a0522d;
	font-family:Verdana, Helvetica, Arial, Courier;	
   }	
#privacy p{
    font-size:11pt;
	line-height:25px;
	margin-left:5px;
	margin-top:10px;
    color:#A0522D;
    }
#privacy ul a{
    font-size:11pt;
    color:#A0522D;
    }
#privacy h4{
    margin:14px 0 0;
    }
#privacy ul{
    line-height:24px;
    }	
 #rules, #contact {
    margin-left:80px;
    margin-right:80px;
    margin-top: 60px;
    text-align:left;
	font-family:Verdana, Helvetica, Arial, Courier;
    }
  #rules p, #contact p{	
    font-size:12pt;
    margin-left:20px;
	color:#A0522D;
	line-height:30px
    }
  #rules p a {
    font-size:12pt;
	color:#A0522D;
    } 
  #rules h2, #contact h2, #privacy h2{
    color:#8B4513;
    font-size: 16pt;
   }
  #printtitle {
    text-align:center;
   }	
.supersmall {
    clear:both;
    font-size:7pt;
    padding: 5px 0;
   }
.lmargin30 {
    margin-left:30px;
	margin-top:5px;
   }	
input.i1 {
    text-align:center;
	background-color:transparent; 
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
	font-size:1.2em;
	border:0;
	width:100%;
	/*height:100%;*/
	cursor:default;
	padding:8px 0;
	}
input.inumber {
    text-align:center;
	background-color:transparent; 
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
	font-size:11pt;
	font-weight:500;
    width:100%;
	/*height:100%;*/
	border:0;
	padding: 1px 0;
	cursor:default;
   }
input.idone {
    width:59px; 
	height:26px; 
    padding:0 0 1px 0;
	font-size:9pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;  
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }  
input.i2b {
    width:28px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }	
input.i4b {
    width:46px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i5 {
    width:44px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-family:Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i7 {
    width:52px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }	
input.i7b {
    width:59px;
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i8b {
    width:64px;
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i10b {
    width:82px;
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i11b {
    width:94px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.i16b {
    width:125px; 
	height:26px;
    padding:0 0 1px 0;
	font-size:8pt; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#A0522D;
    }
input.mover {
    background-color: #fefed5;
   }	
input.puzzleno {
    width:75px;
   }	
div.playtable  {
   margin-left:39px;
   width:372px; 
   height:375px;
   text-align:center;
   border: 0;
   padding:0; 
  }   
div.printtable {
   width:450px; 
   height:480px;
   text-align: center;
   border:0;
   margin:200px auto 0;
   padding:0;
  } 
div.t1  {
    float:left;
    border-left:0px solid dimgray;
	border-top:1px solid dimgray;
	border-right:1px solid dimgray;
	border-bottom:0px solid dimgray;
	text-align:center;
	padding:0;
	margin:0;
	width:39px;
	height:39px;
   }  
div.t1p {
    float:left;
    border-left:0px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:0px solid black;
	text-align:center;
	margin:0;
	width:46px;
	height:46px;
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
	font-size:1.5em;
	padding:0;
   }
div.t1p p
      {
    padding:8px;
   } 	
div.mousenumber {
   height: 300px; 
   width: 40px; 
   margin-left:5px; 
   text-align:center;
  } 
div.picknumber {
   border:1px solid #886655;
   background-color:#ead8b3;
   width:35px;
   height:20px;
   margin:2px 0 0 0;
   padding: 3px 0;
   font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   font-size:11pt;
   font-weight:500;
   color:#000;
   cursor:default;
  }
form.nopad {
   padding:0;
   margin:0;
  }   
img {
   border-style:none;
   vertical-align:baseline;
  }	
a:link {
   color: blue }
a:visited {
   color: blue }
a:hover {
   color:purple}  
ul.technique li{
    font-size:12pt;
	margin-top:10px;
    }
ul.technique li a {
    color:#A0522D;
    }  
ul.technique li a:visited {
    color:#A0522D;
    }  
ul.technique li a:hover {
    color:#6C340E;
	}
ol.technique li {
    font-size:11pt;
	line-height:22px;
    }  
ol.technique li a {
    color:#A0522D;
    }  
ol.technique li a:visited {
    color:#A0522D;
    }