body {
   margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(images/body-bg.jpg) no-repeat 50% 0;
}
img {border:none;}
.form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle;}
/*start main*/
#main {margin: 0 auto;width: 960px;}
/*start header*/
#header {
	height: 166px;
	width: 960px;
	position: relative;
	background: url(images/header-bg.jpg) no-repeat;
}
#header .logo {
	position: absolute;o
	top: 40px;
	left: 0;
	width: 403px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
/*start top navigation*/
#top-nav {
	position: absolute;
	top: 139px;
	left: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
}
#top-nav li {float: left;margin: 0 3px 0 0;}
#top-nav li a {
	float: left;
	background: url(images/top-nav-link-bg.gif) no-repeat;
	width: 97px;
	height: 22px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#top-nav li a:hover, #top-nav li a.active {color: #e7fc88;}
#header .form {
	position: absolute;
	top: 126px;
	right: 12px;
	width: 320px;
}
#header .form .text-input {
	float: left;
	width: 272px;
	font-size: 26px;
	color: #fff;
	padding: 0;
	background: none;
	border: 0;
}
#header .form .btn {
	float: left;
	background: url(images/search-btn.gif) no-repeat;
	width: 38px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 10px;
}
/*start content*/
#content {
	overflow: hidden;
	width: 960px;
	background: url(images/content-bg2.gif) repeat-y;
}
#content-inner {
	float: left;
	background: url(images/content-bg1.gif) no-repeat;	
	width: 960px;
}
#content-inner .holder {
	float: left;
	width: 960px;
	min-height: 1155px;
	padding: 0 0 28px 0;
	background: url(images/content-bottom-bg.gif) no-repeat 0 100%;
}
* html #content-inner .holder  {height: 1855px;}
/*start gallery*/
.gallery {
	width:930px;
	height:186px;
	border: 3px solid #21212b;
	margin: 5px 0 0 12px;
	overflow:hidden;
}
.gallery h1 {margin: 5px 0 0 9px;font-size: 20px;color: #fff;}
.gallery .link-prev, .gallery .link-next  {
	float: left;
	background: url(images/arrow-left.gif) no-repeat;
	width: 17px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 54px 19px 0 16px;
}
.gallery a.link-next {
	float:right;
	background: url(images/arrow-right.gif) no-repeat;
	margin: 54px 13px 0 0;
}
.gallery ul a {float:left;width:92px;height:137px;overflow: hidden;}
.gallery a.disable {background:#666;}
.gallery div {
	float: left;
	width: 828px;
	overflow:hidden;
	height:150px;
	position:relative;
}
.gallery div ul {
	position:absolute;
	width:9999px;
	padding:0;
	margin:0;
	list-style:none;
	top:5px;
	left:0;
	overflow: hidden;
}
.gallery div ul li {
	float:left;
	width:92px;
	height: 137px;
	padding:1px;
	border: 1px solid #02212e;
	margin: 0 8px 0 0;
}
.gallery div ul li img {float: left;}
/*start left column*/
#column {
	float: left;
	width: 401px;
	padding: 7px 0 0 12px;
}

/*start box 1*/
#column .box1 {
	float: left;
	width: 393px;
	height: 184px;
	padding: 1px;
	position: relative;
	background-color: #000;
	color:#FFF;
	border: 3px solid #21212b;
}
#column .box1 img {float: left;}
#column .box1 .title {
	position: absolute;
	bottom: 2px;
	left: 2px;
	width: 391px;
	height: 33px;
}
#column .box1 .title a {
	float: left;
	width: 381px;
	height: 33px;
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	padding: 0 0 0 10px;
	text-decoration: none;
	background: url(images/title-bg.png) no-repeat;
	cursor: pointer;
}
/*start box 2*/
#column .box2 {
	float: left;
	width: 401px;
	margin: 7px 0 0;
	background: url(images/box2-bg.gif) repeat-y;
}
#column .box2 .box-2-inner {
	float: left;
	width: 401px;
	background: url(images/box2-bg2.gif) no-repeat;
}
#column .box2 .box-2-inner .box-2-inner2 {
	float: left;
	width: 401px;
	background: url(images/box2-bg3.gif) no-repeat 0 100%;
	padding: 3px 0 30px 0;
}
/*start sub box*/
#column .box2 .sub-box {
	float: left;
	width: 394px;
	background: #140d17 url(images/sub-box-bg1.gif) no-repeat;
	margin: 0 0 0 3px;
	color:#FFF;
	display: inline;
}
#column .box2 .sub-box .sub-box-inner {
	float: left;
	width: 394px;
	padding: 8px 0; 
	background: url(images/sub-box-bg2.gif) no-repeat 0 100%;
}
.sub-box-inner A:link {
	color:#568AB7;
	text-decoration:none;
	text-transform:lowercase;
}
.sub-box-inner A:visited {
	color:#FFF;
}
.sub-box-inner A:active {
	color:#FFF;
}
.sub-box-inner A:hover {
	color:#AFE9C5;
	text-decoration:underline;
	text-transform:capitalize;
}
#column .box2 .sub-box h2 {
	margin: 0 0 0 15px;
	font-size: 20px;
	color: #fff;
}
#column .box2 .sub-box .register-link {
	float: right;
	color: #e7fc88;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 18px 0 0;
}
#column .box2 .sub-box .register-link:hover {text-decoration: underline;}
#column .box2 .sub-box .form {
	float: left;
	width: 372px;
	margin: 0 0 0 14px;
	display: inline;
}
#column .box2 .sub-box .form .text-input2 {
	float: left;
	width: 372px;
	height: 37px;
	margin: 8px 0 0;
	background: url(images/text-input2-bg.gif) no-repeat;
}
#column .box2 .sub-box .form .text-input2 input {
	float: left;
	margin: 10px 0 0 14px;
	display: inline;
	width: 352px;
	border: 0;
	font-size: 14px;
	color: #718198;
}
#column .box2 .sub-box .form .bottom {float: left;width: 372px;padding: 12px 0 5px 0;}
#column .box2 .sub-box .form .check {
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px 0 0;
}
#column .box2 .sub-box .form label {float: left;font-size: 12px;color: #fff;padding: 2px 0 0 9px;}
#column .box2 .sub-box .form .submit {
	float: right;
	width: 62px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/submit-btn.gif) no-repeat;
}
#column .box2 .sep {
	float: left;
	width: 401px;
	height: 13px;
	overflow: hidden;
	background: url(images/box2-sep.gif) no-repeat;
}
#column .box2 .quotes {float: left;padding: 0 0 0 14px;}
#column .box2 .quotes img {float: left;}
#column .box2 .title {
	float: left;
	padding: 4px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #4d4d4d;
}
#column .box2 .title a {color: #afe9c5;text-decoration: none;}
#column .box2 .title a:hover {text-decoration: underline;}
#column .box2 .text-area {
	float: left;
	width: 360px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}
#column .box2 .text-area p {margin: 6px 0 0;}
#column .box2 .text-area p a {color: #e7fc88;text-decoration: none;}
#column .box2 .text-area p a:hover {text-decoration: underline;}
#column .box2 .table {
	float: left;
	width: 340px;
	font-size: 17px;
	line-height: 16px;
	margin: 19px 0 0 19px;
	display: inline;
}
#column .box2 .table .c1 {width: 224px;color: #517f82; text-align: right; padding-right: 12px;}
#column .box2 .table.second .c1 {color: #e7fc88;}
#column .box2 .table .c2 {width: 94px;color: #fff;}
#column .box2 .download {
	float: right;
	width: 95px;
	height: 169px;
	background: #000 url(images/download-bg.gif) no-repeat;
	margin: 10px 29px 0 0;
	display: inline;
}
#column .box2 .download h3 {
	margin: 8px 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
#column .box2 .download .img {float: left;margin: 7px 0 0 2px;}
#column .box2 .schedule {float: left;padding: 18px 0 20px 72px;}
#column .box2 .banner {float: left;margin: 10px 0 11px 18px;}
#column .box2 .links {
	float: left;
	width: 375px;
	padding: 18px 0px 0px 24px;
	font-size: 22px;
	color: #909496;
}
#column .box2 .links a {
text-decoration: none;
font-size: 14px;
font-weight: none;
color: #CCCCCC;
letter-spacing: -1px;
display: block;
}
#column .box2 .links a:hover {text-decoration: underline;}
#column .box2 .banner2 {float: left;margin: 0 0 0 83px;}
/*start right column*/

#column2 {
	float: left;
	width: 526px;
	margin: 7px 0 0 9px;
	overflow: hidden;
	display: inline;
}

/*start box 3*/
#column2 .box3 {
	float: left;
	width: 520px;
	height: 232px;
	padding: 3px;
	background: url(images/box3-bg.gif) no-repeat;
}
#column2 .box3 .box3-inner {
	float: left;
	width: 514px;
	overflow: hidden;
	margin: 1px 0 0;
}
/*start links*/
#column2 .box3 .links {
	float: left;
	margin: 10px 0 0 6px;
	padding: 0 0 14px 0;
	display: inline;
}
#column2 .box3 .links a {
	float: left;
	width: 176px;
	height: 33px;
	margin: 4px 2px 0 0;
	padding: 16px 0 0 76px;
	background: url(images/link1.gif);
	text-decoration: none;
}
#column2 .box3 .links a.link2 {background: url(images/link2.gif);}
#column2 .box3 .links a.link3 {background: url(images/link3.gif);}
#column2 .box3 .links a.link4 {background: url(images/link4.gif);}
#column2 .box3 .links a.link5 {background: url(images/link5.gif);}
#column2 .box3 .links a.link6 {background: url(images/link6.gif);}
#column2 .box3 .links a.link7 {background: url(images/link7.gif);}
#column2 .box3 .links a.link8 {background: url(images/link8.gif);}
#column2 .box3 .links a:hover {background-position: 0 100%;}
#column2 .box3 .links a span {
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
#column2 .box3 .links a span.number {color: #146c91;float: right;margin: 0 32px 0 0;}
/*start box 4*/
#column2 .box4 {
	float: left;
	width: 525px;
	margin: 7px 0 0;
	padding: 0 0 0 1px;
	background: url(images/box4-bg.jpg) no-repeat;
}
#column2 .box4 h2 {
	margin: 0 0 0 17px;
	padding: 12px 0 15px 0;
	font-size: 20px;
	color: #568ab7;
	font-weight: bold;
}
#column2 .box4 ul {
	float: right;
	list-style: none;
	padding: 20px 0 0;
	margin: 0;
	font-size: 11px;
	color: #fff;
}
#column2 .box4 ul li {float: left;padding: 0 12px 0 0;}
#column2 .box4 ul a {text-decoration: none;color: #fff;}
#column2 .box4 ul a:hover {color: #e7fc88;}
#column2 .box4 ul a.first {color: #c8c8c8;}
#column2 .box4 ul a.first:hover {color: #e7fc88;}
#column2 .box4 h3 {
	clear: both;
	margin: 8px 0 0;
	font-size: 20px;
	line-height: 30px;
	color: #afe9c5;
	padding: 0 0 0 16px;
	background: url(images/box4-title-bg.gif) no-repeat;
}
#column2 .box4 h3.red {color: #eb0a0a;}
#column2 .box4 .list-pic {
	float: left;
	list-style: none;
	padding: 7px 0 0 11px;
	margin: 0;
	/*border: 1px solid red;*/
	width: 110%;
	text-align: right;
}
.bigbutton{
	width: 170px;
	height: 60px;
	padding: 8px 20px 8px 20px;
	font-size: 32px;
	letter-spacing: -2px;
	color:#333333;
	position: relative; 
	left: -100px;
}
#column2 .box4 .list-pic li {
	float: left;
	border: 1px solid #02212e;
	padding: 1px;
	margin: 0 9px 0 0;
}
#column2 .box4 .list-pic li.last {margin: 0;}
#column2 .box4 .list-pic li img {float: left;}
#column2 .box4 .video-list {
	float: left;
	list-style: none;
	padding: 10px 0 0 12px;
	margin: 0;
}
#column2 .box4 .video-list li {
float: left;padding: 0 0 1px 0;}
#column2 .box4 .video-list a {
	float: left;
	width: 496px;
	height: 38px;
	background: url(images/video-links-bg.gif) no-repeat;
	padding: 6px 0 0 15px;
}

#column2 .box4 .video-list a:hover {background-position: 0 100%;}
#column2 .box4 .video-list span {cursor: pointer;}
#column2 .box4 .video-list span.title {
	float: left;
	color: #fff;
	font-size: 15px;
	letter-spacing: -1px;
	width: 378px;
	margin-left: 18px;
}
#column2 .box4 .video-list span.title b {
	/*color: #e7fc88;*/
	background-color: #27313c;
}
#column2 .box4 .video-list a:hover span.title {color: #e7fc88;}
#column2 .box4 .video-list span.mb {color: #304659;}
#column2 .box4 .video-list a:hover span.mb {color:  #4b677f;}
#column2 .box4 .video-list .date {
	float: left;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 16px;
	margin-top: -3px;
	margin-left: 22px;
}
#column2 .box4 .video-list a:hover .date {color: #d6d6d6;}
#column2 .box4 .video-list span.kbs {
	float: right;
	width: 95px;
	height: 30px;
	line-height: 30px;
	color: #a3b2b8;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#column2 .box4 .video-list .sublink{
	display: none;
	visibility: hidden;
}


#column2 .box4 .more {
	float: left;
	width: 511px;
	height: 24px;
	color: #afe9c5;
	font-size: 12px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	background: url(images/more-bg.gif) no-repeat;
	margin: 0 0 6px 0;
}

#column2 .box4 .more:hover {text-decoration: underline;}
#column2 .box4 .step {float: left;width: 510px;padding: 0 0 19px 13px;}
#column2 .box4 .step h4 {margin: 10px 0 0;font-size: 20px;color: #63bdf7; letter-spacing: -1px;}
#column2 .box4 .step h4 strong {padding-left: 8px; font-size: 16px; font-weight: normal; color: #ffffff;}
#column2 .box4 .step p {margin: 13px 0 0;font-size: 12px;color: #fff;}
#column2 .box4 .step .form {float: left;width: 510px;padding: 0;}
#column2 .box4 .step ul#step-list {
	float: left;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	font-size: 15px;
	width: 510px;
}
#column2 .box4 .step ul#step-list li {float: left;width: 510px;padding: 2px 0 0;}
#column2 .box4 .step ul#step-list li .server {
	float: left;
	width: 285px;
	font-size: 16px;
	color: #e7fc88;
	font-weight: bold;
}
#column2 .box4 .step ul#step-list li {float: left;width: 510px;padding: 2px 0 0;}
#column2 .box4 .step ul#step-list li .location {
	float: left;
	width: 126px;
	font-size: 16px;
	color: #e7fc88;
	font-weight: bold;
	text-align: center;
}
#column2 .box4 .step ul#step-list li .slots {
	float: left;
	width: 99px;
	font-size: 16px;
	color: #e7fc88;
	font-weight: bold;
	text-align: center;
}
#column2 .box4 .step ul#step-list li {cursor: pointer;}
#column2 .box4 .step ul#step-list li.col {
	float: left;
	background: url(images/video-links-bg_old.gif) no-repeat;
	width: 510px;
	height: 46px;
	
}
#column2 .box4 .step ul#step-list li.col:hover, #column2 .box4 .step ul#step-list li.col.hover {background-position: 0 100%;}
#column2 .box4 .step ul#step-list li.col .radio {
	float: left;
	width: 14px;
	height: 14px;
	margin: 12px 0 0 17px;
	display: inline;
}
#column2 .box4 .step ul#step-list li.col label {
cursor: pointer;
	float: left;
	width: 221px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	padding: 12px 0 0 15px;
	line-height: 15px;
}
#column2 .box4 .step ul#step-list li.col:hover label, #column2 .box4 .step ul#step-list li.col.hover label {color: #e7fc88;}
#column2 .box4 .step ul#step-list li div.location {padding: 10px 0 0;}
#column2 .box4 .step ul#step-list li .location span {font-size: 15px;color: #fff;margin: 12px 0 0;}
#column2 .box4 .step ul#step-list li:hover .location span, #column2 .box4 .step ul#step-list li.hover .location span {color: #304659;}
#column2 .box4 .step ul#step-list li div.slots {
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #a3b2b8;
}
#column2 .box4 .step ul#step-list li div.slots b{
	font-size: 12px;
}
#column2 .box4 .step .bottom {
	float: right;
	width: 238px;
	padding: 11px 4px 0 0;
}
#column2 .box4 .step .bottom a.btn {
	float: right;
	background: url(images/submit-btn.gif) no-repeat;
	width: 62px;
	height: 19px;
	text-indent: -99999px;
	overflow: hidden;
	margin: 16px 0 0;
}
#column2 .box4 .step .bottom .side {
	float: left;
	width: 95px;
	text-align: center;
	margin: 0 0 0 24px;
	display: inline;
}
#column2 .box4 .step .bottom .side img {float: left;}
#column2 .box4 .step .bottom .side span {
	float: left;
	color: #bfc0a5;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 6px 0;
}
#column2 .box4 .step .bottom .side label {
	font-size: 11px;
	line-height: 16px;
	color: #a3b2b8;
	padding: 0 0 6px 0;
}
#column2 .box4 .step .bottom .side .text-input4 {
	float: left;
	border: 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	width: 93px;
	text-align: center;
	padding: 8px 0;
}
#column2 .box4 .text-area2 {float: left;padding: 0 0 0 18px;}
#column2 .box4 .text-area2 h4 {margin: 12px 0 0;font-size: 20px;color: #63bdf7;}
#column2 .box4 .text-area2 p {margin: 14px 0 0;font-size: 12px;color: #fff;}
#column2 .box4 .form {float: left;padding: 0 0 0 17px;width: 506px;}
#column2 .box4 .form label {
	float: left;
	font-size: 12px;
	line-height: 37px;
	color: #e7fc88;
}
#column2 .box4 .form div.cel {float: left;width: 505px;padding: 0 0 8px 0;}
#column2 .box4 .form .text-input3 {
	float: right;
	width: 372px;
	height: 38px;
	background: url(/images/text-input3-bg.gif) no-repeat;
}
#column2 .box4 .form .text-input3 input {
	float: left;
	width: 358px;
	height: 24px;
	font-size: 15px;
	color: #000;
	border: 0;
	padding: 0;
	margin: 6px 0 0 5px;
	padding: 3px 0px 0px 5px;
	display: inline;
}
#column2 .box4 .form .btn {
	float: right;
	width: 62px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/submit-btn.gif) no-repeat;
}
#column2 .box4 .alert {
	
	letter-spacing: -1px;
	float: left;
	width: 430px;
	margin: 13px 0 0 19px;
	display: inline;
	padding: 0 0 0 55px;
	background: url(/images/mark.gif) no-repeat;
}
#column2 .box4 .alert p {margin: 0;font-size: 16px;color: #fff;}
#column2 .box4 .alert p a {color: #498bb5;text-decoration: none;font-weight: bold;}
#column2 .box4 .alert p a:hover {text-decoration: underline;}

#column2 .box4 .notify {
	float: left;
	width: 430px;
	margin: 13px 0 0 14px;
	display: inline;
	padding: 0 0 0 40px;
	background: url(/images/check.gif) no-repeat;
	
}
#column2 .box4 .notify p {color: #9ADCC0; margin: 0;font-size: 12px;}
#column2 .box4 .notify p a {color: #F3F5AF; text-decoration: none;font-weight: bold;}
#column2 .box4 .notify p a:hover {text-decoration: underline;}


/*start footer*/
#footer {width: 960px;padding: 15px 0 0;}
#footer p {
	margin: 0 7px 21px 0;
	font-size: 11px;
	color: #b1b1b1;
	text-align: right;
}
#footer p a {color: #e7fc88;}
#footer p a:hover {text-decoration: none;}

h1{
	font-size: 28px;
	letter-spacing: -1px;
	color:#CCCCCC;
	margin-left: 30px;
	border-bottom: 1px solid #333333;
	margin-bottom: 8px;
}


.dlinks a:link{
	text-decoration: none;
	color: #e7fc88;
	font-size: 12px;
}

.dlinks a:visited{
	color:#A5BD80;
}

.linkcode{
	background= white;
	border: 1px solid #321346;
	font-size: 10px;
	overflow: scroll;
	color: #E2F3BC;
}

.linkcode span{
	color: red;
}

.examplelink{
	text-decoration: none;
	color: #0099FF;
	font-size: 11px; 
	margin: 10px 0px 20px 30px;
}

.showonly {
	font-size: 11px;
}

.showonly a{
	text-decoration: none;
	color: #C4B8E4;
	margin: 2px 8px 2px 8px;
}

.showonly .showing{
	background-color: #634B7E;
}

.statstable{
	width: 440px;
	color: #CCCCCC;
}

.statstable td,th{
	text-align: center;
}

.statstable .sub{
	display: block;
	font-size: 11px;
}

.server .sub{
	color: #CCCCCC;
	font-size: 10px;
	margin: 0px 0px 0px 14px;
}

.keywords{
	clear: both;
	padding: 60px 8px 20px 30px;
	width: 469px;
}

.keywords .keywordtitle{
	font-size: 20px; 
	letter-spacing: -1px;
	color: #CCCCCC;
}

.keywords .keywordlinks{
	display: block;
	width: 480px;
	padding: 0px 20px 0px 20px;
}

.keywords .keywordlinks a{
	display: inline;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	float: none;
}
.keywords .keywordlinks a:hover{
	background-color: #999999;
	color: #000000;
}

.program{
	color: #666666;
	font-size: 10px;
	margin-right: 4px;
}