body {
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #003;
	background-color: white;
	text-align: center;
	height: 100%;
}

/*MAIN SECTIONS*/

#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 62px;
	border-bottom: 1px solid black;
	background: #CAD9F0 url(http://www.mindgarden.com/images/nav/nav62.gif);
	background-repeat:no-repeat;
}

#header INPUT.submit {
	height: 20px;	
}

#searchbox {
	text-align: right;
	width: 350px;
	float: right;
	margin: 2px 5px 0;
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
}

#index h3 {
	font-size: 1.5em;
	margin: 5px;
}

#index #searchbox {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

#index #header {
	width: 100%;
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	height: 100px;
	background: #CAD9F0 url(http://www.mindgarden.com/images/nav/nav100.gif);
	background-repeat:no-repeat;
}

#index #header h1 {width: 90%;}
#index #header a:hover {background-color: #CAD9F0; text-decoration:underline; }
#index #container #navlist {width: 95%; margin: 10px auto; text-align: center;}
#index #container #navlist a {padding: 7px; }

#index #header INPUT.submit {
	height: 24px;	
}

#index .imagehead {
	width: 270px;
	height: 45px;
	float: left;
	margin: 20px 0 0 30px;
	border: none;
}

#container {
	width: 860px;
	text-align: center;
	margin: auto;
}

#main {
	margin: 5px 10px 10px 10px;
	float: left;
	width: 530px;
	text-align: left;
	clear: left;
}
#index #container {width: 900px;}
#index #main {width: 550px;}
#index #sidebar {width: 300px;}

#sidebar {
	margin: 10px;
	float: right;
	width: 280px;
	text-align: left;
	color: #333;
	text-decoration: none;
	background-color: #efefda;
	vertical-align:top;
}

#authtit {
	margin: 5px 10px 10px 150px;
	float: left;
	width: 530px;
	text-align: left;
	clear: left;
}

#orderform #main {
	margin: 5px 10px 10px 40px;
	width: 750px;
	text-align: left;
	clear: left;
}
#fullpage #main {
	margin: 5px 10px 10px 40px;
	width: 750px;
	text-align: left;
	clear: left;
}

#fullpage #main p {font-size: 1em; line-height: 1.6em;}

#faq table  {
	text-align: left;
	width: 400px;
}
#popup table {
	text-align: left;
	width: 600px; }
	
#popup p {
	font-size: 1.1em;
	line-height: 1.2em;
}
#popup td  {
	text-align: left;
}
#popup h1 {
	width: 600px;
	text-align: center;
}
#popup ul {
	width: 600px;
	font-weight: normal;
}

#popup li {
	font-size: 1.1em;
	font-style:normal;
	line-height: 1.3em;
	margin: 15px 10px;
	font-weight: normal;

}

#faq td  {
	text-align: left;
	
}

#bigcolumn #main {
	margin: 5px 10px 10px 20px;
	width: 750px;
	text-align: left;
	clear: left;
}

#bigcolumn2 #main {
	margin: 5px 10px 10px 20px;
	width: 750px;
	text-align: left;
	clear: left;
}

#titles #main {
	margin: 5px 10px 10px 100px;
	float: left;
	width: 650px;
	text-align: left;
	clear: left;
}
#titles img { vertical-align: bottom;
}
#titles .backup {font-size: 1em;}
#titles h2 {
	font-size: 1.2em;
	font-style:normal;
	margin: 25px 0 20px 0;
}

#titles h3 {
	font-size: 1.1em;
	line-height: 1em;
	margin: 0 0 0 50px;
}

#sidebar h5 {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #e2e2d3;
	padding: 10px 0 4px 4px;
	margin: 0;
	font-variant: small-caps;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: left;
}

#sidebar p {
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 0 12px;
	color: #333;
	text-align: left;
}

/*Para after para in sidebar reduces top padding*/
#sidebar p + p {
	padding: 0 12px;}
	
#sidebar #guide p {
	padding: 3px 12px;
}	
	
#formbox {
border: .1em solid #ccc;
padding: 20px;
margin-left: 100px;

}
#footer {clear: both; border-top: 2px solid #006; margin: 0; padding: 0; font-style: italic; margin-bottom: 10px; }
#footer p {margin: 0; padding: 0; font-weight:bolder; font: bolder .8em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; margin-bottom: 10px; }
.footleft {width: 400px; float: left; text-align: left; margin-bottom: 0; padding-bottom: 0; }
.footright {width: 450px; float: right; text-align: right; margin-bottom: 0; padding-bottom: 0;}

#about #main {
	margin:  auto;
	width: 700px;
	text-align: left;
	clear: left;
	float:none;}

#about #main h2 {font-size: 1.3em; font-style: normal; margin: 1.9em 0 .4em 0; font-weight: bolder; line-height: 1.4em; clear: both;}

#about #main h3 {font-size: 1.1em; font-style: italic; margin: 1.5em 0 1em 2em; font-weight: bold; line-height: 1.4em; clear:both;}

#about #main p {margin: 1.5em 0 1em 2em;} 

table {
	width: 100%; 
	border: none;
	margin: 0;
	padding: 5px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

td {
	display:table-cell;	
	vertical-align: text-bottom;
	text-align: right;
	border: none;
	margin: 2px;
}	

#lefttable td {
	text-align: left; 
	line-height: 1.6em;
}
	
td.left {text-align: left; padding-left: 10px;}
#lefttable h1 {font: 24px bold Verdana, Arial, Helvetica, sans-serif; width: 100%;}

td.product {
	text-align: left; 
	line-height: 1.6em;
}
td.product2 {
	text-align: left; 
	padding-left: 15px; 
	line-height: 1.3em;	
}

td.cb {text-align: center; font-weight:bold; padding: 5px;}
td.cbr {text-align: center; font-weight: bold; padding: 5px; border-right: 1px dotted #999; }

.scale {background-color: #CCC; border: 1px solid #000; line-height: 1.5em; padding: 5px;}
.tdhead {background-color: #CCC; line-height: 1.5em; text-align: left; padding: 5px; font-size: 1.1em;}

#scale table {
	width: 100%;
	text-align: center;
	font: bolder 1.0em Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCC; 
	border: 1px solid #000; 
	line-height: 1.5em;
	padding: 5px;
}

/*BASIC ELEMENTS*/
a {color: #09c; text-decoration: none;}
a:link {color: #09c;}
a:visited {color: #07a;}
a:hover {background-color: #dcdcdc; color: #309;  text-decoration:underline; }

p {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #003;
	padding: 0;
	margin: .4em 0em 1.2em;
}
.bold {
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
	margin: 5px;
}
img.b {
	border: 1px solid #000;
	margin: 5px;
}

img.iconright {
	border: 1px solid #000;
	margin: 5px;
	float: right;
}

img.iconleft {
	border: 1px solid #000;
	margin: 5px;
	float: left;
}
img.cart {
	margin: 0 5px;
}

.cart {text-align: center;}

.ffhead {
	clear: both;
	font-weight: bolder;
	margin: 5px 0;
}
.ffhead2 {	clear: both;
	font-weight: bolder;
	margin: 0;
	padding: 0;}

.author {
	font-style: italic;
	margin: 0;
}

.authorlast {
	font-style: italic;
	margin: 0;
	padding-bottom: 40px;
}

.imagehead {
	width: 170px;
	height: 30px;
	float: left;
	margin: 10px 0 0 30px;
	border: none;
}

/*#authors .footleft {font: bold .8em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; width: 450px; float: left; text-align: left;}
#authors .footright {font: bold .8em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; width: 350px; float: right; text-align: right;}*/

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	text-decoration: none;
	color: #003;
}

/*Most of the following from Owen Briggs typography*/

/*h1 is page header*/
h1 {float: left; clear: both; width: 200px; text-align: left; font-size: 1.6em; font-weight: bolder; margin-top: .4em; margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/}

/*h2 is descriptive product title at head of page*/
h2 {font-size: 1.3em; font-style: italic; margin: .6em 0 .2em 0; font-weight: 300; line-height: 1.5em;}

/*h3 is general large subheading throughout product page*/
h3 {font-size: 1.3em; margin: 1.3em 0 1.2em 0; font-weight: bolder; line-height: 1.6em;}

/*h4 is author name in product page header*/
h4 {font-size: 1.2em; margin: 0 0 1em 0; font-weight: bolder;}

/*h5 is sidebar column header*/
h5 {font-size: 1.1em; margin: 1.2em 0em 1.2em 0em; font-weight: bolder; clear: both;}
.listy {margin: 1em 0 .5em 1em;}

/*h6 is indented smallhead for product description details... */
h6 {font-size: 1.2em; margin: 1.2em 0em 1.2em 1.5em; font-weight: bolder; font-style: italic;}


#navlist {float: left; width: 600px; margin-top: 10px; }
#navlist ul {margin: 0 0 10px 0; padding: 0;}
#navlist li {font: bolder 1.2em Verdana, Arial, Helvetica, sans-serif; display: inline; list-style-type: none; background-image: none; }

#navlist a {padding: 3px; }
#navlist a:link  {text-decoration: none;} 
#navlist a:visited {text-decoration: none;}
#navlist a:hover { background-color: #ccc; text-decoration: none;}
#navlist a:active {color: #006;}

ol {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}

ol li {	
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}

ul {
	color: #003;
	padding: 0;
	list-style-position: outside;	
	margin: 0.2em 0 0.1em 2em; 
	list-style-type: none;
	list-style-image: url(http://mindgarden.com/images/nav/pinkarrow.gif);
}

ul li {
	color: #003;
	padding-left: 10px;
	font-size: 1.0em;
	line-height: 1.8em;
	list-style-image: url(http://mindgarden.com/images/nav/pinkarrow.gif);
}

/*somewhere add li2 and li3, list items indented 30 and 60px*/

#sidebar ol {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0.1em; 
}

#sidebar ol li {	
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}

#sidebar ul {
	color: #000;
	padding: 0;
	list-style-position: outside;	
	margin: 0 0 0.1em 2em; 
	list-style-type: none;
	list-style-image: url(http://mindgarden.com/images/nav/pinkarrow.gif);
}

#sidebar ul li {
	color: #000;
	padding-left: 10px;
	font-size: 1em;
	line-height: 1.5em;
	list-style-image: url(http://mindgarden.com/images/nav/pinkarrow.gif);
}

ul li litwo {
	padding-left: 30px;
	font-size: 1em;
	line-height: 1em;
	list-style-image: url(http://mindgarden.com/images/nav/pinkarrow.gif);
}

li > p {
	margin-top: 0.2em;
}

#product {
	clear: both;
	height: 72px;
	vertical-align: top;
	margin: 2px 0 0 2px;
}

#product img {float: left;}
#product a {font-weight: bold}
#product p {font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0;}

.fleft {
	float: left;
}
.fnoleft {
	float: left;
	border: none;
}

.fright {
	float: right;
}

/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}
.comment {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 1px dashed gray;
	padding: 15px;
	margin: 20px 10px;
	background-color: #EDF3FE;
}
.comment2 {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	border: 1px dashed gray;
	padding: 10px;
	margin: 5px 20px;
	background-color: #EDF3FE;
}




.comment a:link {color:#309; text-decoration:none;} 
.comment a:visited {color:#309; text-decoration:none;}
.comment a:hover {color:#309; text-decoration:none;}
.comment a:active {color:#309; text-decoration:none;}

.backup {
	font: italic .9em Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 0; 
	padding-top: 0;
}
#main #worklist ul {
	text-indent: 10px;
	padding-left: 20px;
}
#main #worklist li {
	text-indent: 10px;
	list-style: url(images/icons/orgstar15.gif) none;
}
#main #worklist p {
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
	margin: 0 0 0 20px;
}
.tablequote {
	color: #000;
	width: 90%;
	text-align: left;
	font: bolder italic 1.0em Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCC; 
	border: 1px solid #000; 
	line-height: 1.5em;
	padding: 20px;

}
.pindent {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #006;
	padding: 0;
	margin: .4em 0em 1.2em 1.4em;
}
.anchorlinks {
	font: italic bold small-caps 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
}


#column {	
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	float: left;
	width: 350px;
}

#authtit p {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	margin: 0 0 5px 10px;
	padding-left: 10px;
	width: 600px;
}
/* pindex & p for authors page, p3 for titles  */

#authtit .pindex {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	padding-top: 20px;
}

#orderform #main p {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#translations #main {
	margin: 5px 10px 10px 100px;
	width: 450px;
	text-align: left;
}

.caption {
	font-size: .9em;
	font-style: italic;
}
.pindent2 {
	padding-left: 30px;
	margin: 2px;
}

.accent {
	font-weight: bold;
	color: #900;
}
.accent3 {
	font-weight: bold;
	color: #900;
	font-size: 1.2em;
}


.extratopmarg {
	padding-top: 40px;
}

#imagedivfleft {
	float: left;
	width: 360px;
}
.graydone {
	color: #CCC;
}

#bigcolumn #container li {
	list-style: none outside;
	list-style-image:none;
}

#bigcolumn #container #main h5 {
	padding-left: 20px;
	line-height: 1.5em;
}
#bigcolumn2 #container #main h5 
{
	padding-left: 20px;
	line-height: 1.5em;
	margin: 30px 10px;
}
#bigcolumn #container #main table {
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 10px;
}

#bigcolumn #container #main td {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	margin: 10px;
}

#indent {
	margin-right: 20px;
	margin-left: 25px;
}
.booktitle {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.titlebyline {
	font-size: 1.0em;
	margin: 0;
	padding:0;
	
}
#bigcolumn #container li.disc {
	list-style: decimal url(none) outside;
	margin-bottom: 15px;
}

.ad {font-style:italic; margin: 7px 0 0 0; text-align: left; border-top: 1px dashed #999;
}
#descripindent {
	margin-left: 2em;
}

.indent10 {margin-left: 10px;}

ul.col {
  width: 320px;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
 
li.col {
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: bold;
  float: left;
  width: 10em;
  margin: 0 0 10px 5px;
  padding: 0;
  list-style-image: none;
  text-align: left;
} 

td.trans {text-align: left;}

#jumpbox {
	float: left;
	padding: 15px;
	width: 300px;
	text-align: left;
	border-top: 1px dotted gray;
	margin: 5px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
#transbox {
	float: right;
	padding: 15px;
	width: 300px;
	text-align: left;
	border: 1px dotted gray;
	background-color: #EDF3FE;
	margin: 5px 100px 5px 50px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#transbox p {font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; margin-left: 20px;}


.quoteindex p {
	font: italic 18px/22px normal Georgia, "Times New Roman", Times, serif;
}

.priceheader {font-size: 1em; font-style: italic; background-color:#EDF3FE;}

/* translation page "please note"  */
.transtable {
	margin-left: 0;
	text-align: left;
    width: 630px;	
}

#translations h2 {font-style: normal; margin-top: 30px;}
#translations ol {margin: 0;}
#translations td {text-align: left;}
#translations tr {line-height: 2em;}

/* on product page */
#product .transtable {
	text-align: left;
	width: 400px;	
}

.center {text-align: center;}

.tiny {
	font-size: 1em;
	font-style:italic;
	color:#666;
	line-height: 1.0em;
	
}
.tinyheader {	
	font-size: 1em;
	font-style:italic;
	color:#666;
	line-height: 1.0em;
}	
.tinyheader a {color: #008; text-decoration: none;}
.tinyheadera:link {color: #008;}
.tinyheadera:visited {color: #008;}
.tinyheadera:hover {color: #008;  text-decoration:underline; }


.intro {font-size: 1.1em;}
.line {padding-left: 20px; vertical-align: top;}


#newtable table {margin: 0 0 0 10px; padding: 0; font: bolder 1em/2.5em Verdana, Arial, Helvetica, sans-serif; }

#newtable a:hover {background-color: #ccc; }
#newtable td {font: bolder 1em/1.6em Verdana, Arial, Helvetica, sans-serif; text-align: left; border-bottom: 1px dotted #ccc; margin: 0; padding: 0; }
#newtable td.detail {margin: 0; padding: 0; vertical-align: top; font: italic 1em Verdana, Arial, Helvetica, sans-serif; }

#newtable td.product {font: bolder 1em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 10px; }

#newtable td.productplus {font: bolder 1em/1.8em Verdana, Arial, Helvetica, sans-serif; border: none; padding-bottom: 0; }

#newtable td.subproduct {font: bolder 1em Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 25px;  margin: 0; vertical-align: middle;}
#newtable td.subproductlast {font: bolder 1em Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 25px;  margin: 0; vertical-align: middle; border-bottom: none;}

#newtable td.pdf {margin: 0 2px; text-align: center;  
   border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #ccc; vertical-align: bottom;}
#newtable td.na {margin: 0 2px; text-align: center;  
   border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #ccc; vertical-align: middle;}
#newtable td.pdf a:hover  {display: block; background-color: #ccc;	}


#newtable td.price {font: bolder 1em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; text-align: center; vertical-align: middle;}
#newtable td.nob {border-bottom: none;}


.newtablehead {font: bold .9em/1.3em Verdana, Arial, Helvetica, sans-serif; text-align: center; font-style: italic; border-bottom: none; margin:0;}
.nob {border: none; border-bottom: none;}

.detail {margin: 0; padding: 0; vertical-align: top; font: italic .9em/1.4em Verdana, Arial, Helvetica, sans-serif;  }
.prodetail {height: 20px; margin: 0; padding: 0 0 10px 0; vertical-align: top; font: normal italic .9em/1.4em Verdana, Arial, Helvetica, sans-serif;  }
/*.subicon {font: bolder 1em Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; margin: 1px 0 1px 3px; text-align: center; border-bottom: none;}*/


#bubble_tooltip {
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top {
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle {
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span {
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom {
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

.block a:hover  {display: block; background-color: #eee;	}

#contact #bigcolumn #container h2 {
	margin-left: 100px;
	font-size: 1.2em;
}
.byline {
	font-size: 1em;
	font-style: italic;
	margin: 0 0 4px 0;}
	
.titlebeforeauthor {
	margin: 1.5em 0 .2em 0;
}

.newhthree {
	background: #CAD9F0;
	padding: 8px 0 3px 2px;
	border: 1px solid #ccf;
}
.note {
	font-size: 1em ;
	line-height: 1.4em;
	padding-left: 1em;
}

.bookreview {
	font-size: .9em;
	line-height: 1.4em;
	font-weight:200;
	margin: 0;
}

img.grayright {
	float: right;
	position: fixed;
	top: 200px;
	right: 10px;
	border: 1px dashed #ccc;
	}

#clicks {margin-top: 10px; }
	
#clicks ul {
	width: 100%; 
	margin: 0; 
	padding: 0; 	
	list-style-type: none;
}
#clicks ul li {
	float: left; 
	width: 10em; 
	margin: 0;
	padding: 0 0 5px 12px;
	line-height: 1.3em;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background: url(http://mindgarden.com/images/nav/pinkarrow2.gif) no-repeat;
}

#clicks p {		
		font: 1em  Verdana, Arial, Helvetica, sans-serif;
		font-style:italic;
		line-height: 1.4em;
		margin: 0 0 5px 0;  
		text-align: center;}
		
#dashborder {border: 1px dashed #666;}

#box { float: right;
       width: 150px;
	   padding: 10px;
	   margin: 10px;
	   border: 3px dashed #ccc;
       font: bold 16px verdana, Arial, Helvetica, sans-serif;
	   color:#333	   
}

#commentdiv {
	border: 1px dashed gray;
	padding: 15px;
	margin: 15px;
	background-color: #EDF3FE;
}	   

#commentdiv h3 {
	font: bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; 
	
}