
/* Just to establish what some of these colours actually are:

- 666600 is a greeny ochre colour
- ff6600 is a bright orange
- F26522 is a light orange colour, which I think it accidental

The style of the site is the basic font should be: 

12px, "Arial, Helvetica, sans-serif", #666600


*/

body {

	background: #ffffff;	
	font-family: Arial, Helvetica, sans-serif;
  color: #666600;
  text-align: justify;
  vertical-align: top;
  padding: 20px;
	font-size: 13px;	
}

.textframe {

	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666600;
	text-align: justify;
	vertical-align: top;
	padding: 20px;

}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h2 {

  font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;

}

.portrait {

	padding-right: 10px;
	padding-bottom: 10px;

}

.pathtitle {
	font-size: 16px;
	font-weight: bold;
	color: #666600;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.copyright {
	color: #FF6600;
	font-size: 9px;
	text-align: left;
}

.list {
	font-size: 13px;
	color: #666600;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	list-style-position: outside;
	list-style-type: disc;
	text-align: left;
}

.list li {

	padding-bottom: 10px;

}

.olist {

  font-size: 13px;
  color: #666600;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  text-align: left;

}

.olist li { padding-bottom: 10px; }

a:link {    color: #F2621E; text-decoration:none}
a:visited { color: #F2621E; text-decoration:none}
a:hover {   color: #666600; text-decoration:none; cursor:hand}
a:active {  color: #F2621E; text-decoration:none}



