/* <!-- */
	/* General styles */
	body {
margin:0% 0% 0% 10%;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:80%;
background:#445135;
min-width:600px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
font-family: "Helvetica", Arial , Verdana, Tahoma, Lucida Grande, sans-serif;
font-size:85%;
color:#311E17;
}
a {
color:#810F0F;
}
a:hover {
color:#810F0F;
background:#F3ECDF;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
border-bottom: 0px dashed #ACA77A;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
border: none;
}
.hr { 
padding: 0;
margin: 0;
padding: 4px;
background: url(http://www.heavengraphics.com/images/admin/hg-div.gif) no-repeat center;	
}
table {
width:100%;
border-collapse:collapse;
}
td {
border:0px solid black;
padding:5px;
}
/* Header styles */
#header {
clear:both;
float:left;
width:100%;
margin-top: 0px;
background:#E7DFD5;
border-bottom:1px dashed #ACA77A;
}
.headleft {
float:left;
width:450px;
}
.headleft a {
color:#810F0F;
}
.headleft a:hover {
color:#810F0F;
background:#E7DFD5;
text-decoration:none;
}
.headright {
float:right;
text-align:right;
}
.headright a {
color:#810F0F;
}
.headright a:hover {
color:#810F0F;
background:#E7DFD5;
text-decoration:none;
}
.headright p {
margin:0px 0 0 0;
padding:0;
}
.headright img {
margin:0px 0 5px;
border: none;
}

#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
border-top:1px dashed #ACA77A;
margin:10px 0 0 0;
padding:0;
background: url(http://www.heavengraphics.com/images/admin/hg-bg.gif) repeat-x;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 0px;
padding:3px 10px;
text-align:left;
font-variant:small-caps;
font-weight:bold;
background:#CDCDAC;
color:#311E17;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background:#F3ECDF;
color:#311E17;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#311E17;
background:#F3ECDF;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#CCB8A4;
border-top:1px dashed #ACA77A;
margin:0;
padding:6px 15px !important;
text-align:left;
}
#layoutdims a {
color:#311E17;
}
#layoutdims a:hover {
color:#810F0F;
background:#F4F2EE;
text-decoration:none;
}
ul {
list-style-type: none;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 10px;
padding-right: 0px;
margin: 0;
}
/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;				/* width of page */
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
}
/* 3 column blog style settings */
.blogstyle {
background:#F4F2EE;    	/* Right column background colour */
}
.blogstyle .colmid {
right:25%;				/* width of the right column */
background:#F4F2EE;		/* center column background colour */
}
.blogstyle .colleft {
right:25%;				/* width of the middle column */
background:#FEFDFC;			/* left column background colour */
}
.blogstyle .col1 {
width:51%;				/* width of center column content (column width minus padding on either side) */
left:52%;				/* 100% plus left padding of center column */
text-align: justify;
}
.blogstyle .col1 a:link {
color: #810F0F;
text-decoration: none;
border-bottom: 1px dotted #7B7C52;
}
.blogstyle .col1 a:visited {
color: #7B7C52;
text-decoration: none;
border-bottom: 1px dotted #7B7C52;
}
.blogstyle .col1 a:hover {
color: #810F0F;
background:#FEFDFC;
text-decoration: underline;
border-bottom: 1px dotted #7B7C52;
}
.blogstyle .col1 a:active {
color: #810F0F;
text-decoration: none;
border-bottom: 1px dotted #7B7C52;
}
.blogstyle .col2 {
width:16%;				/* Width of left column content (column width minus padding on either side) */
left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col2 a:link {
color: #311E17;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col2 a:visited {
color: #7B7C52;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col2 a:hover {
color: #810F0F;
background:#F4F2EE;
font-weight: bold;
text-decoration: underline;
}
.blogstyle .col2 a:active {
color: #6D3131;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col2 p {
margin:.4em 0 .8em 0;
padding:0;
text-align: justify;
}
.blogstyle .col2 p a:link {
color: #311E17;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col2 p a:visited {
color: #7B7C52;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col2 p a:hover {
color: #810F0F;
background:#F4F2EE;
font-weight: bold;
text-decoration: underline;
}
.blogstyle .col2 p a:active {
color: #810F0F;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col3 {
width:21%;			/* Width of right column content (column width minus padding on either side) */
left:60%;				/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
background-color: #FEFDFC;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.markermenu{
width: 170px; /*width of menu*/
}
.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 0px solid #ACA77A;
}
.markermenu ul li a{
background: url(http://www.heavengraphics.com/images/admin/hg-arrow.gif) no-repeat 2px center;
background-color: #FEFDFC;
font: bold 12px "Helvetica", "Arial", Verdana, Lucida Grande, sans-serif;
color: #311E17;
display: block;
width: auto;
padding: 7px 0;
padding-left: 12px;
text-decoration: none;
border-bottom: 0px dashed #ACA77A;
}
* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}
.markermenu ul li a:visited, .markermenu ul li a:active{
color: #7B7C52;
}
.markermenu ul li a:hover{
color: #810F0F;
background-color: #FEFDFC;
background-image:url(http://www.heavengraphics.com/images/admin/hg-arrowroll.gif); /*onMouseover image change. Remove if none*/
text-decoration: none;
}
/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */
.blogstyle .col3 p {
margin:.4em 0 .8em 0;
padding:0;
}
.blogstyle .col3 p a:link {
color: #311E17;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col3 p a:visited {
color: #7B7C52;
font-weight: bold;
text-decoration: none;
}
.blogstyle .col3 p a:hover {
color: #810F0F;
background:#F4F2EE;
font-weight: bold;
text-decoration: underline;
}
.blogstyle .col3 p a:active {
color: #810F0F;
font-weight: bold;
text-decoration: none;
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px dashed #ACA77A;
background:#CCB8A4;
}
#footer p {
padding:10px;
margin:0;
text-align:center;
}
/* --> */
</style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
width:100%;
}
<![endif]-->