body {
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#000;
	background:url(images/bg-header.gif) repeat-x;
	/*background:#fff;*/
	margin:0;
	font-size: 15px;
	color:#333;
}
a:link { 
	color: #483D8B;
	text-decoration: none;
	}
a:visited { 
	color: #9400D3;
	text-decoration: none;
	
	}
a:hover { 
	color: #4B0082;
	background-color: #DAA520;
	text-decoration: none;
	}
a:active { 
	color: #333333;
	text-decoration: none;
	}


h1, h2, h3, h4 {
	margin: 5px 0;
	padding: 5px 0;
	clear: both;
}
h1 {
	font: normal 1.6em "Trebuchet MS", Tahoma, Arial;
}
h2 {
	font-size: 1.2em;
}
h2 a{
	padding-right: 5px;
	color: #fff;
}
#content-explorer h2 {
	margin-bottom: 5px;
}
h3.handler {
	color: #0060cc;
	text-decoration: underline;
	cursor:pointer;
}
.hr { 
	height: 1px; 
	background: #fff url(images/dash.gif) repeat-x; 
	border: none; 
	margin: 3px 0; 
	display:block; 
	clear:both; 
	padding: 0; 
}
#main h2.handler img {
	margin: 0 10px -2px 5px;
	text-decoration: none;
}
.content h2 {
	background: url(images/h2_bg.gif) repeat-x;
	color: #fff;
	padding: 5px 0 0 5px;
	margin: 0;
	height: 32px;
}
h3 {
	font-size: 1.1em;
}
#videos h3, #tutorials h3 {
	clear:none;
}
h1 small  {
	font-size: 0.6em;
}
h4 {
	font-size: 1em;
}
#home h1 {
	position: absolute;
	top: -9999px;
}
#main ul.listnone li, ul.listnone li{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.listreset, .content ul.listnone {
	margin: 0;
	padding: 0;
}
.col30, .col40, .col50, .col60, .col70 {
	float: left;
}
.col70, .col60, .col50 {
	margin-right: 2%;
}
#events .col40 {
	margin-right: 2%;
	width: 36%;
}
.col30 {
	width: 29%;
	margin: 0 1% 0 2%;
}
.col40 {
	width: 39%;
}
.col50 {
	width: 47%;
}
.col60 {
	width: 57%;
}
.col70 {
	width: 67%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center, img.center {
	text-align: center;
	margin: 0 auto;
	display: block;
}
img.center, ul.videolist small, ul.videolist span  {
	display: block; 
}
.container .bg_none {
	background: none;
}
.txtright {
	text-align: right;
}
.clear{
	clear: both;
}
.clearblock {
	float: left;
	width: 100%;
	clear: both;
}
.even {
	background: #f8f8f8;
}

/*-----------Pagination-----*/
ul.pagination {
	margin: 0 auto;
	padding: 0;
	float: right;
}
ul.pagination li {
	float: left;
	border: 1px solid #ccc;
	list-style: none;
	margin-right: 1px;
}
ul.pagination li a{
	text-decoration: none;
	display: block;
	padding: 0 5px;
	background: #f0f0f0;
}
ul.pagination li a:hover {
	background: #37475b;
	text-decoration: none;
	color: #fff;
	padding: 0 5px;
}
ul.pagination li.active{
	color: #fffc00;
	background: #37475b;
}
ul.pagination li.active{
	padding: 0 5px;
}
/*-----------------Form----------------*/
#main ul.form {
	font-size: 0.9em;
}
#main ul.form li{
	clear: both;
	width: 100%;
	margin: 2px 0;
}
#main ul.form li input{
	width: 140px;
}
#main ul.form li em {
	float: left;
	text-align: right;
	width: 100px;
	font-style: normal;
	margin-right: 5px;
}
body #main ul.form li input.btn, body .content input.btn, body ul.contactform li input.btn {
	width: auto;
	height: auto;
}

/*-----------------Left Column----------------*/
.leftnav {
	background: url() repeat-y;
	margin:0;
	float: left;
	padding: 0 0 0 10px ;
	width: 50px;
}
.leftnav h2 {
	margin: 0;
	background: url(images/leftnav_h2_bg.gif) repeat-x;
	height: 29px;
	width: 201px;
	padding: 12px 0 0 5px;
	color: #fff;
	border-bottom: 1px solid #334050;
}
#main .leftnav ul{
	margin: 0;
	padding: 0;
}
#main .leftnav li {
	width: 200px;
}
#main .leftnav li a {
	background: #5b97ba url(images/leftnav_a.gif) no-repeat;
	display: block;
	padding: 4px 0 4px 25px;
	border-bottom: 1px solid #46748e;
	border-top: 1px solid #66a9d1;
	color: #fff;
	text-decoration: none;
	height: 21px;
	width: 175px;
}
#main .leftnav li a:hover {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background-position: left bottom;
	color: purple;
}



/*-----------Tabs-------------*/
ul.tabs{
	float: left;
	margin: 0;
	padding: 0;
}
ul.tabs li a, ul.tabs li{
	color: #fff;
	text-align: center;
	padding: 9px 0;
	margin: 0 2px 0 0;
	float: left;
	text-decoration: none;
}
ul.tabs li a{
	background: #2f4158 url(images/tab.gif) right bottom;
	width: 154px;
}
ul.tabs li a:hover, #content-explorer ul li.selected a{
	background: #2f4158 url(images/tab.gif) right top;
	color: #fffc00;
}
.yui-content {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}