body {
   background-color:#f0f0bf;
   margin:0;
   padding:0;
   }
div {
    margin:0;
	padding:0;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
   }	
.chkbox {
   margin:0;
   padding:0;
   width:13px;
   height:13px;
   vertical-align:bottom;
   overflow:hidden;
   }
.floatleft {
   float:left;
   }
.floatright {
   float:right;
   }   
.clearfloat, #csr1, #csr2, #csr3, #csr4, #csr5, #csr6, #csr7, #csr8, #csr9 {
   clear:both;
   }
.code {
   padding:5px 0 5px 10px;
   margin:15px 0 0 30px;
   width:450px;
   font-size:0.7em;
   background-color:white;
   color:black;
   border:1px solid black;
   }   
#container {
   width:1048px;
   background-color:#fdfdd6;
   margin:0 auto;
   padding:0;
  }
#header {
   width:1048px;
   text-align:left;
   background-color: #f5f5cd;
   padding:0;
   margin:0;
   height:68px;
   border-bottom:1px solid #efefc8;
  }
#headerl{
   width:275px;
   height:68px;
   float:left;
   margin:0;
   padding:0;
}
#headerr{
   width:773px;
   float:left;
   margin:0;
   padding:0;
}     
#titlepic {
   margin:6px 0 0 15px;
  }
#title {
   height:47px;
   text-align:center;
}   
h1, h2, h3, h4, h5, p {
   margin:0;
   padding:5px;
  }
#title h1 {
   font-size:1.05em;
   color:#a0522d;
   padding:17px 280px 0 0;
  }
h3 {
   color:#b5623a;
  } 
#hnavigator {
   width:773px;
   margin:0;
   padding:0;
  }
#hnavigator .rfiller {
   float:left;
  }  
#hnavigator .rfiller p{
    padding: 3px 0 0 1.5em;
	font-size:0.7em;
	}
#hnavigator .rfiller a{
    text-decoration: none;
    color:#b5623a;
    }
.mainnav {
    float:left;
	height:20px;
	margin-left:5px;
    text-align:center;
    font-size:0.7em;
	font-weight:bold;
    border: 1px solid #efefc8;
    background-color: #eeeec9;
   }
.mainnavo {
    background-color: #f2f2b2;
   }	
.mainnav p {
    padding: 3px 0.5em;
   }
.mainnav a {
    text-decoration: none;
	padding:0;
	margin:0;
   }
.mainnav a:link { 
    color: #777755; 
   }
.mainnav a:visited { 
    color: #777755; 
   }
.mainnav a:hover {
    color: #000000;
   }
#active {
    background-color: #fdfdd6;
	border-bottom:1px solid #fdfdd6;
   }
#hnavigator2 {
   margin:0;
   padding:10px 0 0 0;
  }
#hnavigator2 p {
   margin:0 0 0 55px;
   text-align:left;
   font-size:0.75em;
   color:#b5623a;
   }  
#level {
   display:inline;
   float:left;
   margin:0 0 0 25px;
   padding:0;
  }   
#level p {
   font-size:0.75em;
   padding:0;
   margin:0; 
   color: #A0522D; 
  }  
.leveloption {
   float:left;
   margin:0 ;
   padding: 0.1em 0.5em;
   text-align:center;
   font-size:0.7em;
   font-weight:600;
   border-right:1px solid #c5c586;
  } 
.nobr {
   border-right:none;
   }   
.leveloption a {
    text-decoration: none;
	margin:0;
	padding:0;
   }  
.leveloption a:link { 
    color: #c5a053; 
   }
.leveloption a:visited { 
    color: #c5a053; 
   }
.leveloption a:hover {
    color: #b5623a;
   }
#active2  a{
   color:#af5840;
   font-weight:bold;
}   
#lsidebar {
   float:left;
   width:120px;
   margin:0;
   padding:0;
  }
#rsidebar {
   float:right;
   width:160px;
   margin:0;
   padding:0;
  }   
#cblock {
   float:left;
   width:766px;
  }
#cblockr {
   float:right;
   width:621px;
  }
#cblockl {
   float:left;
   width:145px;
   }
#leftcol {
   float:left;
   margin:5px 2px 0 0px;
   width:64px;
   color:#a0522d;
   text-align:right;
  }
#middlecol {
    float:left;
    width:365px;
	margin:15px 0 0 0;
   }
#rightcol {
    float:left;
    width:185px;
	color:#a0522d;
	padding:0;
	margin:5px 0 0 0;
   }
#rightcol_t {
    padding:0;
    margin:3px 0 0 0;
    height:45px;
   }	
#rightcol_l {
    clear:both;
    float:left;
	width:42px;
	margin:0;
	padding:0 0 0 1px;
 }	
#rightcol_r {
    float:right;
	width:140px;
	margin:1px 0 0 0;
	padding:0 0 0 1px;
 }	
.leftad_120 {
   width:120px;
   height:600px;
   margin:40px 0 0 0;
   padding:0;
}
.rightad_160 {
   width:160px;
   height:600px;
   margin:40px 0 0 0;
   padding:0;
}
.bottomad_468 {
  width:468px;
  height:60px;
  margin: 20px auto 0;
  }
#footer {
   clear:both;
   width:100%;
   text-align:center;
   padding:0;
   margin: 0;
  }
#amz {
   width:120px;
   height:60px;
   margin:20px 0 0 0;
  }
#tips, #tips3, #sn {
   width: 108px;
   height:367px;
   margin-left: 20px;
   padding:0px;
   border: 1px solid #cccccc;
   background-color:#fefef6;
   color:#000000;
   }
#tips {
   margin-top:79px;   
   }
#tips3 {
   margin-top:52px;
   }   
#tips h5, #tips3 h5, #sn h5 {
   font-size:0.7em;
   margin:0;
   padding:21px 0 0 8px;
  }
#tips p, #tips3 p, #sn p {
   font-size:0.7em;
   margin:0;
   padding:7px 10px 25px;
   line-height:16px;
  }  
#content1 {
    padding:0;
	margin: 5px 0 0 0;
	text-align:center;
   } 
#content1 h2 {
    display:inline;
    /*text-align:left;
    float:left;*/
    margin:0;
	padding:0;
	font-size:0.9em;
    color:#a0522d;
   }	
#puzzlenotitle {
    /*float:left;*/
	display:inline;
    color:#6a5acd;
	font-size:0.72em;
    font-weight:400;
	padding:0;
	margin:0 0 0 4px;
   }	
#content2 {
    clear:both;
	color:#a0522d;
	text-align:left;
	padding:3px 0 0 5px;
   }
#content2a {
    clear:both;
	color:#a0522d;
	text-align:left;
	padding:3px 0 0 5px;
   }
#controlpanel {
	width:353px;
   }
#controlpanel2 {
    clear:both;
    padding:10px 0 0 0;
    margin:0;
	width:353px;
   }
#controlpanel2 p {
    font-size:0.7em;
	float:left;
   }	
#content3 {
    clear:both;
    padding:15px 0 0 0;
}	
#content3 h2 {
   font-size:0.8em;
   color:#a0522d;
   padding:5px 0 0 0;
}   
#content3 p {
    margin: 3px 8px 3px 3px;
	color: #a0522d;
	font-size:0.7em;
	padding:0;
}	
#bcmsg {
    clear:both; 
    padding:0 0 4px 0;
	height:12px; 
	font-size: 0.75em; 
	font-weight:500;
	color:#d5452a;
	text-align:center;
    }
#print {
	text-align:left;
	margin:2px 0 0 7px;
    font-size:0.7em;
	height:12px;
   }
#archive {
    /*height:50px;*/
	margin:0 0 0 0px;
	padding:0;
    }	
#archive p  {
    padding:0;
	margin:0;
	font-size:0.72em;
	color:#666666;
	/*float:left;*/
   }
#pday {
    padding:0;
	margin:0;
    font-size:0.72em;
   }
#abtn {
    width:28px;
	padding:0;
  }	
#numberoption {
    float:left;
	margin:5px 0 0 0;
	}	
#pencil {
	padding:38px 0px 0 0px;
   }
#nopencil {
    padding:15px 0 0 0px;
   }   
#colorbox {
    padding: 20px 0 0 0px;
   }
#coloroption {
    padding: 0;
	margin: 0;
   }
.cbox {   
    clear:both;
    margin: 8px 0 0 0;
	height:21px;
   }	
.colorradio {
    float:right;
    margin: 0;
   }	
.cboxclr {
    display:inline;
	margin: 4px 5px 0px 5px;
	float:right;
	width:12px;
	height:12px;
	font-size:1px;
	border:1px solid #696969;
    cursor:pointer;
   }
#cbox1 {
	background-color:#ffff77;
	}	
#cbox2 {
	background-color:#ff8945;
   }	
#cbox3 {
	background-color:#45bfff;
   }	
#cbox4 {
	background-color:#9aff67;
   }	
#cbox5 {
	background-color:#fffff0;
   }	
#nocolor {
    clear:both;
    padding: 0px 0 0 0;
	margin: 15px 0 0 0;
	cursor:pointer;
   }
#timer {
    margin:17px 0 0 3px;
    font-size:0.75em;
   }
#time1 {
    padding: 0 15px 0 0px;
    }
#time2 {
    text-align:right;
    padding:5px 0px 0 0;
   }
#timerop {
    text-align:right;
   }
#timerop1 {
   float:right;
   margin: 5px 0px 0 0;
   display:inline;
  }
#timerop2 {
   float:right;
   margin:5px 2px 0 0;
   padding:0;
   display:inline;
  }    
div.tbox {
   width:20px;
   height:20px;
   background-color:#fafac3;
   border:1px solid #bbbb66;
   cursor:pointer;
  }
div.tboxo {
   background-color:#fdfddd;
   border:1px solid #cdcd89;
  }
#kb {
	text-align:left;
	font-size:1px;
   }	
#kb .kbline {
    width:18px;
	height:5px;
	border-right:1px solid #333333;
	margin:4px 0 0 0;
   }
#kb .kbboard {
    width:28px;
	height:14px;
	border:1px solid #333333;
	margin:0 0 0 3px;
	padding:0 0 0 1px;
   }
#kb .kbb1 {
    float:left;
	display:inline;
	width:2px;
	height:2px;
	background-color:#555555;
	margin:2px 0 0 1px;
   }	
#kb .kbb2 {
    float:left;
	display:inline;
	width:2px;
	height:2px;
	background-color:#555555;
	margin:2px 0 0 2px;
   }	
#kb .kbb3 {
    float:left;
	display:inline;
	width:3px;
	height:2px;
	background-color:#555555;
	margin:2px 0 0 1px;
   }	
#kb .kbb4 {
    float:left;
	display:inline;
	width:4px;
	height:2px;
	background-color:#555555;
	margin:2px 0 0 1px;
   }	
#kb .kbsp {
    float:left;
	display:inline;
	width:15px;
	height:2px;
	background-color:#555555;
	margin:2px 0 0 1px;
   }	
#savep {
	font-size:0.7em;
	color:#a0522d;
  }
#savep p{
   margin:0;
   padding:0;
  }
#savegame1, #savegame2 {
   margin:1px 0 0 0;
   font-size:0.65em;
   }
#newpuzzle {
    clear:both;
	float:left;
	color:#a0522d;
	text-align:left;
   } 
#pickpuzzle {
    float:right;
   }	
#pickpuzzle p{
	font-size:0.7em;
	padding:0;
   }	
#newpuzzle2 {
    clear:both;
	float:left;
	display:inline;
    margin: 10px 0 0 0px;
	text-align:left;
	width:353px;
   } 
#newpuzzle2 p {
    font-size:0.7em;
   }
.flink1 {
    padding:0 18px 0 18px;
	font-size:0.8em;
   }
#footer p {
    padding:35px 0 0 0;
	}
#footer a{
    text-decoration:none;
    color: #a0522d;
	}
#smalltext {
    clear:both;
    font-size:0.7em;
	margin:0;
    padding: 4px 0 20px 0;
	color:#B06039;
   }
#technique, #privacy {
    width:740px;
    margin:0 auto;
	padding-top:50px;
	text-align:left;
	color:#a0522d;
	} 
#technique h2 {
   font-size: 1.1em;
   margin:0;
   padding:0;
}   
#technique h3 {
    margin:8px 0 0 2px;
	padding:0;
	font-size:0.9em;
   }	
#technique h4 {
    font-size:0.8em;
    margin:7px 0 0 3px;
	padding:0;
	float:none;
   }
#technique p{
    font-size:0.8em;
	line-height:21px;
	margin:3px 0 0 4px;
	padding:0;
    color:#a0522d;
    }
#technique p a {
    color:#a0522d;
    }
#techniques_link {
    margin-right:150px; 
	margin-top:20px;
	text-align:right;
    font-size:0.75em;
    color:#a0522d;
   }
div.inside_ad {
    float:right;
    padding:17px 15px 5px 15px;
	text-align:center;
    width:336px;
    height:280px;
}	
div.inside_ad2 {
    float:left;
    padding:17px 15px 5px 15px;
	text-align:center;
    width:336px;
    height:280px;
}	
#privacy p{
    font-size:0.8em;
	line-height:22px;
	margin-left:5px;
	margin-top:10px;
    color:#a0522d;
    }
#privacy ul a{
    color:#a0522d;
    }
#privacy h4{
    margin:10px 0 0 5px;
	padding:0;
	font-size:0.8em;
    }
#privacy ul{
    line-height:22px;
	font-size:0.8em;
    }	
 #rules, #contact {
    width: 750px;
	margin:0 auto;
	padding:110px 0 250px 0;
    text-align:left;
    }
  #rules p, #contact p{	
    font-size:0.9em;
    margin-left:10px;
	color:#a0522d;
	line-height:30px
    }
  #rules p a {
    font-size:0.9em;
	color:#a0522d;
    } 
  #rules h2, #contact h2, #privacy h2{
    margin:40px 0 0 0;
	padding:0 0 0 0;
    color:#a0522d;
    font-size: 1.1em;
   }
  #printtitle {
    text-align:center;
   }	
.lmargin30 {
    margin-left:30px;
	margin-top:5px;
   }
img.fright {
    float:right;
    margin: 10px 20px 10px 10px;
	display:inline;
   }
img.fleft {
    float:left;
    margin:10px 10px 10px 20px;
	display:inline;
}	
textarea.i1 {
    overflow:hidden;
    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;
	color:#000000;
	font-weight:normal;
	padding:7px 0 9px 0;
	resize:none;
	}
textarea.i1:focus {
    outline-width:0;
	}
textarea.i1o {
    padding: 0 0 26px 0;
	font-size:0.65em;
	text-align:left;
	}
input.idone {
    width:59px; 
	height:26px; 
    padding:0 0 1px 0;
	font-size:0.75em; 
	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-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:0.7em; 
	font-weight:bold;
	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:0.7em; 
	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:0.7em; 
	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:0.7em; 
	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:0.7em; 
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;
    background-color: #fafac5;
	cursor:pointer;
	color:#a0522d;
    }
input.mover {
    background-color: #fefed5;
   }	
input.puzzleno {
    width:60px;
	font-size:1.0em;
   }	
div.playtable  {
   margin-left:5px;
   width:357px; 
   height:366px;
   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 #696969;
	border-top:1px solid #696969;
	border-right:1px solid #696969;
	border-bottom:0px solid #696969;
	text-align:center;
	width:37px;
	height:38px;
	background-color:#fffff0;
   }
div.bt4 {
   border-top:4px solid #696969;
   }
div.bb2 {
   border-bottom:2px solid #696969;
   }
div.bb4 {
   border-bottom:4px solid #696969;
   }   
div.bl2 {
   border-left:2px solid #696969;
   }
div.bl4 {
   border-left:4px solid #696969;
   }
div.br4 {
   border-right:4px solid #696969;
   }
div.bc {
   background-color:#dcdcdc;
   }   
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;
	width:46px;
	height:46px;
	font-size:1.5em;
   }
div.t1p p
      {
    padding:8px;
   } 	
div.picknumber {
   border:1px solid #886655;
   background-color:#fafac3;
   width:37px;
   height:29px;
   margin:0 0 1px 0;
   text-align:center;
   cursor:pointer;
  }
div.picknumber p{
   margin:6px 0 0 0;
   padding: 0;
   font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   font-size:1em;
   font-weight:500;
   color:#000000;
  }
.nopad {
   padding:0;
   margin:0;
  }   
img {
   border-style:none;
   vertical-align:bottom;
  }	
a:link {
   color: blue }
a:visited {
   color: blue }
a:hover {
   color:purple}  
#technique ul, #technique ol {
    margin-top:6px;
	margin-bottom:0px;
    }	
ul.technique li a {
    color:#a0522d;
    }  
ul.technique li a:visited {
    color:#a0522d;
    }  
ul.technique li a:hover {
    color:#6C340E;
	}
ol.technique li a {
    color:#a0522d;
    }  
ol.technique li a:visited {
    color:#a0522d;
    }  
ol.technique li a:hover {
    color:#6C340E;
	}
#technique li {
    font-size:0.8em;
	margin-top: 7px;
	line-height:22px;
	}
