body {	
	background-color:#fff;
	background-image:url(images/border.gif);
	background-position:760px 0;
	background-repeat:repeat-y;
	background-attachment:fixed;
}

#container {
}

#intro {
	position:absolute;
	top:0;
	left:210px;
	width:550px;
	height:111px;

	border-right:10px solid #000;
	border-bottom:10px solid #000;
	
	background-color: #dc143c;
	z-index:2;
}
#container > #intro {
	position:fixed;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
/*	position:relative;
	left:180px;
	top:5px;*/
	background: transparent url(images/iangrant.gif) no-repeat -15px 0; 
	margin-top:0px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width: 450px; 
	height: 76px; 
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h1 img {
	display:none
	}
#pageHeader h2 { 
/*	position:relative;
	left:180px;
	top:5px;*/
	background: transparent url(images/webdesign.gif) no-repeat -15px 0; 
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width: 450px; 
	height: 28px; 
	}
#pageHeader h2 span {
	display:none;
	}
#pageHeader h2 img {
	display:none
	}

#supportingText {
	position:absolute;
	left:200px;
	top:111px;
	height:372px;
	
	margin:0;
	padding:0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	z-index:1;
	
	color:#000;
}

#supportingText #section1 {
	position:absolute;
	left:0;
	top:0;
	width:550px;
	height:100%;
	
	border:10px solid #000;
	
	background-color:#fff;
}

#supportingText #section2 {
	position:absolute;
	left:560px;
	top:0;
	width:560px;
	height:100%;

	border-top:10px solid #000;
	border-left:10px solid #000;
	border-bottom:10px solid #000;

	background-color:#fff;
}

#supportingText #section3 {
	position:absolute;
	left:1120px;
	top:0px;
	width:560px;
	height:100%;

	border-top:10px solid #000;
	border-left:10px solid #000;
	border-bottom:10px solid #000;

	background-color:#fff;
}

#supportingText #section4 {
	position:absolute;
	left:1680px;
	top:0px;
	width:560px;
	height:100%;

	border-top:10px solid #000;
	border-left:10px solid #000;
	border-bottom:10px solid #000;

	background-color:#fff;
}

#supportingText > #section1, #supportingText > #section2, #supportingText > #section3, #supportingText > #section4 {
	min-height:100%;
	height:auto;
}

#supportingText div h3 {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;

	border-bottom:10px solid #000;
	background-color: #ffd700;
	color:#000;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-transform:uppercase;
}

#supportingText div p {
	margin-left:20px;
	margin-right:30px;
}

#supportingText div a {
	color:#000;
}

#supportingText h4 {
	margin-left:20px;
	margin-right:30px;
	margin-bottom:0;
}
#supportingText p.s1, #supportingText p.s2, #supportingText p.s3, #supportingText p.s4 {
	margin-top:0;
}

#supportingText .thumbnaill {
	margin-top:20px;
	margin-bottom:0;
	border:0;
	padding-left:40px;
	float:left;
}

#supportingText .thumbnaill img{
	width:130px;
	height:97px;
	
	border:2px solid #000;
}

#supportingText div.thumbsclear {
	clear:both;
	height:5px;
	overflow:hidden;
	border:0;
	margin:0;
	padding:0;
}

label {
	font-weight:bold;
}
input.text {
	position:relative;
	left:-5px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:2px solid #000;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	position:relative;
	left:-5px;
	width:500px;
	height:50px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:2px solid #000;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.button {
	border:2px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#fff;
	position:relative;
	left:-5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

#linkLists {
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:493px;

	border-right:10px solid #000;
	border-bottom:10px solid #000;
	z-index:3;
	
	background-color:#fff;
}
#container > #linkLists {
	position:fixed;
}
#linkList1 {
	margin-top:111px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	
	border-top:10px solid #000;
	background-color: #0000cd;	
}

#linkList2 {
	margin-top:0px;
	padding-bottom:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;

	border-bottom:10px solid #000;
	background-color: #0000cd;	
}

#linkLists h3 {
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
	padding-top:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-transform:uppercase;

	color:#ffd700;
}

#linkLists ul {
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
	padding:0;
	background-image:url(images/menu_m.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

#linkLists li {
	list-style-type: none;
	color:#fff;
	display:block;
	font-size: 10pt;
	font-weight:bold;

	padding:0;
	margin:0;
	line-height:110%;
}
#linkLists li a {
	color:#fff;
	text-decoration:none;
}
#linkLists li a:hover {
	text-decoration:underline;
}

#footer {
	position:absolute;
	left:0;
	top:493px;
	width:760px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;

	border-top:10px solid #000;
	border-right:10px solid #000;
	border-bottom:10px solid #000;
	background-color: #ffd700;
	
	z-index:0;
}
#container > #footer {
	position:fixed;
}

#footer #footerlinks {
	padding-top:5px;
	padding-bottom:5px;
	margin-left:20px;
}

#footer #footerlinks img {
	border:0;
	margin-right:10px;
}

#footer #footerinfo {
	display:none;
}

#footer a {
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}