@CHARSET "ISO-8859-1";

html{
	height: 100%;
	margin:0;
	padding:0;
	font-size: 0.8em;
}
html, input, textarea{
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
}
textarea{
	font-size:100%;
}
body{
	height: 100%;
	margin:0;
	padding:0;
}

img{
	border:none;
}

a{
	text-decoration:none;
}
	a:hover {
		text-decoration:none;
	}

h1{
	margin:0;
	padding:0;
}
h2{
	margin-bottom:0;
}

.clear{
	width:100%;
	clear:both;
}

.invisible-access{
	display:inline;
	height:1px;
	left:-3000px;
	position:absolute;
	text-decoration:none;
	width:1px;
}

/*
 * Everything in this element is replaced by the flash movie when it is loaded. Content should 
 * always be exactly the same as in the flash version, just with a simplified layout.
 */
#flashcontent {
	height: 100%;
}

/* DoneLoading is there to stop the browser showing the page as still downloading
 *	when it isn't - we don't actually want it to be visible or interfere with the
 *	flash using the whole screen. We also have to be careful it doesn't cause scroll
 *	bars. 
 */
#DoneLoading{
	height:0;
	width:0;
	position:absolute;
	left:0;
	top:0;
}

#container{
	margin-left:48px;
}
	#logo{
		height:50px;
		padding-top:35px;
		padding-left:2px;
	}
	
	#content{
		width:784px;
		position:relative;
		float:left;
		min-height:10px;
	}
		.homeitem{
			position:relative;
			border-style:solid;
			border-width:5px;
			margin-bottom:15px;
		}
			.homeitemimg{
				position:relative;
				z-index:0;
			}
			.homeitemtxt{
				position:absolute;
				top:0;
				right:0;
				z-index:1;
				width:352px;
				height:274px;
			}
				.trail{
					padding:5px 30px 0 30px;
				}
					.trail a{
						text-decoration:underline;
					}
				.homeitembody{
					padding:0 30px 0 30px;
					position:absolute;
					left:0;
					right:0;
					bottom:44px;
				}
				.read-link{
					padding:12px 30px 12px 30px;
					position:absolute;
					left:0;
					right:0;
					bottom:0;
				}
					.read-link a{
						font-size:130%;
					}
						.read-link a:hover{
							text-decoration:underline;
						}
		
		.menuitem{
			width:710px;
			border-style:solid;
			border-width:0 0 2px 0;
			padding:10px 0 10px 0;
			margin-left:34px;
		}
			.menuiteminner{
				padding:5px;
				height:170px;
				position:relative;
			}
				.menuitemimg{
					position:relative;
					float:left;
					width:420px;
				}
				.menuitemtext{
					position:absolute;
					right:0;
					bottom:0;
					width:260px;
					padding:0 10px 5px 15px;
				}
					.menuitemtext a{
						text-decoration:underline;
					}
	
	#article{
		text-align:center;
		position:relative;
	}
		#articletopbar{
			height:26px;
			padding:9px 8px 0 15px;
			position:absolute;
			top:-35px;
			right:0;
			z-index:1;
			width:450px;
		}
			#articletopbar a:hover{
				text-decoration:underline;
			}
			#articlebacklink{
				float:left;
			}
			#hideText{
				position:relative;
				float:right;
			}
				#hideText a{
					padding-right:17px;
				}
				#hideText a:hover{
					text-decoration:none;
					cursor:pointer;
				}
		#articletxt{
			position:absolute;
			top:0;
			right:0;
			z-index:1;
			width:473px;
			text-align:left;
		}
			#articletop{
				padding:20px 48px 5px 15px;
			}
			#articlesummary{
				padding-bottom:10px;
				width:135px;
			}
			#articletype,#articlesummary .sumtitle {
				border-style:solid;
				border-width:1px 0 1px 0;
				position:relative;
				float:left;
				padding:0 0 2px 0;
				margin-bottom:5px;
			}
				#articletype {
					margin-bottom:20px;
				}
				#articlesummary p{
					clear:both;
					margin:0;
				}
			#articleintro{
				clear:both;
			}
			#articlebody{
				padding:5px 48px 10px 15px;
			}
				#articlebody img{
					margin-right:15px;
				}
		#slides{
			display:block;
			padding:5px 0 0 0;
			margin:0;
		}
			#slides li{
				list-style:none;
				display:block;
				padding:5px 0;
				margin:0;
				position:relative;
			}
				.articleimglabel{
					position:absolute;
					top:5px;
					left:10px;
					z-index:1;
					width:230px;
					text-align:left;
					padding:10px;
				}
	
	#relLinks{
		margin-top:10px;
	}
		#relLinks p{
			margin:0;
			padding:7px 0 5px 10px;
		}
		#relLinks ul{
			padding:0 0 0 10px;
			margin:0;
			display:block;
		}
			#relLinks ul li{
				padding:0 15px 7px 5px;
				margin:0;
				list-style:none;
				display:block;
				border-style:solid;
				border-width:0 0 0 1px;
				position:relative;
				float:left;
			}
				.rellinkdesc{
					font-size:85%;
				}
	
	.phone{
		font-weight:bold;
		font-size:130%;
		margin-bottom:10px;
	}
	.address{
		font-weight:bold;
		font-size:105%;
		margin-top:0;
	}
	.twitter{
		border-style:solid;
		border-width:0 0 1px 0;
		width:355px;
		padding:10px 0 10px 40px;
		margin:30px 0 30px 0;
	}
	.reg{
		font-weight:bold;
		font-size:95%;
	}
	#contact p{
		width:475px;
	}
	#contact ul{
		width:400px;
		display:block;
		position:relative;
		padding:0;
		margin:0;
	}
		#contact ul li{
			display:block;
			position:relative;
			float:left;
			width:50%;
			padding:5px 0 5px 0;
		}
			#contact ul li a{
				padding-left:12px;
			}
				#contact ul li a .highlight{
					text-decoration:underline;
				}
	#contactForm{
		position:absolute;
		top:0;
		right:0;
		width:288px;
	}
		#contactFormInner{
			border-style:solid;
			border-width:1px;
			padding:10px
		}
			.frmrow{
				padding:5px;
			}
				.frmrow label{
					display:inline-block;
					width:100px;
					vertical-align:top;
				}
				.frmrow input, .frmrow textarea{
					width:150px;
				}
		.frmbutton{
			border:none;
			font-size:125%;
			position:relative;
			float:right;
			padding:11px 19px 11px 33px;
		}
	
	#signupBody{
		width:450px;
	}
		.email{
			padding-left:35px;
		}
			.email .highlight{
				text-decoration:underline;
			}
	
	#mainMenu{
		display:block;
		position:relative;
		float:left;
		padding:0 0 0 26px;
		margin:0;
	}
		#mainMenu li{
			list-style: none;
		}
			#mainMenu li.signup{
				padding-top:23px;
			}
	
	#findUs{
		clear:both;
	}
		#findUs div{
			position:relative;
			float:left;
			margin:19px 0 0 0;
		}
		#findUs ul{
			display:block;
			position:relative;
			float:left;
			margin:20px 0 0 0;
			padding:0;
		}
			#findUs ul li{
				display:block;
				position:relative;
				float:left;
				padding:0;
				margin-left:10px;
				font-weight:bold;
			}