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

/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 330px;height: 159px;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {
	margin: 0;
	line-height: 135%;
	background:url(../images/main-bg.jpg) repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}
h1 {
	color:#000066;
	font-size:22px;
	padding-left:20px;
	line-height:160%
}

h2 {
	color:#000066
}
p {
	padding-left: 20px;
	padding-right: 20px;
	color:#000099;
}
#main-wrapper {width:920px; margin-left: auto; margin-right: auto;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative; width:920px; margin-left: auto; margin-right: auto;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}
.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 150px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 150px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 150px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 150px;line-height: 30px;}
.roktabs-wrapper .roktabs-links ul li.last {margin-right: -2px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 30px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:30px;width: 20px;background-repeat: no-repeat;}
.roktabs-wrapper .arrow-next {background-position: 100% 0;}
.roktabs-wrapper .arrow-prev {background-position: 0 0;}
.roktabs-wrapper .arrow-next:hover {background-position: 100% -30px;}
.roktabs-wrapper .arrow-prev:hover {background-position: 0 -30px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}
.clear {clear: both;}

.roktabs .lower li {background: url(../images/menutab-r.jpg) 100% 0 no-repeat scroll transparent;}
.roktabs .lower a {background: url(../images/menutab-l.jpg) 0 0 scroll no-repeat; }

.roktabs .lower li:hover {background: url(../images/menutab-r.jpg) 100% 0 no-repeat scroll transparent;}
.roktabs .lower a:hover {background: url(../images/menutab-l.jpg) 0 0 scroll no-repeat; color:#990000 }

.roktabs ul {list-style: none outside none; margin: 0; padding: 0; }
.roktabs li {display: block; float: left; margin-right: 10px; padding: 0;}

.roktabs a, roktabs li a:hover, roktabs li {
font-family:Verdana, Arial, Helvetica, sans-serif;  text-decoration:none;
display:block;
float:left;
height:35px;
line-height:35px;
padding:0 15px 0 15px;
}

.roktabs .roktabs-top a { padding:0; height:auto;
}

#horiz-menu {margin: 0 10px 10px 10px;padding: 10px 0 0 20px; width: auto; clear:both}
#horiz-menu .horiz li {background: url(../images/horiz-r.jpg) 100% 0% transparent no-repeat}
#horiz-menu .horiz li a {background: url(../images/horiz-l.jpg) 0 0 transparent no-repeat; color:#333333}
#horiz-menu .horiz li a:hover {color: #FFFFFF}
/* .roktabs .horiz li {background: url(../images/horiz-r.jpg) 100% 0% transparent no-repeat}
.roktabs .horiz li a {background: url(../images/horiz-l.jpg) 0 0 transparent no-repeat} */

/* top date bar & menu */
#top-bar .padding { padding: 10px 20px ;}
#top-bar .date-block {
	line-height: 24px;
}

#vid-logo {
	margin-left: 90px;
	margin-top: 25px
}

.date-block {float:right; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; padding-right:50px }
#top-menu {float:left; padding-left: 50px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#top-menu a {text-decoration:none; color: #333333;}
#footer {
background-color: #d923c0;
clear:both;
height:40px;
margin-top: 20px;
padding-top:1px;
width:100%;
}	

.bottom-links {
	font-size:10px;
	color:#fff;
	text-align:center;
	}
	
.bottom-links a {
	font-size:10px;
	color:#333333;
	text-decoration: none;
	}
	
.bottom-links a:hover {
	font-size:10px;
	color:#fff;
	text-decoration: none;
	}	

#content {width:920px; margin-left:auto; margin-right:auto;}

#left-nav {
	float:left;
	padding-left:20px;
	width: 186px;
	display: inline;
}

#content-pane {
	width:680px;
	float:right
}

#content-pane ul {padding-left: 90px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#footer p {
    color: #000000;
    font-size: 10px;
    line-height: 1.5em;
}

.tl-image {
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 4px;
    margin-bottom: 8px;
	border-color: #CCCCCC;
}