		body{
			background-color:#e3e3e3;
			margin:0px;
		}
		
		li{
		  line-height:2;
		}
		
		.content{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:left;
		  font-size:12px;
		  color:#000000;
		  padding:10px;
		}
		
		.content a{
		  color:#666666;
		}
		
		.announcements{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:left;
		  font-size:12px;
		  color:#666666;
		  padding:5px;
		  line-height:1.4em;
		  font-weight: bold; 
		}
		
		.announcements a{
		  color:#666666;
		}

		.whiteContent{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:left;
		  font-size:12px;
		  padding:10px;
		  color:#ffffff;
		}
		
		.caption{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:center;
		  font-size:12px;
		  color:#ffffff;
		}
		
		.caption_blk{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:center;
		  font-size:12px;
		  color:#333333;
		}
		
		.siteTitle{
		  text-align:right; 
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  color:#000000;
		  font-weight:600;
		  font-size:34px;
		  padding-top:22px;
		  padding-right:5px;
		}
		
		.pageTitle{
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  color:#ffffff;
		  font-weight:600;
		  font-size:24px;
		  padding-top:5px;
		}

		.sectionTitle {
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  text-align:left;
		  color:#ffffff;
		  font-size:12px;
		  padding-left:25px;
		}
		
		.footerText{
			padding-left:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#cccccc;
		  font-size:11px;
		}

		.stepcarousel{
			position: relative; /*leave this value alone*/
			border: 1px solid #cccccc;
			overflow: scroll; /*leave this value alone*/
			width: 594px;
			height: 350px; /*Height should enough to fit largest content's height*/
		}
		
		.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 2px; /*margin around each panel*/
			width: 590px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		
		.stepcarousel_sm{
			position: relative; /*leave this value alone*/
			overflow: scroll; /*leave this value alone*/
			width: 300px;
			height: 450px; /*Height should enough to fit largest content's height*/
		}
		
		.stepcarousel_sm .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel_sm .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 2px; /*margin around each panel*/
			width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		
		p.samplebuttons{
			width: 500px;
			text-align: right;
			color: #cccccc;
		}
		
		p.samplebuttons a{
			color: #cccccc;
			padding: 1px 2px;
			margin-right: 3px;
			text-decoration: none;
		}

		.strong{
			weight:600;
		}

		#dhtmltooltip{
			position: absolute;
			left: -300px;
			width: 150px;
			border: 1px solid black;
			padding: 2px;
			background-color: lightyellow;
			visibility: hidden;
			z-index: 100;
			/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
			filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
		}
		
		#dhtmlpointer{
			position:absolute;
			left: -300px;
			z-index: 101;
			visibility: hidden;
		}
		
		
		
		


