@charset "utf-8";
/* CSS Document */

body {margin:auto; padding:0 0 0 0; margin:0px; font-family:Verdana, Geneva, sans-serif; background-image:images/background.png; background-position:center top; background-repeat:no-repeat; background-color:#0557A0; background-attachment:fixed; font-size:12px;}
p, h1, h2, h3, h4, h5, ul, li, td, default {padding:0; margin:0;}
h1 {font-size:17px; font-family: Arial, Helvetica, sans-serif; color:#3399FF;}
li {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333;}






#pageWrap {width:950px;	 height:34px;}
.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(../images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}
#kwick1 a{
	background-image:url(../images/send.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick6 a{
	background-image:url(../images/end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick6 a:hover{
	background-position: right -120px; position:
}






.formtext {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#FFF;}
.searchText {border-width: 0px; color: #8AB08A; padding-left:0px; padding-right:0px; font-size:11pt; background-image: url(../images/inputbox.png); margin-left:3px; width:134px; height:20px; background-repeat:no-repeat;}
.toplink a{font-size:12px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none; padding:8px;}
.toplink a:hover{font-size:12px; font-family:Verdana, Geneva, sans-serif; color: #333; font-weight:; background-color: #fff1cc; padding:8px; border-bottom:solid; border-bottom-width:2px; border-bottom-color:#900;}
.normaltext {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; line-height:18px;}
.normaltext2 {font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#008000; line-height:16px;}




.anythingSlider                         { width: 630px; height: 260px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 550px; overflow: auto; height: 240px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #891515; border-bottom: 3px solid #891515; margin: 0; height:235px; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: auto; width: 550px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 20px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 240px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 240px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

*                                       { margin: 0; padding: 0; }


#page-wrap                              { width: 600px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }


#textSlide                              { padding: 10px 20px; padding-right:0px; }




.slidertext {font-size:12px; color:#666; font-family:Verdana, Geneva, sans-serif; line-height:18px;}
.slidersubhd {font-size:18px; color:#900; font-family:Helvetica, sans-serif;}
.sliderhd {font-size:20px; color:#030; font-family:Helvetica, sans-serif; font-weight:bold;}
.smallink a{font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; padding:5px; text-decoration:none;}
.smallink a:hover{font-size:12px; font-family:Verdana, Geneva, sans-serif; background-color: #900; padding:5px; color:#FFF; text-decoration:none;}
.normaltextlink a{font-size:12px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none;}
.normaltextlink a:hover{font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#900;  text-decoration:underline;}
.hd {font-size:15px; font-family:Helvetica, sans-serif; color:#17559E; font-weight:bold;}

.dotT{background: url("../images/dot2_79A4CE.gif") 0 0 repeat-x;display:block; float:left; width:940px; }
.dotB{background: url("../images/dot2_79A4CE.gif") 0 100% repeat-x;display:block;}
.dotL{background: url("../images/dot2_79A4CE.gif") 0 0 repeat-y;display:block;}
.dotR{background: url("../images/dot2_79A4CE.gif") 100% 0 repeat-y;display:block;}
.bLC{background: url("../images/h_blc.gif") 0 100% no-repeat;display:block;}
.bRC{background: url("../images/h_brc.gif") 100% 100% no-repeat;display:block;}
.tLC{background: url("../images/h_lc.gif") 0 0 no-repeat;display:block;}
.tRC{background: url("../images/h_rc.gif") 100% 0 no-repeat; padding:10px;display:block;}

.boxhd {font-size:16px; font-family:Helvetica, sans-serif; color: #FFF; font-weight:; text-indent:10px; font-weight: 900;}

div.sc_menu {  /* Set it so we could calculate the offsetLeft */  position: relative;  height: 145px;  width: 500px;  /* Add scroll-bars */  overflow: auto;}
ul.sc_menu {  display: block;  height: 110px;  /* Max width here, for users without Javascript */  width: 1500px;  padding: 5px 0 0 15px;  /* Remove default margin */  margin: 0;  background: url('navigation.png');  list-style: none;}
.sc_menu li {  display: block;  float: left;  padding: 0 10px;}
.sc_menu a {  display: block;  text-decoration: none;}
.sc_menu span {  /* We want a caption to display on the next line */  display: block;  margin-top: 3px;  text-align: center;  font-size: 12px;  font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333}



#container {width:340px; height:40px margin:0 auto;	position: relative; float:right; font-size:12px; font-family:Helvetica, sans-serif;}
#content {width:340px;}
a:link, a:visited {color:#27b;	text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border-width:0;}
#topnav {padding:10px 0px 12px;	font-size:12px;	line-height:23px; text-align:right;}
#topnav a.signin {background:#88bbd4; padding:4px 6px 6px; text-decoration:none; font-weight:bold;	color:#fff;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;	*background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;	*padding:4px 12px 6px;}
#topnav a.signin:hover {background:#59B; *background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;	*padding:4px 12px 6px;}
#topnav a.signin, #topnav a.signin:hover {	*background-position:0 3px!important;}
a.signin {position:relative; margin-left:3px;}
a.signin span {background-image:url("../images/toggle_down_light.png");	background-repeat:no-repeat; background-position:100% 50%; padding:4px 16px 6px 0;}
#topnav a.menu-open {background:#ddeef6!important;	color:#666!important; outline:none;}
#small_signup {display:inline;	float:none;	line-height:23px;	margin:25px 0 0;	width:170px;}
a.signin.menu-open span {background-image:url("../images/toggle_up_dark.png");	color:#789;}

#signin_menu {-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;	-webkit-border-bottom-left-radius:5px;	-webkit-border-bottom-right-radius:5px;	display:none;	background-color:#ddeef6;	position:absolute; width:210px;	z-index:100;
	border:1px transparent;	text-align:left; padding:12px;	top: 24.5px; right: 0px; margin-top:5px;margin-right: 0px;*margin-right: -1px;color:#789;font-size:11px;}
#signin_menu input[type=text], #signin_menu input[type=password] {display:block; -moz-border-radius:4px; -webkit-border-radius:4px;	border:1px solid #ACE;	font-size:13px;
	margin:0 0 5px;	padding:5px; width:203px;}
#signin_menu p {margin:0;}
#signin_menu a {color:#6AC;}
#signin_menu label {font-weight:normal;}
#signin_menu p.remember {padding:10px 0;}
#signin_menu p.forgot, #signin_menu p.complete {clear:both;	margin:5px 0;}
#signin_menu p a {color:#27B!important;}
#signin_submit {-moz-border-radius:4px;	-webkit-border-radius:4px;	background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;	border:1px solid #39D;
	color:#fff;	text-shadow:0 -1px 0 #39d;	padding:4px 10px 5px;	font-size:11px;	margin:0 5px 0 0;	font-weight:bold;}
#signin_submit::-moz-focus-inner {padding:0; border:0;}
#signin_submit:hover, #signin_submit:focus {background-position:0 -5px;	cursor:pointer;}
.tipsy-inner {padding:10px 15px; line-height:1.5em;	font-weight:bold;}
.tipsy {opacity:.8; filter:alpha(opacity=80); background-repeat:no-repeat;	padding:5px;}
.tipsy-inner {padding:8px 8px;	max-width:200px;font:11px 'Lucida Grande', sans-serif;	font-weight:bold;	-moz-border-radius:4px;	-khtml-border-radius:4px;	-webkit-border-radius:4px;	border-radius:4px;	background-color:#000;	color:white;	text-align:left;}
.tipsy-north {background-image:url(images/tipsy-north.gif);	background-position:top center;}
.tipsy-south {background-image:url(images/tipsy-south.gif);	background-position:bottom center;}
.tipsy-east {background-image:url(images/tipsy-east.gif); background-position:right center;}
.tipsy-west {background-image:url(images/tipsy-west.gif); background-position:left center;}

.bottamhd {font-size:13px; font-family:Helvetica, sans-serif; color: #333; font-weight:bold;}
.bottamtextlink a{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #333; text-decoration:none; line-height:18px;}
.bottamtextlink a:hover{font-size:11px; font-family:Verdana, Geneva, sans-serif; color: #999; line-height:18px; text-decoration:none;}
a:visited { color:;}
.bottamtext {font:12px Verdana, Geneva, sans-serif; color: #868686; line-height:18px;}


.clear{clear: both;	height: 0;	visibility: hidden;	display: block;}
a{	text-decoration: none;}
#container1{width: 930px; height:auto; background-color:#FFF; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#container1 ul{list-style: none; list-style-position: outside;}
#container1 ul.menu li{	float: left; margin-right: 5px;	margin-bottom: -1px;}
#container1 ul.menu li{font-weight: 700;display: block;padding: 5px 10px 5px 10px;background: #efefef; margin-bottom: -1px;	border: 1px solid #d0ccc9; border-width: 1px 1px 1px 1px; position: relative; color: #898989;	cursor: pointer;}
#container1 ul.menu li.active{	background: #fff;	top: 1px;	border-bottom: 0;	color: #5f95ef;}
.data{	margin: 0pt auto; background: #efefef; background: #fff; border: 1px solid #d0ccc9;	text-align: left;	padding: 10px;	padding-bottom: 20px;	font-size: 11px;}
.data h1{line-height: 1em;	vertical-align: middle;	height: 48px; padding: 10px 10px 10px 52px;	font-size: 32px; }
.data.news h1{background: transparent url(../images/news.jpg) no-repeat scroll left top;}
.data.news{	display: block;}
.data.tutorials h1{	background: transparent url(../images/tuts.jpg) no-repeat scroll left top;}
.data.tutorials{display: none;}
.data.links h1{background: transparent url(../images/links.jpg) no-repeat scroll left top;}
.data.links{display: none;}
.data.links a{color: #5f95ef;}


.t3 {background: url(../images/dot3.gif) 0 0 repeat-x; width:300px;}
.b3 {background: url(../images/dot3.gif) 0 100% repeat-x}
.l3 {background: url(../images/dot3.gif) 0 0 repeat-y}
.r3 {background: url(../images/dot3.gif) 100% 0 repeat-y}
.bl3 {background: url(../images/bl3.gif) 0 100% no-repeat}
.br3 {background: url(../images/br3.gif) 100% 100% no-repeat}
.tl3 {background: url(../images/tl3.gif) 0 0 no-repeat}
.tr3 {background: url(../images/tr3.gif) 100% 0 no-repeat; padding:10px}




pre {font-size:1.2em; line-height:1.2em; overflow-x: auto;}
div#page {width:950px; background-color:#fff; margin:0 auto; text-align:left;}
div#containers {padding:20px;}
div#ads {clear:both; padding:12px 0 12px 66px;}
div.content {display:none; float:right;	width:550px;}
div.content a, div.navigation a {text-decoration:none; color:#777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top:5px; height:23px;}
div.controls a {padding:5px;}
div.ss-controls {float:left;}
div.nav-controls {float:right;}
div.slideshow-container {position:relative;	clear: both; height:502px;}
div.loader {position: absolute;	top: 0;	left:0;	background-image:url('../images/loader.gif'); background-repeat:no-repeat; background-position:center; width:550px;	height: 502px;}
div.slideshow {}
div.slideshow span.image-wrapper {display:block; position:absolute;	top:0; left:0;}
div.slideshow a.advance-link {display: block; width:550px; height:502px; line-height:502px;	text-align:center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #ccc;}
div.download {float: right;}
div.caption-container {position: relative; clear:left;	height:75px;}
span.image-caption {display:block;	position:absolute; width:550px;	top:0; left:0;}
div.caption {padding:12px;}
div.image-title {font-weight:bold; font-size:1.4em;}
div.image-desc {line-height:1.3em; padding-top:12px;}
div.navigation {}
ul.thumbs {clear:both; margin:0; padding:0;}
ul.thumbs li {float:left; padding:0; margin: 5px 10px 5px 0; list-style:none;}
a.thumb {padding:2px; display:block; border:1px solid #ccc;}
ul.thumbs li.selected a.thumb {background:#000;}
a.thumb:focus {outline:none;}
ul.thumbs img {border:none;	display:block;}
div.pagination {clear:both;}
div.navigation div.top {margin-bottom:12px;	height:11px;}
div.navigation div.bottom {margin-top:12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:block;	float:left;	margin-right:2px; padding:4px 7px 2px 7px; border: 1px solid #ccc;}
div.pagination a:hover {background-color:#eee; text-decoration:none;}
div.pagination span.current {font-weight:bold; background-color:#000; border-color:#000; color:#fff;
}
div.pagination span.ellipsis {border: none;	padding: 5px 0 3px 2px;}
.box1 {padding:3px;	border-width:thin; border-style:solid; border-color: #CCCCCC #666666 #666666 #CCCCCC; width:150px;}
.box2 {border-width:3px; border-style: solid; padding:5px;}
.tab a { background-image: url(../images/tab.png); height:40px; width:114px; float:left; margin-left:15px; text-align:center; font-size:14px; font-family:Helvetica, sans-serif; color:#666; text-decoration:none; font-weight:bold; }
.tab a:hover { background-image:url(../images/tabover.png); height:40px; width:114px; background-position: 0 bottom;}



div.navigations{ width:auto; height:34px; margin-left:0px;}
div.navigations ul{list-style:none; margin-left:}

.simple a{outline:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; float:left; text-decoration:none; font-weight: 900; margin-left:23px; padding:8px; font-weight:0; padding:10px 25px 10px 25px;}
#selected{outline:none;  font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000000; float:left; text-decoration:none; font-weight:; padding:10px 25px 10px 25px; }
.simple a:hover{outline:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000000; float:left; text-decoration:none; font-weight:;  padding:10px 25px 10px 25px;}
.simple a:visited{outline:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; float:left; text-decoration:none; font-weight:; padding:10px 25px 10px 25px;}






.gallarybox {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

.navigationTabs {
	height: 23px;
	line-height: 23px;
	border-bottom: 1px solid #ccc;
}
.navigationTabs li {
	float: left;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
}
.navigationTabs li a{
	float: left;
	dispaly: block;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	overflow: hidden;
	color: #52697E;
	background-color: #eee;
	position: relative;
	text-decoration: none;
}
.navigationTabs li a:hover {
	background-color: #f0f0f0;
}
.navigationTabs li a.active {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
}
.tabsContent {
	border: 1px solid #ccc;
	border-top: 0px solid;
	width: 948px;
	overflow: hidden;
}
.tabb {
	padding: 16px;
	display: none;
}

.tabb pre {
	font-size: 11px;
	margin-top: 20px;
	width: 668px;
	overflow: auto;
	clear: both;
}
.tabb table {
	width: 100%;
}
.tabb table td {
	padding: 6px 10px 6px 0;
	vertical-align: top;
}
.tabb dt {
	margin-top: 16px;
}
.lightsGal,
.bwGal,
.customGal {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
    cursor: url(../images/zoomin.cur), default;
}























pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}




div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

















div.contentt {
	border: #48f solid 1px;
	clear: left;
	padding: 1em; width:910px; margin-top:-10px;
}

ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	background: url(../images/tabs.gif) 100% 0;
	color: #008;
	float: left;
	line-height: 2em;
	outline: none;
	padding-right: 10px;
	text-decoration: none;
}

ol#toc li.current {
	background-color: #48f;
	background-position: 0 -60px;
}

ol#toc li.current a {
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
}

ol#toc li {
	background: #bdf url(../images/tabs.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 10px;
}


    div#rotator {
	position:relative;
	
	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px solid #ccc;
	padding: 4px;
	
}
    div#rotator ul li.show {
	z-index:500
}