/* change default html styles */
* {
  margin: 0;
  padding: 0;
}

/* This appear to prevent list bullets appearing */
/* li {
/*  list-style-type: none;
/*}

p {
  line-height: 1.5;
}

/* Float image to left - allowing text to flow around right side */
img.float-left { 
    float: left; 
    margin: 4px; 
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
  font-weight: normal;
}

h1{
	text-align: center;
	color: #EE9414; /* Dark Orange */
}
h2{
	color: #86B514; /* Light Green */
}

a img {
  border-style: none;
}

/* Set up bullets for unordered lists */
/* This code is a problem - the bullets appear in the menu in left column as well !!! */
ol { 
  list-style-image: url("../../images/bullet.jpg");
  list-style-position: inside;
} 

/* hax */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
  zoom: 1;
}

/* general styling */
/*  body and font definitions */


body {
	color: #574210; /* Coffee color */
	background-color: white;
	font-size: 15px;
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
}

/* Hyperlink colors from NB */
a {
	color: #62A2D2; /* Light Blue */
	text-decoration: underline;
}
a:hover {
  background-color: #ffDEAD; /* Navajo White */
/*  border-bottom: 1px solid #ffc676; /* Slightly darker Orange */
}


/*  positioning-layers static and absolute */

#header{
background-color: white;
padding: 0 0 0 5px
}

#left-column {
position: absolute;
left: 0px;
width: 200px;
color: #001;
margin: 0 0 0 5px; 
padding: 5px;
background-color: white;
}

#content {
color: #574210;
margin: 0px 220px 0px 220px;
padding: 0px 10px 0px 10px;
background-color: white;
}

#right-column {
position: absolute;
right: 0px;        
width: 200px;
color: #005;
margin: 0px; 
padding: 5px;
background-color: white;
font-size: 12px;
}

#footer{
padding: 0 0 0 5px;
margin: 0 220px 0 220px;
background-color: white;
}