/* Layout checked in Safari 2.0, Firefox 1.0.4 on Mac OS 10.4 and IE6 and Firefox 1.0.4 on Windows XP. */
		
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin HTML */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Also - between these comments are elements shared with the content page, everything outside of this is specific to this page ~~~~~~~~~~~~~~~ */
	
	body {
		font: 100% Arial, Helvetica, sans-serif; 	/* ~~~~~~~~ font size set to 100% here, in order to pull IE into line. However it does mean that relative font sizes will have to be set for individual elements further on, such as headers and paras. This may not be the best way - feel free to change if necessary */
		padding: 0;
		margin: 0.5em 0 0 0;
	}

	h2 {
		color: #0066CC;
		font-size: 3em; 
	}
	
	h3 {
		color: #ffffff;
		font-size: 1.5em;  
	}
	
	p, ul {
		font-size: 1.2em;
	}
	
	a {
		color: #0066CC;
	}
	
	a:hover {
		color: #FFCC00;
	}
	
	/* Following 3 rules for H1 image replacement technique from http://levin.grundeis.net/files/20030809/alternatefir.html */
	
	#mainheader, #mainheader span {
		height: 117px;
		width: 318px;
		background-image: url(homepage_images/hm_logo.gif);
	}
		
	.replace {
		position: relative;
		margin: 0px; 
		padding: 0px;
		/* hide overflow:hidden from IE5/Mac */
		/* \*/
		overflow: hidden;
		/* */
	}
	
	.replace span {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1; /*for Opera 5 and 6*/
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Also - between these comments are elements shared with the content page, everything outside of this is specific to this page ~~~~~~~~~~~~~~~ */	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End HTML */	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Header */
	
	#header {
		margin: 20px;
	}
	
	#header h1 {
		width: 318px;
		height: 117px;
		float: left;
	}
	
	#contact {
		float: right;
		width: 389px;
		height: 123px;
		margin-right: 15px;
	}
	
	html>body #contact {
		margin-right: 25px;	
	}
	
	#contact img {
		border: none;
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Header */
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Content */
	
	#content {
		width: 800px;
		height: 600px;
		border: 1px solid #808080;
		margin: auto;
		background: url(homepage_images/hmbkgd.jpg) no-repeat top right;
	}
	
	#content p {
		clear: both;
		width: 360px;
		padding: 20px;
		font-size: 0.8em;
		color: #0066CC;
	}
	
	#maincontent {
		margin: 0px 0px 0px 10px;
		padding: 0px;	
	}
	
	#maincontent h3 {
		margin: 5px;
		font-size: 0.6em;
		text-align: center;
	}
	
	#maincontent li {
		list-style-type: none;
		float: left;
		width: 155px;
		height: 180px;
		background: url(homepage_images/homepage_content.gif) no-repeat top right;
	}
	
	#maincontent a {
		color: #fff;
	}
	
	#maincontent a:hover {
		color: #FFCC00;
	}
	
	ul#customertools li, ul#customertools2 li, ul#audioconferencing li {
		background: none;
		margin: 0;
		padding: 0;
		width: 100px;
		height: 20px;
		font-size: 0.5em;
		list-style: square;
		color: #ffffff;
	}
	
	ul#customertools li {
		height: auto;
	}
	
	.mainimg {
		margin: 0px 0px 0px 8px;
	}
	
	.contentlink {
		font-size: 0.6em;
		text-align: center;
	}
	
	div.uppercase {
		text-transform: uppercase;
		font-size: 0.6em;
		clear: both;
		height: 30px;
		text-align: center;
		padding-top: 0.6em;
		padding-bottom: 0.3px;
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Content */	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Lower Content */	
	
	#lowercontent {
		clear: both;
		width: 800px;
	}
	
	#lowercontent img {
		border: none;
	}
	
	#lowerleft {
		color: #0066CC;
		width: 350px;
		height: 160px;
		float: left;
		padding: 0 0 0 2em;
	}
	
	#lowerright {
		color: #000;
		width: 350px;
		height: 100px;
		float: right;
		text-align: center;
		font-size: 0.8em;
		padding-top: 4em;
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Lower Content */	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Footer */		
	
	#footer {
		width: 800px;
		height: 60px;
		margin: auto;
		padding: 0px; 
		background: #0066CC;
		z-index: 1000;
	}
	
	#footer ul {
		margin-top: 0px;
		list-style-type: none;
		float: left;
	}
	
	#footer li {
		display: inline;
		padding: 0 1em;
		font-size: 0.6em;
	}
	
	#footer a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#footer a:hover {
		color: #FFCC00;
	}
	
	#westlogo
	{
	margin: 0;
	padding: 0;
	width: 135px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}
	
	#westlogo img
	{
	border: 0;
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Footer */
	
/* styles for the news scroller from the old site */

.scroller {text-align: left; }

.content-black { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; color:#000000; }
.footer { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 13px; color:#000000; }
a.scroller:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration:none}
a.scroller:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00; text-decoration: underline}
a.scroller:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: none}
a.scroller:visited:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00; text-decoration: underline}
.subheader-blue { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 18px; color:#0066CC; }