/*-----------------------------------------------------------------------------
Barber-Accountancy Style Sheet 

version:   1.0
author:    christine reed
email:     cr@woodhamwebwriter.co.uk
website:   http://www.woodhamwebwriter.co.uk
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
  margin: 1.5em 0 .5em 0;
}

ul{
	margin:.5em 5em;
	}
	
ol{
	padding-left:40px; 
	padding-bottom:20px;
	}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Page Layout and background  (main elements position and background colours etc)
-----------------------------------------------------------------------------*/
body{
	text-align:center;
	background-color:#003366;
	}
	
#topnavwrapper{
	text-align:center;
	width:760px;
	background-color:#003366;
	margin:.5em auto 0 auto;
	}
	
#pagewrapper{
	text-align:left;
	width:760px;
	margin:0 auto 2em auto;
	border:1px solid #66CCFF;
	background-color:#fff;
	}
	

/* =Typography
-----------------------------------------------------------------------------*/

body {
  	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#003366;
	font-size:small;
}

#quote p{
	font-family:"Trebuchet MS", sans-serif;
	font-style:italic;
	font-size:90%;
	color:#006633;
	}
	
	
#tagline{
	font-family:"Book Antiqua", Georgia, serif;
	font-variant:small-caps;
	font-size:1.8em;
	color:#003366;
	font-weight:600;
	}
	
#topnav{
	font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	font-size:95%;
	}
	
#copyrights{
	color:#999999;
	}

/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size:140%;
	font-weight:300;
	color:#003366;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
h2{
	font-size:120%;
	color:#33ccff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
h3{
	font-size:100%;
	color:#496207;
	padding:10px 0 0 0;
	}	
	
h4{
	font-size:100%;
	}	


/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited{
	color:#33ccff;
	text-decoration:none;
	}

a:hover, a:active{
	color:#336699;
	text-decoration:underline;
	}

#contents a:link, #contents a:visited{
	color:#33ccff;
	text-decoration:none;
	}

#contents a:hover, #contents a:active{
	color:#336699;
	text-decoration:underline;
	}
	
#bottomnav a:link, #bottomnav a:visited{
	color:#33ccff;
	text-decoration:none;
	}

#bottomnav a:hover, #bottomnav a:active{
	color:#336699;
	text-decoration:underline;
	}

#topnav a:link, #topnav a:visited{
	color:#fff;
	text-decoration:none;
	}
	
#topnav a:hover, #topnav a:active{
	color:#66ccff;
	text-decoration:underline;
	}
	
#copyrights a:link, a:visited{
	color:#6699CC;
	text-decoration:none;
	}
	
#copyrights a:hover, a:active{
	color:#003366;
	text-decoration:none;
	}
	
/* =Branding (position - background)
-----------------------------------------------------------------------------*/
	
#logo{
	margin:.5em;
	float:left;
	width:220px;
	}
	

#quote{
	width:300px;
	float:right;
	margin:4em 1em 0 0;
	}

#tagline{
	width:760px;
	text-align:center;
	background-color:#e4f5fb;
	border:1px solid #d0f2f0;
	}

#tagline p{
	padding:.2em 0;
	margin:0;
		}


/* =Main Nav
-----------------------------------------------------------------------------*/
#topnav{
	width:760px;
	margin:0.5em 0 -5px 0;
	text-align:right;
	}

#topnav ul{
	list-style-type:none;
	margin-right:0;
}
	
#topnav ul li{
	display:inline; 
	text-decoration:none;
	padding-left:2em;
	margin:0;
}

#topnavcurrent{
	font-weight:100;
	color:#CCFFFF;
	font-size:130%
	}

/* =Bottom Nav
-----------------------------------------------------------------------------*/
#bottomnav{
	margin:60px auto 30px auto;
	text-align:center;
	}

#bottomnav ul{
	list-style-type:none;
	margin:10px auto;
}
	
#bottomnav ul li{
	padding:0 5px;
	margin:0 auto;
	display:inline; 
	text-decoration:none;
}

#bottomnavcurrent{
	font-weight:100;
	color:#336699;
	font-size:130%;
	margin:0 auto;
	text-align:center;
	}
	
.totop{
	margin:0 auto 40px auto;
	text-align:center;
	font-size:85%
	}

/* =Main Content
-----------------------------------------------------------------------------*/
#contents{
	margin:20px 70px;
	background-color:#fff;	
	}

#contents p{
	margin:5px 0 20px 0;
	}	



/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#copyrights{
	margin:80px auto 20px auto;
	font-size:90%;
	text-align:center;
	}
	





/* =Misc 1 refers to misc styles for aboutme.html
-----------------------------------------------------------------------------*/
.navseparator{
	color:#003366;
	font-size:3em;
	}
	
#nigel{
margin: 2.5em 60px 2.5em 30px;
padding:0;
float:left;
width:150px;
}

#contactlist{
	padding:0;
	margin:2em 7em;
	}
	
#contactlist ul{
	padding:0;
	margin:0 auto;
	}
	
#contactlist ul li{
	padding:0;
	margin:1em 0;
	}

/* =Misc 2 accountingresources.html
-----------------------------------------------------------------------------*/
table{
text-align:center;
padding:0;
margin:15px 0 5px 0;
width:500px;
}

.leftcol{
text-align:left;
padding:0 0 0 2em;
margin:0;
}


/* =Misc 3 errorpage.html
-----------------------------------------------------------------------------*/
#errorpage{
	font-size:1.1em;
	padding:0.5em 0 .5em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	text-align:left;
	font-weight:600;
	}
	
#registeryourinterest{
width:500px;
margin:0;
padding:0;
}