@charset "utf-8";
/* Packlyn Stylesheet */

/**************************************************************

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Services List
4. General Formatting Classes

COLOUR SCHEME


***************************************************************/

/********************* HTML Tags ********************/
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	min-height:100%;
		margin-bottom:1px;}	

body {	font-family:Arial, Helvetica, sans-serif;}

p {	line-height: 170%;
	font-size: 14px;
	color: #333;}

li {list-style-type: none;
	font-size: 12px;
	color: #333;}

a:link, a:active, a:hover, a:visited { 
	text-decoration:none;
	color:#333;}

h2 {	padding: 30px 0px 20px 0px; font-size:16px; font-weight:normal;}

h3 {	color:#666666;
		font-size:13px;
		font-weight:bold;
		margin: 10px 0px;}
	
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	display:none;}	

	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	}

#headerContent,
#navigationContent, 
#preambleContent,
#servicesContent,
#footerContent {	width:845px;
					margin: 0 auto;
					/*border:1px solid #F00;*/}
			
#header {	background: #E6E5E6 url(../Images/Header_BG.jpg) repeat-x top left;
			height:123px;}		
				
#headerContent {	height:123px;
					position:relative;}

#navigation {	background-color:#9D9CA0;
				height: 40px;}

#navigationContent {	height: 40px;
						position:relative;}				

#content {	background: #FFF;}

#preamble {	background: #F4F4F4;
			padding-bottom: 15px;}

#footer {	background-color: #333;
			color: #FFF;
			clear:both;
			height: 84px;
			padding-top:20px;
			font-size:12px;}
			
#footerContent {	}
				
#mainNav {	position:absolute;
			bottom: 0px;
			left: 0px;}
			
#accessibilityBar {	position:absolute;
					top: 5px;
					right: 5px;}
									
#services {	background-color: #FFF;
			clear:both;
			padding:20px 0px;}
			

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#header h1 {	background:url(../Images/Header_Logo.jpg) no-repeat top left;
				width:766px;
				height:123px;
				margin-left:37px;}

#accessibilityBar,
#accessibilityBar a {	color:#666666;
						font-weight: bold;
						font-size:11px;}

/* -------- End Header -------- */

/* -------- Footer -------- */

#copyright {	font-weight:bold;
				color:#FFF;
				margin-bottom:10px;}
				
#copyright a {	font-weight:bold;
				text-decoration:underline;
				color:#FFF;
				margin-bottom:10px;}
				
#footerNav, #footerNav a {	color:#CCC;}

#valid {	float:right;
			margin-top: 25px;}

#valid img {	margin-left:5px;}

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav ul{	}

#mainNav li{	display:inline;
				margin-right: 5px;}

#mainNav a {	float:left;
				background:url(../Images/Nav_Left.gif) no-repeat left top;
				margin-right: 5px;
				padding:0 0 0 7px;
				color:#FFFFFF;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				font-weight:bold;
				background-position:0 -40px;}

#mainNav a span {	float:left;
					display:block;
					background:url(../Images/Nav_Right.gif) no-repeat right top;
					padding:7px 19px 7px 10px;
					font-weight:bold;
					color:#FFFFFF;
					background-position:100% -40px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainNav a span {float:none;}
/* End IE5-Mac hack */

#mainNav a#mainNavActive,
#mainNav a:hover {	background-position:0 0px;}

#mainNav a#mainNavActive span,
#mainNav a:hover span  {	background-position:100% 0px;
							color: #000;}

/* -------- End Navigation -------- */

/* -------- Services List -------- */

#serviceList {	margin: 0 auto;}

#serviceList li {	display: inline;
					list-style-type: none; 
					float:left;}
					
#serviceList li img {	border: 1px solid #CCC;}

#serviceList a:hover img {	border: 1px solid #333;}

.service {	width: 150px;			
				margin: 9px;}

.serviceName {	height:20px;
					font-size:11px;
					text-align:center;
					color:#FFF;
					font-weight:bold;
					background:url(../Images/ServiceName_BG.jpg) repeat-x left top;
					padding:4px 5px 5px 5px;}

.serviceName a {	display:block;
						width:100%;
						height:100%;						
						color:#FFF;}
						
.servicehome {	width: 107px;			
				margin: 5px;}


/* -------- End Services List -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.flRightImg {	float:right;
				margin: 20px;}	

#homeImg{	margin:0px 60px 20px 40px;}	

#siteImg{	margin:80px 60px 20px 40px;}							

.flLeftImg {	float:right;
				margin: 20px;}							

.clear {	clear:both;}

.clearform {	clear:both;
			border:solid;
			border-width:thin;
			border-color:#333;}

#welcome {	background:url(../Images/Welcome.gif) no-repeat left;
			width:350px;
			height:28px;}

/********************* End General Formatting *********************/