/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */

html {
height: 101%;
margin-bottom: 1px;}

body {
background: #ffffff url(TermiteBgnd.jpg) repeat-x;
color: #000000;
text-align: left;
font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
padding: 0;
margin: 0;
height: 100%;}

hr {
background-color: #606060;
color: #606060;
border: none;
height: 1px;}

img {
	border: none;}

/*////////// TYPOGRAPHY //////////*/

a {
color: #b57d1c;
text-decoration: underline;
outline: none;
font-weight: bold;}

a:hover {
color: #808080;
text-decoration: underline;
font-weight: bold;}

h1 {
color: #995227;
font: normal 32px Georgia, Georgia, serif;
text-align: center;
margin: .6em 0;}

h2 {
color: #995227;
font: normal 24px "Century Gothic", Verdana, Helvetica, sans-serif;
letter-spacing: 2px;
margin: .8em 0;}

h2 a {
color: #995227;
font: normal 24px "Century Gothic", Verdana, Helvetica, sans-serif;
letter-spacing: 2px;
margin: .8em 0;
text-decoration: none;}

h2 a:hover {
color: #995227;
font: normal 24px "Century Gothic", Verdana, Helvetica, sans-serif;
letter-spacing: 2px;
margin: .8em 0;
text-decoration: none;}

h3 {
color: #995227;
font: normal 22px "Century Gothic", Verdana, Helvetica, sans-serif;
letter-spacing: 2px;
margin: .8em 0;}

h4 {
color: #995227;
font: bold 18px "Century Gothic", Verdana, Helvetica, sans-serif;
letter-spacing: 1px;
margin: .8em 0;}

h5 {
color: #606060;
font: bold 14px Georgia, Georgia, serif;
margin: .8em 0;
text-transform: uppercase;
text-align: left;}

h6 {
color: #606060;
margin: .8em 0;
font: bold 12px Arial, Helvetica, sans-serif;}

/*////////// CONTAINER FOR HEADER AND CONTENT //////////*/

#wrapper {
background-color: #ffffff;
color: #000000;
width: 960px;
margin: 0 auto;
text-align: left;}

#header {
position: relative;
background-color: #ffffff;
width: 960px;
height: 170px;}

#sitename {
position: absolute;
top: 10px;
left: 0;
width: 960px;
height: 110px;}

.slogan {
	margin: 0;
	padding: 0;
	font-size: 0.80em;
	letter-spacing: 3px;
	text-align: center;
	color: #404040;
	text-align: center;}

#mainnav {
position: absolute;
top: 120px;
left: 0px;
width: 960px;
height: 40px;
line-height: 40px;
text-align: center;}

#mainnav a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 10px;
	margin: 0 10px;}

#mainnav a:hover {
	color: #ffffff;
	text-decoration: underline;
	padding: 0 10px;
	margin: 0 10px;}


#content {
width: 920px;
margin: 10px 20px;
line-height: 1.7em;}

.box {
background-color: #e9e9e9;
	float: right;
	width: 270px;
	border: 3px #808080 double;
	margin: 0 0 10px 10px;
	padding: 15px;
	line-height: 1.3em;}

.backtotop {
color: #808080;
text-align: right;
text-transform: uppercase;
border-bottom: 1px #808080 solid;}

.backtotop a {
color: #808080;
text-decoration: none;
text-align: right;
text-transform: uppercase;
font-weight: normal;}

.backtotop a:hover {
color: #808080;
text-decoration: none;
text-align: right;
text-transform: uppercase;
font-weight: normal;}

.imageleft {
   margin: 0 10px 0 0;
   float: left;}

.imageright {
   margin: 0 0 0 10px;
   float: right;}

#footer {
text-align: center;
height: 100px;
color: #404040;
line-height: 1.6em;
padding: 10px;
border-top: 3px #995227 solid;}

#footer p {
font-size: 0.85em;
margin: 0;
padding: 0;}

.center {
text-align: center;}