* {
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

P, TD, TH, DL, BODY, BLOCKQUOTE, PRE, DIV, OL, UL  {
	font-size : 10pt;
	color: #673E1B;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #CAC2A2;
	scrollbar-base-color: #CAC2A2;	
}  

/* Links for Nav bar */
a:link.nav, a:visited.nav {
	color: #C67001;
	text-decoration: none;	
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
}
a:hover.nav, a:active.nav {
    	color: black;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #FBC783;	
	border-bottom: 1px solid #FBC783;		
	background-color: #FFFFFF;
}
a:link.navhl, a:visited.navhl {
	color: black;
	text-decoration: none;	
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
}
a:hover.navhl, a:active.navhl {
    	color: red;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #FBC783;	
	border-bottom: 1px solid #FBC783;		
	background-color: #FFFFFF;
}
/* Links */ 
a:link, a:visited {
	color: #C67001;
}
a:hover, a:active {
	color: black;
}
a:link.hl, a:visited.hl {
	color: red;
}
a:hover.hl, a:active.hl {
	color: red;
}
a:link.sidebar, a:visited.sidebar {
   	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #C67001;
}
a:hover.sidebar, a:active.sidebar {
	color: black;
}

small, .blog_date  {
	font-size : 8pt;
	color: #976E4B;
}
  
H2, .heading2, .blog_name  {
	font-size : 16pt;
	font-weight : normal;
	color: #673E1B;
}
  
H3, .heading3, .heading_blog, .blog_title  {
	font-size : 14pt;
	font-weight : normal;
	color: #673E1B;	
}
  
H4, .heading4  {
	font-size : 10pt;
	font-weight : bold;
	color: #673E1B;	
}
  
.sidebar  {
   	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #673E1B;
}

hr {
	border: none;
	color: #C67001;
	background-color: #C67001;
	height: 1px;
	padding: 0;
}

hr.blog_rule {
	clear: both;
}

hr.sidebar {
	border: none;
	color: #CAC2A2;
	background-color: #CAC2A2;
	height: 1px;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
}
ul.align, ol.align {
	margin-left: 18px;
	margin-bottom: 2px;
}
ol.alpha {
	list-style-type: upper-alpha;
}

.align_left {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.align_right {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

.page_spacing {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}

/* For displaying tables */
.general_table {
	border: 1px solid #FBC783;
	border-collapse: collapse;
}

.general_table tr, .general_table td {
	border: 1px solid #FBC783;
	background-color: #FCF9CE;
        padding: 4px;
}

.table_shaded_right {
	background-color: #FCF9CE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

/* I don't know why, but this heading_row definition must appear AFTER
   the other tr definitions */
.heading_row tr, .heading_row td {
	background-color: #000000;
	font-weight: bold;
        padding: 4px;
}

select, input, textarea {
	color: black;
	background-color: white;
	border: 1px solid #C67001;
}

input.button {
	color: black;
	background-color: #FBC783;
}

/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
	background-color: white;
	border: none;
}
input.order {
	background-color: #FCF9CE;
	border: none;
}