body {	
	margin:0;
	background-color: #ff6600;
}

#container {
}

#intro {
	position:absolute;
	left:0;
	top:0;
	height:158px;
	width:100%;
	background-image:url(images/arrow1.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#ff8000;
	z-index:1;
}
#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:30px;
	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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	z-index:0;
	
	color:#fff;
	background-color:#ff6600;
	
	padding-top:10px;
	padding-bottom:20px;
	margin-top:158px;
}

#supportingText div {
	width:390px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#supportingText #section1 h3 {
	margin-top:40px;
}

#supportingText div h3 {
	color:#fe0;
}

#supportingText div a {
	color:#fff;
}

#supportingText h4 {
	margin-bottom:0;
}
#supportingText p.s1, #supportingText p.s2, #supportingText p.s3, #supportingText p.s4 {
	margin-top:0;
}

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

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

#supportingText div.thumbsclear {
	clear:both;
	height:10px;
	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 #fe0;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	position:relative;
	left:-5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:2px solid #fe0;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.button {
	border:2px solid #fe0;
	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;
}

#linkList1, #linkList2 {
	position:absolute;
	top:178px;
	width:228px;

	padding-bottom:15px;

	background-image:url(images/menu_b.gif);
	background-position:left bottom;
	background-repeat:no-repeat;

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

#linkList1 {
	right:50%;
	margin-right:240px;
	text-align:right;
}

#linkList2 {
	left:50%;
	margin-left:240px;
	text-align:left;
}

#linkLists > #linkList1, #linkLists > #linkList2  {
	position:fixed;
}

#linkLists h3 {
	margin:0;
	padding-top:30px;
	color:#fe0;
	background-image:url(images/menu_t.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#linkList1 h3 {
	padding-right:35px;
}
#linkList2 h3 {
	padding-left:35px;
}

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

#linkLists li {
	list-style-type: none;
	color:#fff;
	display:block;
	font-size:medium;
	font-weight:bold;
}
#linkLists li a {
	color:#fff;
	text-decoration:none;
}
#linkLists li a:hover {
	text-decoration:underline;
}

#footer {
	background-color:#ff8000;
	background-image:url(images/arrow5_b.gif);
	background-position:top left;
	background-repeat:repeat-x;

	padding-top:15px;
	padding-bottom:15px;
}

#footer #footerlinks {
	width:390px;
	margin-left:auto;
	margin-right:auto;
}

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

#footer #footerinfo {
	display:none;
}

#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#fff;
}