﻿/* general structure */
    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: arial, sans-serif;
            font-size: normal;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 0px solid #ccc;
		font-family: arial, verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#header h1 { border: 0; }

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }

p {
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
}	
	
/* header */

#header { padding: 0 0px; }
#header ul { right: 0; } 
* html #header ul { right: 50px; } 
#content { padding: 0 50px; }
#footer-contents { padding: 0 20px; margin: 0 50px; }

#header div, #content, #footer-contents, #main-feature .feature-contents {
	max-width: 875px; margin: 0 auto;
}

#header div { position: relative; }

#header {
	height: 35px;
	position: relative;
	background: #2873ba top repeat-x; 				/* header colour*/
	left: 120px;
	width: 875px;
	z-index: 1;
}

#header h1 { margin: 0;	}

#header h1 img {
	font-weight: bold;
}

#header ul {
	padding: 0;
	margin: 0 70px;
	list-style: none;
	border: none;
	position: absolute;
	top: 0;
	font-weight: bold;
}

#header li {
	float: left;
	padding: 0;
	margin: 0;
}

#header ul span, #header ul a:link, #header ul a:visited {
	display: block;
	float: left;
	padding: 10px 15px;
	text-decoration: none;
	border: none;
	color: black!important;
	height: 21px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 18px;
} #ignored {}

#header ul li span,
#header ul li a.current,
#header ul li a:hover {
	background: #45b649;						/*hover colour*/
	color: #fff;
	text-decoration: underline;
}

#header ul li span,
#header ul li a.current {
	text-decoration: none;
}

#logo {
	position: absolute;
	z-index: 3!important;
	top: 15px;
	left: 15px;
	width: 90px; 
	height: 90px;
	background: none;
	border: none;
	}


#service1 {
	position: absolute;
	z-index: 3!important;
	top: 120px;
	left: 15px;
	width: 90px; 
	height: 90px;
	background: none;
	border: none;
	}


#service2 {
	position: absolute;
	z-index: 3!important;
	top: 225px;
	left: 15px;
	width: 90px; 
	height: 90px;
	background: none;
	border: none;
	}


#service3 {
	position: absolute;
	z-index: 3!important;
	top: 330px;
	left: 15px;
	width: 90px; 
	height: 90px;
	background: none;
	border: none;
	}

#affiliate {
	position: absolute;
	z-index: 3!important;
	top: 120px;
	left: 15px;
	width: 90px; 
	height: 180px;
	background: none;
	border: none;
	}
	

/* end header */



body { 
	color: black;
	font-size: 11px;
	line height: 12px;
	font-family: Arial, Helvetica, Sans Serif; 
	text-decoration: none;
	margin: 0 0 1em 0;
	padding: 0; /* need for Opera */
	background:white url("img/bg_page.jpg") repeat-x 0 0; 					/* body colour */
	width: 200px;
	height: 600px;
}


img {
	border: none
}

a:link	{ 
	color: black!important;
	font-size: 11px;
	line height: 12px;
	font-family: Arial, Helvetica, Sans Serif; 
	text-decoration: none; 
}

a:visited { 
	color: green!important;
	font-size: 11px;
	line height: 12px;
	font-family: Arial, Helvetica, Sans Serif; 
	text-decoration: none; 
}

a:hover {
	color: green!important;
	font-size: 11px;
	line height: 12px;
	font-family: Arial, Helvetica, Sans Serif; 
	text-decoration: none; 
}

a:active {
	color: black !important;
	font-size: 11px;
	line height: 12px;
	font-family: Arial, Helvetica, Sans Serif; 
	text-decoration: none; 
}


#textbox {
	position: absolute;
	z-index: 3!important;
	top: 30px;
	left: 105px;
	width: 875px; 
	height: 100%px;				/* 150px */
	background: none;
	border: none;
	}



#textcontent {
	position: relative;
	z-index: 4!important;
	left: 15px;
	width: 860px;
	height: 100%				/* 150px */
	background: none;
	border: none;
	}

#image1 {
	position: absolute;
	z-index: 0!important;
	top: 200px;
	left: 140px;
	width: 250px; 
	height: 250px;
	background: none;
}

#image2 {
	position: absolute;
	z-index: 0!important;
	top: 200px;
	left: 430px;
	width: 250px; 
	height: 250px;
	background: none;
}

#image3 {
	position: absolute;
	z-index: 0!important;
	top: 200px;
	left: 720px;
	width: 250px; 
	height: 250px;
	background: none;
}


dt {
	font-weight: bold;
	font-size: 13px;
}

/* footer */

#footer {
	position: absolute;
	z-index: 0!important;
	top: 550px;
	left: 120px;
	width: 875px;
	color: black;	
	text-align: center;
	height: 20px;
	background: none;				/* footer colour */
	padding: 0;
}


#footer p {
	margin: 0.3em 0.3em;
	clear: both;
}





