/*
STYLE SHEET FOR [x] WEB SITE
Created by Andy McEniry
www.digital-precision.co.uk
*/

/*  DEFAULT ITEMS  //////////////////////////////////////////////////*/
   
* { /* Resets margin & padding of all elements */
	margin:0px;
	padding:0px;}

* img { /* Takes borders off of all images as standard */
	border:0px;}

a:link, a:visited {
	color:#008;
	text-decoration:none; }
	
a:hover, a:active {
	color:#f60;
	text-decoration:none; }
	
#navtop a:link, #navtop a:visited {
	color:#fff;
	text-decoration:none; }
	
#navtop a:hover, #navtop a:active {
	color:#008;
	text-decoration:none; }
	

	

body {
	margin:10px auto;
	background: #fff url(images/bg.gif); /*#fb7*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:center; }
	
.clearboth {
	width:100%;
	display:inline;
	height:1px;
	float:left;
	clear:both; }
	
.minheight {
	float:right;  display:inline;
	height:315px;  width:0px;}
	

/*  WRAPPERS  //////////////////////////////////////////////////*/	

#wrapper_{
	margin:0px auto;
	width:860px;
	height:auto;
	text-align:left;
	background-color:#fff;
	border:1px solid #ccc;}
#wrapper{
	width:840px;
	margin:10px;}
	
#intro {
	margin:75px 0px 0px 0px;}
	
#navtop {
	clear:both;
	width:840px;
	height:22px;  line-height:22px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin:20px 0px;
	background:#b4b4d5;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#fff;}
	
#navbot {
	clear:both;
	width:840px;
	height:22px;  line-height:22px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin:0px 0px;
	background:#b4b4d5;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#fff;}
	
#logoArea { 
	clear:both;
	width:840px; height:89px;
	margin:10px 0px 10px 0px;
	text-align:center;}
	
#logoArea img {
	margin:0px 8px;}

#header {
	width:840px; height:130px;}
	
#right_col {
	float:right; display:inline;
	width:325px;}
	
#right_col_ch {
	float:right; display:inline;
	width:475px;}

img.logo {
	float:left; display:inline;
	height:75px;
	margin:0px 10px 0px 0px;}
	
.image_right {
	float:right;  display:inline;
	margin:0px 0px 20px 0px;
	border:1px solid #666;	}

.flash {
	float:right;  display:inline;
	margin:0px 0px 20px 0px;}



#navbar {
	width:760px;
	height:22px;
	background:#D00;}
	
#footer {
	width:960px;
	height:22px;
	background:#D00;}
	
#body {
	width:960px;
	background:#f90;}
	

#mainHome { 
	float:right;  display:inline;
	margin:10px 0px 0px 0px;
	width:590px;}
	
#main{
	margin:0px 10px;
	width:820px;}
	
#menu { 
	float:left; display:inline;
	width:240px; height:400px;
	margin:10px 0px 0px 0px;}
	

#vertical_sizer {
	float:right;
	display:inline;
	width:1px;
	height:290px;
	background:#f90;}
	



	
	
/*  FONTS  ///////////////////////////////////////////*/

p {
	margin:0px 0px 10px 0px;
	text-align:justify;}
	
h1 {
	font-size:130%;
	margin:0px 20px 10px 0px;
	font-weight:bold;
	color:#338;}
	
h2 {
	font-size:110%;
	margin:20px 20px 20px 0px;
	font-weight:bold;
	color:#333;}
	
h3 {
	font-size:110%;
	margin:20px 20px 10px 10px;
	font-weight:bold;
	color:#338;}
	
h4 {
	font-size:110%;
	margin:0px 0px 5px 0px;
	font-weight:bold;
	color:#333;}
	
h6 {
	font-size:80%;
	font-weight:normal;
	color:#999;
	margin:0px;
	text-align:center;
	letter-spacing:0.1em;}
		
hr {
	clear:both;
	width:100%;
	height:0px;
	border-top:1px dashed #666;
	color:#666;
	margin:0px 0px 0px 0px;}


	
/* IMAGES //////////////////////////////////////////////////////////*/

#main img.left {
	float:left;
	display:inline;
	margin:0px 20px 20px 20px;}
	
img.home {
	float:right; display:inline;
	margin:0px 0px 15px 0px;
	border:1px solid #666;	}
	
/* LISTS //////////////////////////////////////////////////////////*/

li {
	margin:0px;
	list-style-image: url("images/tick.jpg");
	line-height:16px;
	height:20px;}

ul {
	margin:10px 0px 0px 30px;}


ul.home {
	margin-left:25px;
	margin-top:0px;}
	
ul.home li {
	margin-bottom:10px;}
	
ol {
	margin:10px 0px 20px 25px;}
	
ol h2 {
	font-size:100%;
	font-weight:bold;}
	
	
/* LINKS //////////////////////////////////////////////////////////*/

a.dark {
	color:#006; }
	
a.dark:hover, a.dark:active {
	color:#006;
	text-decoration:underline; }
	

/* MENU */