body
		{
			background: #520064 url("../Images/bay-08-bg-wrap.gif") repeat-x;
			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;
    height: 19px;
}
		
		.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:37px;
		  padding-top:22px;
		  padding-right:5px;
    height: 64px;
}
		
		.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:center;
		  color:#ffffff;
		  font-size:12px;
		}
		
		.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: 1px;
		}
		
		.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;
    height: 350px;
}
		
		.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;
		}
		
		/* navigation: #nav
 * ------------------------------------------------------------------------- */

#nav, #nav * { border-collapse: collapse; margin: 0; padding: 0 }

#nav {
	/*background: url("../Images/mainmenu2.jpg") no-repeat;*/
	height: 28px;
	position: relative;
	width: 988px;
	z-index: 99;
    top: -2px;
    left: 0px;
}
	
#nav span { display:none; }

#nav li, #nav a {
	font-size: .95em;  
	height: 28px;
	display: block;
	}

#nav li { float: left; }


#nav-01 { width:281px; }
#nav-02 { width:68px; }
#nav-03 { width:100px; }
#nav-04 { width:104px; }
#nav-05 { width:79px; }
#nav-06 { width:109px; }
#nav-07 { width:100px; }
#nav-08 { width:69px; }
#nav-09 { width:78px; }


#nav-01 a:hover { background: url("../Images/mainmenu2.jpg") 0 -28px }
#nav-02 a:hover { background: url("../Images/mainmenu2.jpg") -281px -28px }
#nav-03 a:hover { background: url("../Images/mainmenu2.jpg") -349px -28px }
#nav-04 a:hover { background: url("../Images/mainmenu2.jpg") -449px -28px }
#nav-05 a:hover { background: url("../Images/mainmenu2.jpg") -563px -28px }
#nav-06 a:hover { background: url("../Images/mainmenu2.jpg") -642px -28px }
#nav-07 a:hover { background: url("../Images/mainmenu2.jpg") -751px -28px }
#nav-08 a:hover { background: url("../Images/mainmenu2.jpg") -820px -28px }
#nav-09 a:hover { background: url("../Images/mainmenu2.jpg") -898px -28px }

#nav-01:hover>a { background: url("../Images/mainmenu2.jpg") 0 -28px }
#nav-02:hover>a { background: url("../Images/mainmenu2.jpg") -281px -28px }
#nav-03:hover>a { background: url("../Images/mainmenu2.jpg") -349px -28px }
#nav-04:hover>a { background: url("../Images/mainmenu2.jpg") -449px -28px }
#nav-05:hover>a { background: url("../Images/mainmenu2.jpg") -563px -28px }
#nav-06:hover>a { background: url("../Images/mainmenu2.jpg") -642px -28px }
#nav-07:hover>a { background: url("../Images/mainmenu2.jpg") -751px -28px }
#nav-08:hover>a { background: url("../Images/mainmenu2.jpg") -820px -28px }
#nav-09:hover>a { background: url("../Images/mainmenu2.jpg") -898px -28px }


	#nav ul {
		border: solid #021F49;
		border-width: 0 1px;
		left: -9999px;
		top: 29px;
		position:absolute;
		z-index:99
		}

	#nav-08 ul { margin-left: -15px }

	#nav ul, 
	#nav li li { width: 150px } 

	#nav li li, 
	#nav li li a { height: auto; }

	#nav li:hover ul, 
	#nav a:hover ul { left: auto; }

	#nav li li { border-bottom: 1px solid #021F49; text-indent: 0; }


	#nav li li a {
		background: #ccc;
		color: #021F49;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #021F49; 
		color: #fff; 
		}

	#nav .right { text-align: left; margin-left: 150px }

	#nav .header a, #nav .header a:hover { 
		background: #021F49; 
		color: #fff; 
		font-weight: bold
		}