body {
  background:#ffffff;
  margin:0;
  padding:0;
  color:#333;
  font-size:12px;
  font-family: Tahoma,Verdana, Serif;
  voice-family: "\"}\""; voice-family:inherit;
  }

body.registration {
  background:#666;
}

p,a,td {
  font-size:12px;
  font-family: Tahoma,Verdana, Serif;
}

p.registration, a.registration, td.registration {
  font-size:11px;
  font-family: Tahoma,Verdana, Serif;
}

.button {
font-size:12px;
font-weight:bold;
}

.BlockImg {

  width:51px;
}


/* header contains the tabs and toolbar */

#header {
  float:right;
  width:100%;
  /* background:url("../images/highlight.gif") repeat-x bottom;  */
  line-height:normal;
  font-size:12px;
  }

/* header ul contains the tabs*/

#header ul {
  margin:0;
  padding:0 10px 0;
  background:url("../images/highlight.gif") repeat-x bottom;
  list-style:none;

  }
#header li {
  float:right;
  background:url("../images/left.gif") no-repeat left top;
  margin:0 3px 0 0;
  padding:0 0 0 9px;

  }
#header td {
  vertical-align:bottom;

  }

  
#header span {
  float:right;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 3px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
  
#header li span.noTab {
  display:block;
  padding:5px 15px 3px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}

/* End IE5-Mac hack */
#header a:hover {
  color:#999;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header span {float:none;}

/* End IE5-Mac hack */
#header span:hover {
  color:#999;
  }

#header .current {
  background-image:url("../images/left_on.gif");
  padding-bottom: 0px;

  }

#header .current span {
  background-image:url("../images/right_on.gif");
  color:#FFF;
  padding-bottom:5px;

  }

#divider {
  float:right;
  width:100%;
  background-color:#9f9f9f;
  border-bottom:1px solid #000;
  line-height:5px;
  height:5px;
}

#tab_bar {
  float:right;
  width:100%;
  background-image:url("../images/tab_bar.gif");
  line-height:10px;
  height:32px;
  padding:0;
  font-size:12px;

}

#tab_bar ul {
	margin:0px;
}
#tab_bar ul strong { color:white;background-color:#999;padding:8px 3px; }

.ridge {
  width:100%;
  background-color:#9f9f9f;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}

.ridgeii {
  width:100%;
  background-color:#9f9f9f;
  border-top:1px solid #FFF;
  border-bottom:1px solid #999;
  line-height:3px;
  height:3px;
}
  
h1 {
  background:#eee;
  text-align:center;
  font-size:12px;
  line-height:normal;
  padding:5px 0px 0 0;
  margin:0;
  width:100%;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  }
  
h2 {
	font-size:14px;
	color:#333;
}

h3 {
	padding-top:10px;
	font-size:16px;
	color:#C60;
	color:#53628D;
}

h4 {
	font-size:16px;
	color:#C60;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:10px 0 0 10px;
}

h5 {
  background:#eee;
  font-size:11px;
  line-height:normal;
  text-indent:5px;
  padding:5px 0;
  margin:0;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  width:99%;
  }
  
h6 {
	font-size:12px;
	padding:3px 0 3px 5px;
	margin:5px 0;
	color:#000000;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
}

.yellowBox {
	border:1px solid #ccc;
	background-color:#ffc;
	width:100%;
	line-height:20px;
	padding:10px 0;
}

.yellowBox p {
	margin:0 10px;
}

.blueBox {
	border:1px solid #ccc;
	background-color:#CEE3FF;
	width:100%;
	padding:10px 0;
}

.blueBox p {
	margin:0 10px;
}

.greyBox {
	border:1px solid #ccc;
	background-color:#EEE;
	width:99%;
	padding:10px 0;
}

.greyBox p {
	margin:0 10px;
}

.whiteBox {
	border:1px solid #ccc;
	background-color:#FFF;
	width:100%;
	padding:10px 0;
}

.whiteBox p {
	margin:0 10px;
}

.go {
  margin:10px 0 0 0;
  width:100%;
  }
.go {
  margin:0;
  padding:0;
  list-style:none;
  }
.go li {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  line-height:27px;
  }

#start {
  background:#B0C2FA url("../images/bg_heading.gif") repeat-x top;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  line-height:normal;
  padding:25px 25px 0;
  margin:0 0 15px 0;
  height:50px;
  border:1px solid #999;
  }

.startthetour {
	display:block;
	height:27px;
	color:blue;
	padding:0 0 0 32px;
	line-height:27px;
	background:url("../images/i_go.gif") top left no-repeat;
}

/************ tour page css ***************/

input, select, option {
	margin-bottom: 0px;
	font-size:12px;
}


form {
	margin:0;padding:0;
}

legend {
	font-weight:bold;
}

.box {
	border:1px solid #CCC;
	padding:5px;
}

.orBox {
	border:1px solid #CCC;
	background-color:#FEEBAF;
	padding:5px;
}

.orBox p {
	margin:5px 0;
}

/*************************/


 /* set millions of background images*/
.rbroundbox { background: url("../images/bg_iii.gif") repeat-x; }
.rbroundboxinner { border-right:1px solid #ccc;border-left:1px solid #ccc; }
.rbtop div  { background: url("../images/left_iii.gif") no-repeat top left; }
.rbtop      { background: url("../images/right_iii.gif") no-repeat top right; }
.rbbot div  { background: url("../images/left_iii_bot.gif") no-repeat bottom left; }
.rbbot      { background: url("../images/right_iii_bot.gif") no-repeat bottom right; }

 /* height and width stuff, width not really necessary.*/
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 11px;
	font-size: 1px;
}
/*  .rbcontent height is set down at the page level using the style tag (See
portal.asp) otherwise the height is flexible in general.
*/
.rbcontent  { margin: 0 10px; }
.rbcontent strong { 
				display:block;
				background-color:#E0E0E0;
				color:#333;
				width:100%;
				padding:3px 0;
				}
				
.rbroundbox { width: 100%; }
/*************************

The left and right columns are placed from the top with the top attribute on themselves
while the middle column is pushed down with the banner div's height.  Clever. but stupid.

********************/

	/*body {
		margin:10px 10px 0px 10px;
		padding:0px;
		}*/

	#leftcontent {
		width:190px;
		background:#fff;
		}	
	#leftcontent_hosted {
		position: absolute;
		left:10px;
		top:121px;
		width:50px;
		background:#fff;
		}
		
	.left_border {
		width:99%;
		border:1px solid #ccc;
		padding:10px 0;
	}
	
	.left_border p {
		margin:0 0 0 10px;
	}
	
	.leftcontentLinks ul {
		list-style:none;
		padding:0;
		line-height:20px;
	}
	
	.leftcontentLinks li {
		padding:0;
		margin:2px;
		background-color:#EEE;
	}
	
	.leftcontentLinks li a {
		margin:0 0 0 10px;
	}
	
	.leftcontentLinks .active { background-color:#fff;color:#000;font-weight:bold;padding-left:10px;}
	
	#prefsTable strong { background-color:#c60;color:#fff;padding:0 3px 0 3px; }
	
	#centercontent {
		background:#fff;
   		margin-left: 15px;
   		margin-right:15px;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 15px;
   		margin-right:15px;
		}
	html>body #centercontent {
   		margin-left: 15px;
   		margin-right:15px;
		}
/* center content for 2 column */

#centercontent_hosted {
		background:#fff;
   		margin-left: 150px;
   		margin-right:150px;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 150px;
   		margin-right:150px;
		}
	html>body #centercontent_hosted {
   		margin-left: 150px;
   		margin-right:150px;
		}

/* end center content for 2 column */

	#rightcontent {
		width:190px;
		background:#fff;
		}
	#rightcontent_hosted {
		width:50px;
		background:#fff;
		}
	
	#banner {
		background:#FFF url("../images/logo.gif") no-repeat;
		height:103px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:102px;
		}
	html>body #banner {
		height:102px;
		}

	
	#rightcontent p {
		font-size:10px
		}
		
/* CSS for Expanding Content*/

.open {
	display: block;
	}
.closed {
	display: none;
	}
	
div#list ul {
	list-style:none;
}

div#list li {
	list-style-type: none;
	padding-top: .2em;
	padding-bottom: .2em;
	}
        
div#list li img {
	vertical-align: middle;
	}  
	
fieldset {
	padding:5px 0;
}

#feedbackContainer { display:block;position:absolute;top:115px;left:265px;width:600px;border:2px solid #666;border-style:outset; }
#feedbackContainerOff { display:none; }

.feedback_heading { background-color:#eee; }
.feedback_heading td { font-size:10px; }

.feedback_heading ul {
	list-style:none;
	margin:0;
	padding:0;
}

.feedback_heading ul li {
	margin:0 0 5px 0;
	padding:0;
}

.feedback_heading ul input {
	margin:0;
	padding:0;
}

div.feedback_heading {
  width:100%;
  background-image:url("images/tab_bar.gif");
   /* well well well, line height is necessary for IE6 here for some reasong
   to make sure there are no empty gaps that cause some mysterious margin to appear*/
  line-height:10px;
  height:33px;
  padding:0;
}

div.feedback_heading ul {
	margin:0px;
}
div.feedback_heading ul strong { color:white;background-color:#999;padding:8px 3px; }

.asterisk {
color: #c60;
font-weight: bold;
font-size:12px;
}
