html{height: 100%;}

body
{ font: 62.5%/1.4 Georgia, Times, serif;
  background: #fff url(bglinesX.png) repeat;
  padding: 2.3px;
  margin: 0px;
  font-size: 1em;
}

p
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 0.9em;
  letter-spacing: .09em;
}

h1{ font-size: 3.6em;
  padding: 12px 0px 0px 40px; 
  margin: 0px;               
  font-weight: normal;
  color: #000;
  font-family:Verdana, Geneva, sans-serif;
}

h2{ font-size: 1.2em;
  padding: 0px 0px 0px 16px; 
  margin: 0px;               
  font-weight: normal;
  color:#000;
    font-family:Verdana, Geneva, sans-serif;
  /* font-family: 'Archivo Black', sans-serif;*/
}

h3{ font-size: .88em;
  padding: 0px 24px 0px 16px; 
  margin: 0px;               
  font-weight: normal;
 line-height: 1.8em;
}

h4{ font-size: 0.6em;
  padding: 8px 34px 0px 0px; 
  margin: 0px;               
  font-weight: normal;
  letter-spacing: .2em;
  color: #fff;
}

a:link {	border-bottom: 0px;
	text-decoration: none;	color: #444;
	padding: 1px;}

a:visited {	text-decoration: none;
	border-bottom: 0px;
	color: #444;	padding:1px;}

a:hover {	background-color:#eee;
	color: #000;	padding:1px; }
	
a:active {	text-decoration: none;
	background: #fffaf0; color: #C82858;
	padding:1px;}

img
{ border: 0px;   margin: 0px;   padding: 0px; }


/* margin lefts / margin rights - to centre content */
#main, #foot, #top, #nav, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{width: 960px;
 height: auto;
background: #fff;
border: 12px solid #fff;
}

/* logo */
#top
{ width: 960px;
  height: 160px;
  border: 0px dotted;
  background: #fff url(logo.png);
}

#top h2{ padding: 0 0 0 52px; font-size: 1.6em;}


/* navigation menu */
#nav
{ height: 44px;
  width: 960px;
  border: 0px dotted;
  background: #000;
} 

#nav h2
{ font-size: 1em;
  padding: 10px 0px 0px 48px; 
  margin: 0px;               
  font-weight:normal;
  color:#888;
    font-family: 'Archivo Black', sans-serif;
}

#nav a:link {
	border-bottom: 0px;
	text-decoration: none;
	color: #fff;
padding: 11px 14px 10px 10px;
}

#nav a:visited {
	text-decoration: none;
	border-bottom: 0px;
	color: #fff;
	padding: 0px 2px 2px 2px;
}

#nav a:hover {
	background-color:#fff;
	color: #000;
	padding: 9px 14px 10px 10px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
#nav a:active {
	text-decoration: none;
	background: #C82858;
	color: #fff;
	padding: 10px 14px 11px 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

#pic
{ height:0px;
  width: 0px;
  background: transparent;
} 


/* main content */
#site_content
{ overflow: hidden;
  padding: 0px ;
  width: 960px;
  height: auto;
  background: #fff;
}

/* sidebar */
#sidebar
{ float: left;
  width: 476px;
  height: auto;
   padding: 24px 0px 0 24px;
  background: #fff;
}


#sidebar h1, #btlt h1, #btrt h1
{ font-size: 1.6em;
  padding: 0px 0px 0px 16px; 
  margin: 0px;               
  font-weight: normal;
  color: #000;
   font-family:Verdana, Geneva, sans-serif;
}

/* page content */

#mid
{ float: left;
  width:0px;
  height: auto;
  padding: 0px;
  background: #fff;
}


#content
{ text-align: left;
  float: left;
  width: 420px;
  height: auto;
  padding: 24px 0px 0 40px;
  background: #fff;
}

#content a.colour, #content a.colour:hover{border-bottom: 0px;}

#btwrap{   float: left;
  width: 960px;
  height: auto;
  padding: 0px;
  background: transparent; 
}


#btlt{ text-align: left;
  float: left;
  width: 0px;
  height: auto;
  padding: 0px;
  background: #fff;
}


#btrt{ text-align: left;
  float: left;
  width:0px;
  height: auto;
  padding: 0px;
  background: #fff;
}


#bot
{ 
  height: auto;
  width: 940px;
  margin: 0px;
background: transparent;
padding: 0px 0 0 20px;
}


/* footer */
#foot
{ 
  height: 40px;
  width: 920px;
  margin: 0px;
background: #000;
padding: 10px 0 0 40px;
}

#foot a:link {
	border-bottom: 0px;
	text-decoration: none;
	color: #fff;
padding: 11px 14px 10px 10px;
}

#foot a:visited {
	text-decoration: none;
	border-bottom: 0px;
	color: #fff;
	padding: 0px 2px 2px 2px;
}

#foot a:hover {
	background-color:white;
	color: black;
	padding: 9px 14px 10px 10px;

}
#foot a:active {
	text-decoration: none;
	background: transparent;
	color: #fff;
	padding: 10px 14px 11px 10px;
}

.footie {font-variant:small-caps; color: #C82858;}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}