/* CSS Document */
/* -- default style -- */
* {
	padding:0;
	margin:0;
}
body {
	color:#fff;
	background-color:inherit;
	background:url(../images/bg.gif) repeat-y 50% 0;
	font:14px/18px Verdana, Arial, Helvetica, sans-serif;
}
ul {
	list-style:none;
}
img {
	border:none;
}
a {
	outline:none;
	color:#fff;
	background-color:inherit;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}

/* -- wrapper style -- */
#wrapper {
	width:902px;
	margin:0 auto;
	padding:0 30px;
}

/* -- header style -- */
#header {
	width:902px;
	height:216px;
	margin:0 auto;
	background:url(../images/header.jpg) no-repeat 0 0;
}
#header h1,
#header h2 {
	display:none;
}

/* -- container style -- */
#container {
	width:902px;
	margin:0 auto;
	padding:0 0 34px;
	background:url(../images/top-nav-bg.jpg) no-repeat 0 0;
}

/* -- top navigation style -- */
#topNavContainer {
	height:32px;
	width:900px;
	margin:0 auto;
	font-size:12px;
	line-height:32px;
}
#topNav {
	float:left;
}
#topNav li {
	float:left;
	padding:0 11px 0 0;
}
#topNav li a {
	padding:0 12px 0 11px;
	display:block;
	width:auto;
	float:left;
	text-decoration:none;
}
#topNav li a:hover {
	background:url(../images/top-nav-hover.jpg) no-repeat 50% 0;
}

/* -- content style -- */
#content {
	clear:both;
	width:874px;
	margin:0 auto;
	padding:14px 0 0;
	height:100%;
	overflow:hidden;
}

/* -- left panel style -- */
#leftPanel {
	width:200px;
	float:left;
}
#leftPanel img {
	margin-bottom:30px;
	display:block;
}
#leftPanel h3 {
	background:url(../images/left-nav-heading-bg.gif) repeat-x 0 0;
	padding:0 6px;
	font-weight:normal;
	font-size:14px;
	line-height:30px;
}

/* -- left menu style -- */
.leftMenu {
	width:192px;
	padding:0 0 18px;
	height:100%;
	overflow:hidden;
}
.leftMenu li {
	width:192px;
	float:left;
}
.leftMenu li a {
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	width:166px;
	padding:0 8px 0 18px;
	display:block;
	float:left;
	background:url(../images/left-menu-bg.jpg) no-repeat 0 0;
}
.leftMenu li a:hover {
	color:inherit;
	background:#6496bb url(../images/left-menu-bg-hover.jpg) no-repeat 0 0;
}
.leftMenu li a.active {
	font-weight:bold;
	text-decoration:underline;
}

/* -- right panel style -- */
#rightPanel {
	width:660px;
	float:right;
}
.rightContent {
	padding:8px 37px 15px 13px;
	text-align:justify;
}
.rightContent h2 {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}
.rightContent h2,
.rightContent p,
.rightContent ul {
	padding:0 0 18px;
}
.rightContent ul {
	padding-left:25px;
}
.rightContent ul li {
	padding:0 0 5px 15px;
	background:url(../images/list-bullet.gif) no-repeat 0 7px;
}

/* -- single panel style -- */
.singlePanel {
	padding:8px;
}
.singlePanel .heading {
	padding:0 0 6px;
	width:736px;
	height:100%;
	overflow:hidden;
}
.singlePanel .heading .headingText {
	float:left;
	padding-right:20px;
}
.singlePanel .heading .backToVideos {
	float:right;
}

/* -- box style -- */
.boxOuter {
	color:inherit;
	background-color:#4683af;
	padding:3px;
	margin:0 0 14px;
}
.boxOuter .boxInner {
	color:inherit;
	background-color:#518bb3;
	border:1px solid #336e98;
	height:100%;
	overflow:hidden;
}
.contentDivider {
	padding-left:12px;
	margin-bottom:12px;
	background:url(../images/content-divider-bg.gif) repeat-x 0 100%;
}

/* -- footer style -- */
#footer {
	font-size:11px;
	text-align:center;
	padding:33px 0 35px;
}
#footer a {
	text-decoration:none;
}

/* -- disclaimer style -- */
.disclaimer {
	font-size:11px;
	text-align:justify;
	padding:0 13px 20px;
}