body {
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/1.2em Arial, Helvetica, sans-serif;
	margin: 20px;
}
p {
	margin-bottom: 10px;
}
h1 {
	font: bold 22px/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
h2 {
	font: normal 18px/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}
h3 {
	font: bold 14px/1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.contents {
	display: block;
	width: 700px;
	height: 200px;
	background: #CC66FF;
}
ul.blocks {
	padding: 0;
	width: 1000px;
	display: block;
	height: 200px;
}
ul.blocks li {
	width: 200px;
	margin: 0 0 0 0px;
	float: left;
	display: block;
	height: 200px;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	width: 200px;
	background: #ccc;
	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

a.jScrollArrowLeft {
	background: url(basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}
a.jScrollArrowRight {
	background: url(basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

	div{
				margin: 0px;
			}
			/* Scrollbar & content css */						
			#content1, #content2, #content3{
				height: 206px;
				width: 300px;
				float:left;
				background: #f5f5f5;
				overflow:hidden;
			}
			#content1 p{
				margin: 10px;
			}
			.scrollbar-vert{
				background-color: #d2e8ff;
				height: 206px;
				width: 20px;
				float:left;
			}
			.handle-vert{
				height: 42px;
				width: 20px;
				background: url(http://www.solutoire.com/experiments/scrollbar/styles/img/handle.gif) no-repeat;
			}
			
			#content2 p{
				width: 1000px;
			}
			.scrollbar-hor{
				background-color: #d2e8ff;
				height: 20px;
				width: 300px;
				float:left;
			}
			.handle-hor{
				height: 20px;
				width: 42px;
				background: url(http://www.solutoire.com/experiments/scrollbar/styles/img/handle-hor.gif) no-repeat;
			}
			
			#content3 p{
				width: 700px;
			}

/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 190px; float: left; }
	#cssdropdown li.headlink a { display: block;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { font-family:calibri; font-size:11px; font-weight:bold; text-transform:lowercase; display: none; border-top: 0px black solid; text-align: left;}
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 10px; border-style:solid; border-width:1px; width:178px; border-color:#DFDFDF; margin-top:1px; color:gray; }
	#cssdropdown li.headlink ul li a:hover { background-color: black; color:#b5b5b5; }
	
	/* Pretty styling */
	body {}
	#cssdropdown a { color: #b5b5b5; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown ul li a, ul li a:visited{color:black;}
	#cssdropdown li.headlink { background-color: white;}
	#cssdropdown li.headlink ul { background-image: url(bg.gif); background-position: bottom; }


body {

}
/* CSS for All the Menus START */
ul.ws_css_cb_menu {
	background-repeat:repeat-x;
	background-position:top left;
	width:998px;
	font:bold 13px Arial, Helvetica, sans-serif;
	display:block;
	float: right;
	height:13px;
}
ul.ws_css_cb_menu li {
	display:block;
	margin:2px 0px 0px 2px;
	float:right;
}
ul.ws_css_cb_menu a:hover ul, ul.ws_css_cb_menu a:hover a:hover ul, ul.ws_css_cb_menu a:hover a:hover a:hover ul {
	display:block;
}
ul.ws_css_cb_menu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	padding:2px;
	_padding-left:0;
	color: #444444;
	text-decoration:none;
	text-align:left;
}
ul.ws_css_cb_menu span {
	overflow:hidden;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {

	color:#763319
}
ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	padding-left:15px;
	font-weight: normal;
	color: #000
}
ul.ws_css_cb_menu ul {
	position: absolute;
	left:-1px;
	top:98%;
	width:160.65px;
	border-top:0px;
	background-color:#ffffff;
}
ul.ws_css_cb_menu ul ul {
	position: absolute;
	left:98%;
	top:-2px;
}
ul.ws_css_cb_menu, ul.ws_css_cb_menu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
}
ul.ws_css_cb_menu a:active, ul.ws_css_cb_menu a:focus {
	outline-style:none;
}
ul.ws_css_cb_menu ul li {
	float: right;
	width: 170px;
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}
ul.ws_css_cb_menu li:hover>a {
	background-color:#fff;
	color: #000;
	border-color:#665500;
	border-style:solid;
	text-decoration:none;
}
ul.ws_css_cb_menu li a:hover {
	position:relative;
	background-color:#fff;
	color: #000;
	text-decoration:none;
	border-color:#665500;
	border-style:solid;
}
ul.ws_css_cb_menum li a:hover {
	background-color: #ffc000
}
ul.ws_css_cb_menu img {
	border: none;
	float:right;
	margin-right:4px;
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul img {
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}
ul.ws_css_cb_menu span {
	display:block;
	padding-right:11px;
	background-position:right center;
	background-repeat: no-repeat;
}
/* CSS for TABLE Tags for IE 6 and Lower START */
ul.ws_css_cb_menu li a table, ul.ws_css_cb_menu li a:hover table {
	border-collapse:collapse;
	margin:-4px 0px 0px -9px;
	border:0px;
	padding:0px;
}
ul.ws_css_cb_menu li a table tr td, ul.ws_css_cb_menu li a:hover table tr td {
	padding:40px;
	border:0px;
}
ul.ws_css_cb_menu li a table ul, ul.ws_css_cb_menu li a:hover table ul {
	border-collapse:collapse;
	padding:0px;
	margin:-4px 0px 0px -9px;
}
ul.ws_css_cb_menu ul span, ul.ws_css_cb_menu a:hover table span {
}
ul.ws_css_cb_menu table a:hover span, ul.ws_css_cb_menu table a:hover a:hover span, ul.ws_css_cb_menu table a:hover a:hover a:hover span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover table span, ul.ws_css_cb_menu table a:hover a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
/* CSS for TABLE Tags for IE 6 and Lower END */
/* CSS for All the Menus END */

/* Video Menu Starts - Our Second Menu, by using the above class - this is just to change the colors and the height, width of the menu */
ul.videoCssMenu {
	font-size: 13px;
	background-color:transparent;
	-moz-border-radius: 0px;
	-webkit-border:0px;
	border:0px;
        margin-top:-70px;
}
ul.videoCssMenu .videoMenuTitleImage {
	margin: -2px 0px 0px -2px;
	width:79px;
	height:10px;
}
ul.videoCssMenu ul {
	left:0px;
	background-color: white !important;
	width:280px;
	border-left:0px;
        opacity:1 !important;
}
ul.videoCssMenu li a {
	color:black;
background-color:transparent;
}
ul.videoCssMenu ul li a {
	color: black;
}
ul.videoCssMenu ul li {
	width:155px;
	float: left;
	height: 17px;
text-align:right;
}
ul.videoCssMenu li:hover>a, ul.videoCssMenu li a:hover {
	background-color:transparent;
	color:white;
}
ul.videoCssMenu li ul li:hover>a, ul.videoCssMenu li ul li a:hover {
	background-color:black;
	border-color:#fff;
	color:white;
       width:175px !important;
}