.thumbimage{width:150px; height:110px; float:right; margin-left:8px;}

/*
Formatting Buttons
------------------------------------------------------ */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}

*{ margin: 0; padding: 0; }* 
body { 

	line-height: 1.6em;
	background: #fff url('http://spreadsheetpage.com/graphics/bg.gif') repeat-x; 
	color: #444; font-style:normal; font-variant:normal; font-weight:normal; font-size:.74em; font-family:Verdana, Arial, Trebuchet MS, Tahoma, sans-serif 
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

a {color: #065d8f; text-decoration:none; background: none; font-weight:bold}
a:hover { color: red; text-decoration:underline; background: none;font-weight:bold; }

a.main {color: #065d8f; text-decoration:none; background: none; font-weight:bold}
a.main:hover { color: red; text-decoration:underline; background: none;font-weight:bold }


img.a:hover {color: white; text-decoration:none }

p { margin: 0 0 15px 0; }
h1 { font: bold 1.8em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #ccc;}
h1 a:hover { color: #FEFFB8 ; }
h2 { font: bold 1.5em Arial, Sans-Serif; margin: 0 0 6px; }
h4 { font-weight: bold; text-decoration:underline; font-size: 1.2em; margin-top:8px; margin-bottom:12px; }


#content { width: 900px; margin: 0 auto; }

#logo { height: 54px; width: 200px; float: left; text-align: left; margin-left:0; margin-right:0; margin-top:-12px; margin-bottom:0}

#menu { float: right; padding: 5px 0 0; margin: -20 0 18px; }
#menu li { font-size: 1.0em; display: inline; }
#menu li a {font-weight:normal; color: #ccc; background: #505050 url('http://spreadsheetpage.com/graphics/tab.gif') no-repeat right bottom;; margin-left:16px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:12px; padding-top:40px; padding-bottom:0px  }
#menu li a:hover { background: #505050 url('http://spreadsheetpage.com/graphics/tabhover.gif') no-repeat right bottom; color: #FEFFB8 }

#intro { 
	clear: both;


	background: #fff url('http://spreadsheetpage.com/graphics/intro.png') no-repeat;
	color: #4C8734;
	height: 65px;
	text-align: center; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; padding-left:0; padding-right:40px; padding-top:45px; padding-bottom:0
}


#left { clear: left; float: left; width: 240px; padding: 0 0px 0 0px; font-size: .9em; line-height:1.5em; margin: 0 0 0 0px; }
	#left h2 { margin-bottom:0; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#left li {margin-bottom:4px;}

#right {
	margin: 0 0px 20px 0;
	padding: 0 0 0 36px;
	border-left: 1px solid #ccc;
	float: right;
	width: 600px;
	text-align: left;
}

	#right li {margin-bottom:3px;}
	#right ul {margin-left:30px; margin-bottom:4px; margin-top:-8px;}
	#right ol {margin-left:30px; margin-bottom:4px;}
	#right h1 { margin-top:8px; margin-bottom:4px; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 2px;margin-top:8px; margin-bottom:12px; }
	#right h3 { margin-top:8px; margin-bottom:12px; }

	#searchbox { background: #f4f4f4 url('http://spreadsheetpage.com/graphics/noticebg.gif') no-repeat bottom right; color: #808080; padding-left:14px; padding-right:14px; padding-top:12px; padding-bottom:1px; }
	#notice { background: #E3EAEE; url('http://spreadsheetpage.com/graphics/noticebg.gif') no-repeat bottom right;  line-height: 1.4em; color: black; padding-left:14px; padding-right:14px; padding-top:12px; padding-bottom:1px; -moz-border-radius: 1em; }

#bookdetails {
  float: left; 
  width: 300px; 
  padding: 0 0px 0 0px; 
  font-size: .9em; 
  line-height:1.5em; 
  margin: 0 0 0 0px;}

#bookcover {
  margin: 0 0px 20px 0;
  padding: 0 0 0 36px;
  float: left;
  width: 200px;
  text-align: left;}

#footer { clear: both; text-align:center; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 5px; font-size: .8em; line-height:1.5em; color: #808080; background: #fff; }

.color1 {
  background-color:#f6f6f6; 
  margin-left:0px;
  margin-right:0px;
  font-family: Verdana, Arial, sans-serif;
  padding-left:10px;
  padding-right:0px;
  ppadding-top: 6px;
  margin-bottom:10px;
  ffont-size:85%;
  border-bottom: 1px dotted #c0c0c0;
  border-top: 1px dotted #c0c0c0;
}

.color2 {
  margin-left:0px;
  margin-right:0px;
  font-family: Verdana, Arial, sans-serif;
  padding-left:10px;
  padding-right:0px;
  ppadding-top: 6px;
  margin-bottom:10px;
  ffont-size:85%;
}


.posted{
	font-size:85%;
         margin-top:10px;
         padding-bottom:6px;
}


.postedincomments{
	font-size:100%;
        margin-left:-10px;
        margin-bottom:12px;
}

.thecomment{
font-size:110%;
line-height:1.2em;
}
.commentlist{
	font-size:90%;
}


blockquote {
	font-style:italic;
      margin-left:24px;
}	

#blogdate{ background:#c5d0bd;}

#note{
margin-top:10px; 
   font-size:90%;
   text-align:center;
line-height:1.2em;
}

input {
 color:             #333;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 height:            1.7em;
 padding:           0 px;
 margin:        	0px;
} 

.multiselect {
width: 200px;
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 background-color:  #fff;
 color:             #333;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 margin-top:        2px;
 margin-top:        2px;
} 

.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#f5f5f5;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  white;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			2px 0 6px 6px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}
#smaller {font-size:90%; line-height:1.2em; margin-left:36px; margin-right:36px; margin-top:14px; margin-bottom:14px; }

span.newicon           {color: white; background-color:red;     font-size:90%; font-weight:bold; letter-spacing: .25em; vertical-align:bottom; margin-left:6px;}
span.improvedicon  {color: rgb(255,0,0);   background-color: white; font-size:90%; font-weight:bold; letter-spacing: .20em; vertical-align:bottom; margin-left:6px;}
span.changedicon  {color: rgb(0,0,255);   background-color: white; font-size:90%; font-weight:bold; letter-spacing: .20em; vertical-align:bottom; margin-left:6px;}

.mytable {
margin-top:10px;
font-size:90%;
background-color: #E3EAEE;
} 

td { 
padding-left: 4px;
padding-top:4px;
padding-bottom:4px;
line-height:1.4em;
vertical-align:middle;
}

pre {color:black; font-size:9pt; margin-left:12px;margin-bottom:12px;}

ul#leftnav{
margin-top:8px; margin-left:22px; margin-bottom:18px;
}

li#leftnav{
margin-bottom:0px;
}
ol#leftnav{
margin-top:8px; margin-left:22px; margin-bottom:18px;
}



.tiptitle {color:black; background-color: #B5C6D0; font-size: 140%; padding-top: 2px; padding-bottom:2px; padding-left:2px;margin-top:8px; margin-bottom:12px; }
.dateheader {background-color:#887781;}
.blogentrytitle {background-color: #887781; font-size: 150%; padding-top: 2px; padding-bottom:2px; padding-left:2px;margin-top:8px; margin-bottom:12px; }

.paginate {margin-top:12px; background-color: #efefef; padding:6px; width:200px; text-align: center;font-size:90%; line-height:1.3em;}

.mainpage {border: 1px dotted #eeeeee; background-color:#fcfcfc; padding:6px; }


.mainpageheader {font-size:11pt; font-weight:bold; line-height:1.6em; 
color:white; background-color:#6F818B; margin-top:-6px; margin-right:-6px; margin-left:-6px; text-align:center;-moz-border-radius-topleft: .2em;-moz-border-radius-topright: .2em;"  }

textarea {font-family:Verdana, Arial, Trebuchet MS, Tahoma, sans-serif; font-size:8pt;border:black}

.codeblock {font-size:10pt; line-height:0.9em;}

code{font-size:10pt; line-height:0.9em;font-family:'Courier New'  Courier  monospace;}


img{padding-left:5px; padding-right:5px}