@charset "utf-8";
/* 

SITE NAME

Description
	
	This stylesheet is used to style overall layout and home page content
	

Contents

	1. Default Styles
	2. Classes
	3. Layout
	4. Header
	5. Menu
	6. Left Content 
	7. Centre Content
	8. Footer
*/


/* - 1. Default Styles -  */

*{
	margin:0; /* Set default padding and margin values to zero */
	padding:0;}

html{
	overflow:auto; /* Lose vertical scrollbar always visible in ie6*/}

li{
	list-style-type:none;}

a{
	text-decoration:none;}
	
a img{
	border:none;}
	
body{
	background-image:url(../gui/bg.png);
	background-repeat:repeat;
	margin:0 auto 0 auto;
	width:890px;
	font-size:62.5%; /* Match ems to 10% of pixel sizes */
	font-family:Arial, Helvetica, sans-serif;}


	

/* - 2. Classes -  */
.bold{
	font-weight:bold;}

.italic{
	font-style:italic;}
	
.clear{
	clear:both;}	
	
.textlink{
	text-decoration:underline;
	font-weight:bold;
	color:#666666;}	



/* - 3. Layout -  */
#wrapper{
	margin:0 auto 0 auto;
	background:url(../gui/body.png) repeat-y;} /*Centre Content*/


		
/* - 4. Header -  */
#header{
	background-image:url(../gui/header/headerbg.png);
	width:838px;
	margin-top:10px;
	height:76px;
	padding:49px 32px 0px 20px;}
	


h1 a{
	display:block;
	width:800px;
	float:left;
	height:40px;
	margin-top:8px;
	text-indent:-2000em;
	text-decoration:none;
	z-index:1000;
	border:0px solid red;
	background-image:url(../gui/header/logo.png);
	background-repeat:no-repeat;}
	
#header img{
	float:right;}	

#flashcontent{
	clear:both;
	float:left;
	display:inline;
	width:475px;
	background-color:#000000;	
	margin-left:12px;
	height:251px;}

#flashcontent2{
	float:right;
	display:inline;
	width:388px;
	margin-right:12px;
	background:url(../gui/flashbanner/rightbg.png) no-repeat;
	height:251px;}

/* - 5. Menu -  */	
#menu{
	clear:both;
	width:866px;
	margin:3px 0 0 12px;
	background:url(../gui/menu/menubg.png) repeat-x;
	height:45px;
	overflow:hidden}
	
#menu li{
	display:inline;}

/*#menu .home a, .directory a, .services a, .links a, .contact a{
	float:left;
	display:block;
	text-indent:-2000px;
	height:45px;
	outline:0px solid red;}
	
#menu .home a:hover, .directory a:hover, .services a:hover, .links a:hover, .contact a:hover{
	float:left;
	display:block;
	height:45px;
	outline:0px solid red;}
	*/


/* home button */
/*
#menu .home a{
	background:url(../gui/menu/home.png) 0 0px;
	width:120px;}
	
#menu .home a:hover{	
	background:url(../gui/menu/home.png) 0 45px;
	width:120px;}
	
	*/
	
/* directory button */
#menu .directory a{
	background:url(../gui/menu/directory.png) 0 0px;
	width:232px;}
	
#menu .directory a:hover{	
	background:url(../gui/menu/directory.png) 0 45px;
	width:232px;}	
	
/* services button */
#menu .services a{
	background:url(../gui/menu/services.png) 0 0px;
	width:227px;}
	
#menu .services a:hover{	
	background:url(../gui/menu/services.png) 0 45px;
	width:227px;}	
	
/* links button */
#menu .links a{
	background:url(../gui/menu/links.png) 0 0px;
	width:131px;}
	
#menu .links a:hover{	
	background:url(../gui/menu/links.png) 0 45px;
	width:131px;}	
	
/* contact button */
#menu .contact a{
	background:url(../gui/menu/contact.png) 0 0px;
	width:135px;
	overflow:hidden;}
	
#menu .contact a:hover{	
	background:url(../gui/menu/contact.png) 0 45px;
	width:135px;
	overflow:hidden;}		
	
	


#contentwrapper{
	background:url(../gui/line.png) repeat-y;
	width:858px;
	margin:0 16px;}
	
#contentwrapper2{
	background:url(../gui/line2.png) repeat-y;
	width:858px;
	margin:0 16px;}	
	
/* - 6. Left Content -  */
#content_left{
	clear:both;
	width:660px;
	float:left;
	padding-top:20px;
	outline:0px solid red;
	display:inline;}
	
#content_left2{
	clear:both;
	width:165px;
	float:left;
	font-weight:bold;
	padding-top:20px;
	outline:0px solid red;
	display:inline;}	
	
#leftmenu{
	margin-top:0px;
	padding-left:0px;}

#leftmenu li {
	margin-bottom:25px;}	

	
.dirlink{
	margin:0 0 5px 5px;}
	
.dirlink a{
	color:#003366;
	font-size:1.2em;}
	
.dirlink a:hover{
	color:#003366;
	text-decoration:underline;
	font-size:1.2em;}		
	
#content_left h2 {
	display:block;
	margin-top:0px;
	text-indent:-2000em;
	text-decoration:none;
	z-index:1000;
	height:36px;
	width:518px;
	border:0px solid red;
	background-image:url(../gui/titles/welcome.png);
	background-repeat:no-repeat;}

.para1{
	font-weight:bold;
	color:#666666;
	line-height:17px;
	font-size:1.4em;
	margin-top:0px;}

.para2{
	margin-top:10px;
	line-height:17px;
	font-size:1.4em;
	color:#666666;}	
	
.para3{
	font-weight:bold;
	color:#666666;
	line-height:16px;
	font-size:1.4em;
	margin-top:20px;}
	
.para4{
	font-weight:bold;
	color:#666666;
	line-height:17px;
	font-size:1.4em;
	margin-top:25px;}	

.para5{

	color:#666666;
	line-height:17px;
	font-size:1.2em;
	margin-top:25px;}	

/* - 6. Middle Content -  */	
#content_middle{
	margin-left:175px;
	width:485px;
	padding-top:20px;
	outline:0px solid red;}

/* - 7. Right Content -  */
#content_right{
	float:right;
	display:inline;
	overflow:hidden;
	width:166px;	
	outline:0px solid red;}
	
#content_right2{
	float:right;
	display:inline;	
	overflow:hidden;
	width:166px;	
	outline:0px solid red;}	

#rightmenu{
	margin-top:15px;
	padding-left:0px;}

#rightmenu li {
	margin-bottom:30px;}

/* - 8. Footer -  */
#footer{
	clear:both;
	color:#999999;
	font-size:1.1em;}

#footermiddle a{
	color:#999999:}

#footerleft{
	float:left;
	outline:0px solid red;
	width:188px;
	display:inline;
	margin:20px 0 0 20px;}
	
.footerlink{
	color:#999999;
	text-decoration:underline;}	
	
.footerlink2{
	color:#999999;}		

#footerright{
	float:right;
	margin:20px 0 0 0;
	outline:0px solid red;
	width:165px;
	display:inline;
	text-align:right;
	margin-right:20px;}

#footermiddle{
	width:340px;
	margin:20px 0 0 275px;
	outline:0px solid red;}

#footerlinks{
	margin:35px 0 35px 25px;
	width:100%;}

#footerlinks li{
	display:inline;
	margin-right:55px;}

#footerlinks li.endlink{
	display:inline;
	margin-right:0px;}