/*  LAYOUT  */

	* {
		
		}
	
	body {
		margin: 0;
		padding: 0;
		}
		
	#header{
		width: 740px;
		height: 190px;
		}
		
	#headerLeft {
		background: url(art/bkgHdLeft.gif) no-repeat 20px;
		float: left;
		display: inline;
		width: 331px;
		height: 190px;
		}
		
	#mainNav {
		float: left;
		display:inline;
		margin: 63px 0 0 96px;
		}
		
	#headerRight {
		float: left;
		display: inline;
		width: 408px;
		height: 190px;
		}
	
	#logoMain {
		position: relative;
		float: left;
		width: 22px;
		height: 15px;
		top: 70px;
		left: -11px;
		}
	
	#headerContact {
		font-size: 11px;
		float: right;
		display:inline;
		margin: 16px 0 0 0;
		}
	
	#pageHeadline {
		display: block;
		margin: 140px 0 0 53px;
		width: 350px;
		height: 50px;	
		}
	
	#contentArea {
		width: 740px;
		}
		
	#contentAreaLeft {
		background: url(art/bkgContentAreaLeft.gif) no-repeat 20px 85px;
		float: left;
		display:inline;
		margin: 0;
		width: 331px;
		height: 410px;
		}
	
	#pageTitle {
		display: block;
		margin: 0 0 0 23px;
		width: 305px;
		height: 99px;	
		}
		
	#subNav {
		margin: 26px 0 0 107px;
		height: 350px;
		}
		
	#creditTag {
		margin: 0 0 0 107px;
		height: 50px;
	}
	
	#creditTag a {
		background: transparent;
	}
		
	#contentAreaRight {
		float: left;
		display: inline;
		width: 408px;
		height: 190px;
		}
		
	#bodyText {
		width: 348px;
		margin: 21px 0 0 61px;
		}
		
	.featureBox {
		width: 250px;
		padding: 15px 30px;
		margin: auto;
		}

	#footer {
		height: 30px;
		}
	

/*  BASIC ELEMENTS  */
	
	body, p {
		font-family: Trebuchet MS, Helvetica, Arial, san-serif;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		}
		
	a {
		font-weight: bold;
		text-decoration: underline;
		color:#333;
		padding: 0 2px;	
		}
		
	a:hover {
		font-weight: bold;
		text-decoration: none;
		}
		
	a img {
		border: 0;
		}
		
	.listHd1 {
		float: left;
		display: inline;
		width: 90px;
		font-size: 16px;
		font-weight: bold;
		}
		
	h2 {
		margin: 30px 0 0 0;
		font-size: 14px;
		font-weight: bold;
		}
		
	ol li, ul li {
		margin: auto auto 10px auto;
		}
		
	.photo {
		padding: 3px;
		}	
		
	.inlinePhoto {
		float: left;
		display: inline;
		margin: 0 10px 10px 0;
		padding: 3px;
		}
	

/*  NAV  */		
		
	#mainNav strong {
		display: none;
		}

	#mainNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
	#mainNav li {
		margin: 0;
		padding: 0;
		display: inline; /* Removes gaps in IE/WIN */
		width: 114px;
		height: 20px;
		}
		
	#mainNav strong {
		display: none;
		}
		
	#mainNav a.buttonHome {
		margin: 0;
		padding: 0;
		display: block;
		background: url(art/navHome.gif);
		width: 114px;
		height: 20px;
		}
		
	#mainNav a.buttonHome:hover, .home #mainNav a.buttonHome { /* accomplishes button rollover and auto latching */
		background-position: 0 -19px;
		}
		
	#mainNav a.buttonStaff {
		margin: 0;
		padding: 0;
		display: block;
		background: url(art/navStaff.gif);
		width: 114px;
		height: 20px;
		}
		
	#mainNav a.buttonStaff:hover, .staff #mainNav a.buttonStaff { /* accomplishes button rollover and auto latching */
		background-position: 0 -19px;
		}
		
	#mainNav a.buttonEncounter {
		margin: 0;
		padding: 0;
		display: block;
		background: url(art/navEncounter.gif);
		width: 114px;
		height: 20px;
		}
		
	#mainNav a.buttonEncounter:hover, .encounter #mainNav a.buttonEncounter { /* accomplishes button rollover and auto latching */
		background-position: 0 -19px;
		}
		
	#mainNav a.buttonJolt {
		margin: 0;
		padding: 0;
		display: block;
		background: url(art/navJolt.gif);
		width: 114px;
		height: 20px;
		}
		
	#mainNav a.buttonJolt:hover, .jolt #mainNav a.buttonJolt { /* accomplishes button rollover and auto latching */
		background-position: 0 -19px;
		}
		
	#mainNav a.buttonContact {
		margin: 0;
		padding: 0;
		display: block;	
		background: url(art/navContact.gif);
		width: 114px;
		height: 20px;
		}
		
	#mainNav a.buttonContact:hover, .contact #mainNav a.buttonContact { /* accomplishes button rollover and auto latching */
		background-position: 0 -19px;
		}	
	
	#subNav ul {
		margin: 0;
		padding: 0;
		}
		
	#subNav li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
/* HOME SECTION */

	body.home {
		background: url(art/bkg_home.gif) repeat-y #DBB956;
		}
		
	.home #headerRight {
		background: url(art/bkgHdRight_home.gif) no-repeat;
		}
		
	.home #logoMain {
		background: url(art/logoMain_home.gif) no-repeat;
		}
		
	.home #pageTitle {
		background: url(art/pageTitle_home.gif) no-repeat;	
		}

	.home #pageHeadline {
		background: url(art/pageHeadline_home.gif) no-repeat;	
		}
		
	.home a.subLink  {
		font-weight: normal;
		text-decoration: underline;
		background: transparent;
		color:#F4EA92;	
		}
		
	.home a.subLink:hover {
		text-decoration: none;
		background: transparent;
		color: #FFF;
		}
		
	.home a, .home .featureBox, .home .photo, .home .inlinePhoto  {
		background: #F4EA92;	
		}
		
	.home a:hover {
		background: #FFF;
		}
		
	.home a.imageLink {
		background: transparent;
		}
		
/* STAFF SECTION */

	body.staff {
		background: url(art/bkg_staff.gif) repeat-y #9FAEA5;
		}
		
	.staff #headerRight {
		background: url(art/bkgHdRight_staff.gif) no-repeat;
		}
		
	.staff #logoMain {
		background: url(art/logoMain_staff.gif) no-repeat;
		}
		
	.staff #pageTitle {
		background: url(art/pageTitle_staff.gif) no-repeat;	
		}

	.staff #pageHeadline {
		background: url(art/pageHeadline_staff.gif) no-repeat;	
		}
		
	.staff a.subLink  {
		font-weight: normal;
		text-decoration: underline;
		background: transparent;
		color:#C4E0D0;	
		}
		
	.staff a.subLink:hover {
		text-decoration: none;
		background: transparent;
		color: #FFF;
		}
		
	.staff a, .staff .featureBox, .staff .photo, .staff .inlinePhoto  {
		background: #C4E0D0;	
		}
		
	.staff a:hover {
		background: #FFF;
		}
		
/* ENCOUNTER SECTION */

	body.encounter {
		background: url(art/bkg_encounter.gif) repeat-y #A7A4BC;
		}
		
	.encounter #headerRight {
		background: url(art/bkgHdRight_encounter.gif) no-repeat;
		}
		
	.encounter #logoMain {
		background: url(art/logoMain_encounter.gif) no-repeat;
		}
		
	.encounter #pageTitle {
		background: url(art/pageTitle_encounter.gif) no-repeat;	
		}

	.encounter #pageHeadline {
		background: url(art/pageHeadline_encounter.gif) no-repeat;	
		}
		
	.encounter a.subLink  {
		font-weight: normal;
		text-decoration: underline;
		background: transparent;
		color:#CAC8D7;	
		}
		
	.encounter a.subLink:hover {
		text-decoration: none;
		background: transparent;
		color: #FFF;
		}
		
	.encounter a, .encounter .featureBox, .encounter .photo, .encounter .inlinePhoto  {
		background: #CAC8D7;	
		}
		
	.encounter a:hover {
		background: #FFF;
		}
	
		
/* JOLT SECTION */

	body.jolt {
		background: url(art/bkg_jolt.gif) repeat-y #B1BDCA;
		}
		
	.jolt #headerRight {
		background: url(art/bkgHdRight_jolt.gif) no-repeat;
		}
		
	.jolt #logoMain {
		background: url(art/logoMain_jolt.gif) no-repeat;
		}
		
	.jolt #pageTitle {
		background: url(art/pageTitle_jolt.gif) no-repeat;	
		}

	.jolt #pageHeadline {
		background: url(art/pageHeadline_jolt.gif) no-repeat;	
		}
		
	.jolt a.subLink  {
		font-weight: normal;
		text-decoration: underline;
		background: transparent;
		color:#CEE9F2;	
		}
		
	.jolt a.subLink:hover {
		text-decoration: none;
		background: transparent;
		color: #FFF;
		}
		
	.jolt a, .jolt .featureBox, .jolt .photo, .jolt .inlinePhoto  {
		background: #CEE9F2;	
		}
		
	.jolt a:hover {
		background: #FFF;
		}
		
		
/* CONTACT SECTION */

	body.contact {
		background: url(art/bkg_contact.gif) repeat-y #CDB48E;
		}
		
	.contact #headerRight {
		background: url(art/bkgHdRight_contact.gif) no-repeat;
		}
		
	.contact #logoMain {
		background: url(art/logoMain_contact.gif) no-repeat;
		}
		
	.contact #pageTitle {
		background: url(art/pageTitle_contact.gif) no-repeat;	
		}

	.contact #pageHeadline {
		background: url(art/pageHeadline_contact.gif) no-repeat;	
		}
		
	.contact a.subLink  {
		font-weight: normal;
		text-decoration: underline;
		background: transparent;
		color:#EFCC96;	
		}
		
	.contact a.subLink:hover {
		text-decoration: none;
		background: transparent;
		color: #FFF;
		}
		
	.contact a, .contact .featureBox, .contact .photo, .contact .inlinePhoto  {
		background: #EFCC96;	
		}
		
	.contact a:hover {
		background: #FFF;
		}
		

/*  FORM ELEMENTS  */