body{
	margin: 0;
	padding: 0;
background: #90c1e6 url(graphics/bkgd.png) top left repeat-x;
}

table td {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #006;
}

#maincontainer{
	width: 996px; 
	margin: 5px auto; 
}

.xsnazzy {background: transparent; margin:0em;}
 
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb5a, .xb6a, .xb7a {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb5a, .xb6a, .xb7a  {height:1px;}
.xb4, .xb5, .xb6, .xb7, .xb5a, .xb6a, .xb7a  {background:#ccc; border-left:1px solid #f45600; border-right:1px solid #f45600;}
 
.xb1 {margin:0 8px; background:#f45600;}
.xb2 {margin:0 6px; background:#f45600;}
.xb3 {margin:0 4px; background:#f45600;}
.xb4 {margin:0 3px; background:#f45600; border-width:0 5px;}
 
.xb5 {margin:0 2px; background:#f45600; border-width:0 4px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.xb6 {margin:0 2px; background:#f45600; border-width:0 3px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
} 
.xb7 {margin:0 1px; background:#f45600; border-width:0 3px; height:2px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
} 
 
.xboxcontent {display:block; background:#FFF; border:3px solid #499594; border-width:0 3px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

.xb5a {margin:0 2px; background:#FFF; border-width:0 4px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.xb6a {margin:0 2px; background:#FFF; border-width:0 3px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
} 
.xb7a {margin:0 1px; background:#FFF; border-width:0 3px; height:2px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
} 
 
.xboxcontent {display:block; background:#FFF; border:3px solid #f45600; border-width:0 3px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

#topsection{
	height: 70px;
	background: #FFF url(graphics/logo_narrow.png) top left no-repeat;
}

#contentwrapper{
	float: left; 
	background: #FFF;
	width: 100%;
}

#text-div {
	width: 700px;
}

.makeScroll {
	margin-right: 200px; /*Set right margin to RightColumnWidth*/  
	margin-top: -0px;
	margin-bottom: 5px;
	height: 450px;
	overflow: hidden;
	background: #FFF;
	padding: 10px 0 20px 0;
	border-bottom: 1px dotted orange;
}

#rightcolumn{
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
	background: #FFF;
}

#footer{
	background: transparent;
	clear: left;
	width: 100%;
	margin: 0 0 -20px 0;
}

.ysnazzy {background: transparent; margin: 0em; width: 190px;}
 
.yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb7, .yb5a, .yb6a, .yb7a {display: block; overflow: hidden; font-size: 0;}
.yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb5a, .yb6a, .yb7a  {height: 1px;}
.yb4, .yb5, .yb6, .yb7, .yb5a, .yb6a, .yb7a  {background: #288cfc; border-left:1px solid #288cfc; border-right: 1px solid #288cfc;}
 
.yb1 {margin:0 8px; background:#288cfc; border-left:1px solid #288cfc; border-right:1px solid #288cfc;}
.yb2 {margin:0 5px; background:#288cfc; border-left:3px solid #288cfc; border-right:3px solid #288cfc;}
.yb3 {margin:0 4px; background:#288cfc; border-left:1px solid #288cfc; border-right:1px solid #288cfc;}
.yb4 {margin:0 3px; background:#288cfc; border-left:1px solid #288cfc; border-right:1px solid #288cfc;}
 
.yb5 {margin:0 2px; background: #288cfc; border-width: 0 1px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.yb6 {margin:0 2px; background: #288cfc; border-width: 0 1px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
} 
.yb7 {margin:0 1px; background: #288cfc; border-width: 0 1px; height: 2px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
} 
 
.yboxcontent {display: block; background: #FFF url(graphics/rhs_panel.png) bottom left repeat-x; border: 3px solid #288cfc; border-width: 0 1px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.yb5a {margin: 0 2px; background: #288cfc; border-width: 0 1px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.yb6a {margin: 0 2px; background: #288cfc; border-width: 0 1px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
} 
.yb7a {margin: 0 1px; background: #288cfc; border-width: 0 1px; height: 2px;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
} 
 
/*.yboxcontent {display:block; background:#FFF; border:3px solid #f21b00; border-width:0 3px;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}*/

.scroll-track-top {
    height:10px; width:10px; background-image: url('track_top.png');display: none !important;
}

.scroll-track-bot {
    height:20px; width:20px; background-image: url('track_bot.png');display: none !important;
}

.scroll-track {
    height:10px; width:16px;  background:#FFF;
}

.scroll-handle {
    height:20px; width:16px; background-image: url('handle_mid.png'); cursor:pointer;
}

.scroll-handle-top {
    height:9px; width:20px; background-image: url('handle_top.png'); background-repeat: repeat; cursor:pointer;
}

.scroll-handle-bot {
    height:9px; width:20px; background-image: url('handle_bot.png'); background-repeat: repeat; cursor:pointer;
}


