html 
/* ---------- Whole Doc ---------- */
body {font:100% Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
margin:0; background-color: #BAEAEA;
} 
div#header a {color: #1C7B7F; }

/* ---------- Header Div ---------- */
div#header h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; }
div#header h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; }
div#header {
	text-align:center;
	margin: 1em 1em 1em 1em;
	height: auto;
}
div#header h1 span {display: none;}

/* ---------- Navigation Layout ---------- */
div#nav {
	float: left;
	margin: -1px 0 0 1em;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
div#nav ul {margin: 0; padding: 0;  }
div#nav li { position:relative; float:left; list-style: none; margin: 0; 
  line-height: 24px; white-space: nowrap; width: 9em;}
div#nav li a {display: block; padding: 0 3px 0 3px; text-decoration: none; 
  border: 1px solid;  width: 9em; }
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 9em; display: none;}
div#nav ul.level2 {top: 1.8em;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover {display:block; border-top: 0}

/* ---------- Navigation button color ---------- */
div#nav li a {  background: #B1E1E1;   color: #1C7B7F; 
border-color: #C1F2F4 #115255 #115255 #C1F2F4;  }
div#nav a:hover {background-color: #1C7B7F; color: #B1E1E1;
  border-color: #115255 #C1F2F4 #C1F2F4 #115255;}
div#nav li.submenu li.submenu:hover {background-color: #1C7B7F; color: #B1E1E1;
  border-color: #115255 #C1F2F4 #C1F2F4 #115255; z-index:110;}
div#nav #current, #nav #current a {background-color: #1C7B7F; color: #B1E1E1;
  border-color: #115255 #C1F2F4 #C1F2F4 #115255; z-index:100;}

/* ---------- Main Div ---------- */
div#main { width:auto; }
div#main img {border: 3px double #584608; padding-right: 0;}
div#main .new img {border: 0px; }
div#main { margin:0 2.5em 1em 2.5em;  padding:1em;  clear:both;
background-color: white; border: 3px double #584608;}
div#main h4 { font-weight:bold;  }
div#main .heading  { font-weight:bold; }
/* ---------- Main Table ---------- */
div#main table { text-align:left; width:100%; overflow:visible; clear:both; } 
div#main th, td {padding: 0 ; }
div#main td {vertical-align:top; }
div#main thead th {vertical-align: bottom; text-align: left; 
white-space:normal; }
div#main td { text-align: left; }  
div#main a {color: #1C7B7F; }

/* ---------- Question & Answers---------- */
div#main .QA img { float:left; margin-right: 1em;}
div#main p.question { font-weight:bold; }
div#main .answer { padding-left: 10px; font-weight:normal; }

/* ---------- Home Page ---------- */
div#tw, #activites {float:left; width:48%; margin: .5em 0 0 .5em; }
div#tonks, #buying {float:left; width:46%; margin: 1em 0 0 .5em; }
div#tw, #tonks {margin-right: 1em; }
div#tw .photoa { margin-right:1em; }
div#tonks {margin-right:2em; margin-top: 1em;}
.photoa { float:right; margin-left:1em; }
.photob { float:left; margin-right:1em; }

/* ---------- Simple Address  List ---------- */
div#main ul.addresslist { list-style: none; padding:0; margin:0; margin-left:0.5em;}

/* ---------- Colors ---------- */
.red { color: #FF0000; font-weight:bold; clear: both; }
.blue { color: #0000FF; font-weight:bold; }
.yellow { color: #FFFF00; font-weight:bold; }
.black { color: #000000; font-weight:bold; }
.purple { color: #6600CC; font-weight:bold; }
.white{ color: #FFFFFF; background-color:#333333; font-weight:bold; }
.brown { color: #660033; font-weight:bold; }
.orange { color: #FF6600; font-weight:bold; }
.color1 { color: #00CC00; font-weight:bold; }
.color2 { color: #FF0099; font-weight:bold; }

/* ---------- Tonk Logo Sites ---------- */
div.logo{ float:left; width:100%;  }
div#tonksites img {float: left; padding: 0; margin:0; padding-right: 10px; padding-bottom: 10px;border:0;}
div#tonksites a img {border: 0;}

/* ---------- Boxout ---------- */
div#boxout {float: right; width: 200px; padding: 1em; margin-bottom: 5px; margin-left: 5px;
border: 1px solid black;}
div#boxout p {clear: both; padding-top: 5px;}
div#boxout img {float: left; padding: 0; margin:0; padding-right: 10px; border:0;}
div#boxout a img {border: 0;}

/* ---------- Large groups of photos ---------- */
div.pic {margin: 5px; padding: 0; clear: both; }
div.pic img {border: 3px double #584608; margin: 0 0 1em 1em; padding: 0;}
div.new img {margin: 0 0 1em 1em; padding: 0;}
div.pic ul {margin: 0 10px 10px 0; padding: 0.5em; width: 400px; float: left; }
div.pic ul {background: #FAF2D8; border: 3px double #584608;}
div.pic li {list-style: none; margin: 0; padding: 0; text-align: right; 
font-family:Arial, Helvetica, sans-serif; } 
div.pic li.title { border-bottom: 1px solid; font-weight:bold}

/* ---------- Footer Div ---------- */
div#footer {text-align:center; font-size:80%; clear:both;}
div#footer a {color: #BAEAEA; }

/* ---------- Clear Div ---------- */
div.invisSeperator { height: 0; clear: both; }