body {
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	line-height: 1.25em;
	letter-spacing: 0em;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* main structure --------------------------------------------------- */

div#canvas {
	width: 900px;
	margin: 26px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-image:url(../images/bg_tile.jpg);
	background-repeat: repeat-y;
}

div#container {
	
	width: 900px;
	padding: 0px 0px 0px 0px;
}

#headerbar {
	width:900px;
	height: 91px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
}

#headerbar h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
}

div#headerbar h1 a {
	float: left;
	display: block;
	width: 236px;
	height: 52px;
	background:transparent url("../images/logo.gif") no-repeat;
}

#contentarea {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



#titlecolumn {
	float: left;
	width: 80px;
	height: 180px;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	background-image: url(../images/title_welcome.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



#contentcolumn {
	float: left;
	width: 384px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 40px 0px;
	
}

#horz_navigation {
	float: left;
	text-align: right;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	width: 384px;
}

#contentcolumn #horz_navigation a {
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/icon_arrow_thin.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#contentcolumn #horz_navigation a:hover {
	color: #004b97;
	text-decoration: none;
}

#keylinedcontent {
	float: left;
	width: 384px;
	border-top: 1px solid #87d0e7;
	border-left: 1px solid #87d0e7;
}

#keylinedcontent_form {
	float: left;
	width: 739px;
	border-top: 1px solid #87d0e7;
	border-left: 1px solid #87d0e7;
	padding: 10px;
}

#navcolumn {
	float: left;
	width: 375px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	display: block;
}

.borderlesspic {
	float: right;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
}

div#footer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-image:url(../images/footer.gif);
	background-repeat: no-repeat;
}


#contentcolumn #keylinedcontent h2 {
	font-size: 150%;
	font-family: Arial, sans-serif;
	font-weight: 100;
	line-height: 1.2em;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 0px 18px;
}

#contentcolumn #keylinedcontent h3 {
	font-size: 120%;
	font-family: Arial, sans-serif;
	font-weight: 100;
	color: #004b97;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 18px;
}

#contentcolumn #keylinedcontent h4 {
	font-size: 100%;
	font-family: Arial, sans-serif;
	font-weight: 100;
	color: #004b97;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 0px 18px;
}

#contentcolumn #keylinedcontent p {
	font-size: 85%;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 14px 18px;
}

#contentcolumn #keylinedcontent p.smallprint {
	font-size: 60%;
}

#contentcolumn #keylinedcontent a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#fff;
	border: 0;
}

#contentcolumn #keylinedcontent a:hover {
	color:#004b97;
}

#contentcolumn #keylinedcontent ul {
	font-size: 85%;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 14px 18px;
	color:#fff;
	
}

#contentcolumn #keylinedcontent ul li {
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 18px;
	list-style-image: square;
}

#contentcolumn #keylinedcontent ul li.hyperlink {
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 18px;
	list-style: none;
}

#contentcolumn #keylinedcontent ul li.hyperlink a {
	padding: 0px 0px 0px 12px;
	margin: 8px 0px 14px -18px;
	color:#fff;
	background-image: url(../images/icon_arrow_small.gif);
	background-repeat: no-repeat;
	background-position: left;
	
}

#contentcolumn #keylinedcontent ul li.hyperlink a:hover {
	color:#004b97;
}

#contentcolumn #keylinedcontent .inlinepic {
	padding: 0px 0px 20px 20px;
	float: right;
}

#contentcolumn #keylinedcontent dl {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 18px;
	color: #fff;
	font-size: 85%;
	
}

#contentcolumn #keylinedcontent dl dt {
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.25em;
	color:#004b97;
}

#contentcolumn #keylinedcontent dl dt a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#fff;
}

#contentcolumn #keylinedcontent dl dt a:hover {
	color:#004b97;
}

#contentcolumn #keylinedcontent dl dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contentcolumn #keylinedcontent dl dd p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
}

#contentcolumn #keylinedcontent dl dd h3 {
	font-size: 100%;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-weight: 100;
	color: #004b97;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.25em;
}




/* end main structure --------------------------------------------------- */


/* Top Nav ------------------------------------------------- */

#headerbar #topnav {
	float: left;
	width: 260px;
	height: 22px;
	position: relative;
	top: 0px;
	left: 370px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

#headerbar #topnav ul {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 85%;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#headerbar #topnav ul li {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
}

#headerbar #topnav ul li a {
	color:#004b97;
	text-decoration:none;
	display: block;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #00ABD6;
}

#headerbar #topnav ul li a.taste {
	color:#004b97;
}

#headerbar #topnav ul li a.touch {
	color:#004b97;
}

#headerbar #topnav ul li a.hear {
	color:#004b97;
}

#headerbar #topnav ul li a.see {
	color:#004b97;
}

#headerbar #topnav ul li a.experience {
	color:#004b97;
	border-right: 0px solid red;
}

#headerbar #topnav ul li a:hover {
	color:#00ABD6;
}

#headerbar #topnav ul li .selected {
	font-weight: bold;
	color:#000;
}

#headerbar #topnav ul li .selected:hover {
	color:#004b97;
}







#headerbar #topleftnav {
	float: left;
	width: 260px;
	height: 21px;
	position: relative;
	top: 0px;
	left: 28px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

#headerbar #topleftnav ul {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 85%;
	font-weight: 100;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#headerbar #topleftnav ul li {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
}

#headerbar #topleftnav ul li a {
	text-indent: -9999px;
	display: block;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
}

#headerbar #topleftnav ul li a.sampling {
	border-right: 0px solid #004b97;
	background-image: url(../images/logo_strap.gif);
	background-repeat: no-repeat;
	background-position: -28px -6px;
	width: 58px;
}

#headerbar #topleftnav ul li a.sampling:hover {
	color:#01ACD6;
	background-position: -28px -32px;
}

#headerbar #topleftnav ul li a.events {
	border-right: 0px solid #004b97;
	background-image: url(../images/logo_strap.gif);
	background-repeat: no-repeat;
	background-position: -100px -6px;
	width: 56px;
}

#headerbar #topleftnav ul li a.events:hover {
	color:#01ACD6;
	background-position: -100px -32px;
}


#headerbar #topleftnav ul li a.staffing {
	border-right: 0px solid #004b97;
	background-image: url(../images/logo_strap.gif);
	background-repeat: no-repeat;
	background-position: -168px -6px;
	width: 56px;
}

#headerbar #topleftnav ul li a.staffing:hover {
	color:#01ACD6;
	background-position: -168px -32px;
}



/* end Top Nav ------------------------------------------------- */




.clearer {
	clear: both;
}






/* endtextstyles ------------------------------------------------- */





/* Titles and navigation "active highlights"
------------------------------------------------------------------*/

body#home #titlecolumn {
	background-image: url(../images/title_welcome.gif);
}

body#form #titlecolumn {
	background-image: none;
}


body#taste #titlecolumn {
	background-image: url(../images/title_taste.gif);
}
body#taste #headerbar #topnav ul li a.taste {
	text-decoration: underline;
}

body#touch #titlecolumn {
	background-image: url(../images/title_touch.gif);
}
body#touch #headerbar #topnav ul li a.touch {
	text-decoration: underline;
}

body#hear #titlecolumn {
	background-image: url(../images/title_hear.gif);
}
body#hear #headerbar #topnav ul li a.hear {
	text-decoration: underline;
}

body#see #titlecolumn {
	background-image: url(../images/title_see.gif);
}
body#see #headerbar #topnav ul li a.see {
	text-decoration: underline;
}

body#experience #titlecolumn {
	background-image: url(../images/title_experience.gif);
}
body#experience #headerbar #topnav ul li a.experience {
	text-decoration: underline;
}