/* --------------------
--- TEMPLATE STYLES ---
-----------------------*/

body, * {padding:0; margin:0;font-family:"Tahoma", Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, ul, ol {
	font-size:100%;
}

h1 {  
	font-size:120%;
	margin: 0;
	padding: 20px 0 18px 0;
	font-weight:normal;
}
	h1 span {
		font-size:60%;
		margin: 0;
		font-weight:normal;
	}

.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}
.wrapper {
	float:left;
	width:798px;
}
.topbar {
	background:url(../images/topbar.gif) no-repeat top left;
	color:#000;
	float:left;
	width:798px;
	float:left;
	clear:both;
}
	.topbar .logo {
		float:left;
		width:200px;
		margin:18px 0 0 8px;
	}
	html>body .topbar .logo {
		margin:18px 0 0 18px;
	}	
	.topbar .heading {
		float:left;
		width:578px;
		margin-top:18px;
	}

.maincontent {
	width:798px;
	float:left;
	margin:0 0 20px 0;
}

.leftcontainer {
	width:338px;
	height:360px;
	float:left;
	display: inline;
	margin:0 0 0 0;
	background:url("../images/thumbnail_container_bottom.gif") no-repeat bottom left;
	border-top:1px solid #ccc;
}
	.leftcontainer h2 {
		font-size:80%;
		margin:0 0 0 20px;
	}
	.thumbnails {
		width:320px;
		float:left;
		height:266px;
		background:#fff;
		margin:10px 0 10px 4px;
		border:1px solid #ccc;
	}
	html>body .thumbnails {
		margin:10px 0 10px 8px;
	}
	
.rightcontainer {
		width:403px;
		float:left;
		margin:0 0 0 10px;
	}

	.rightcontainer_content {
		width:403px;
		float:left;
		height:336px;
		background:url("../images/slides_container_bottom.gif") no-repeat bottom right;
	}
	
	
	ul.tabs{
		background: #f26334 url(../images/tabmenu_top.gif) top left no-repeat;
		float: left;
		list-style-type:none;
		margin: 0px 0 0 0;
		padding: 0px 0px 0px 7px;
		width:395px;
		font-size:80%;
	}
	ul.tabs li {
		display: inline;
		white-space:nowrap;
	}
	
	ul.tabs li.first {
		padding-left: 10px;
	}	
	ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited {
		color: #fff;
		cursor:pointer;
		float:left;
		padding:0 0 0 8px;
		margin: 0 1px 0 0;
		text-decoration: none;
		font-weight:bold;
		background:url("../images/orange_divider.gif") no-repeat right;
	}
	ul.tabs li a span, ul.tabs li a:link span, ul.tabs li a:visited span {
		background:transparent;
		color: #fff;
		cursor:pointer;
		display:block;
		float:left;
		padding:7px 8px 4px 0;
		text-decoration: none;
	}
	ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a:focus {
		background: url("../images/orange_tabs_left.gif") no-repeat left bottom;
		text-decoration:none;
		color:#000;
	}
	ul.tabs li a:hover span, ul.tabs li a:active span, ul.tabs li a:focus span {
		background:url("../images/orange_tabs_right.gif") no-repeat right bottom;
		text-decoration:none;
		color:#000;
	}
	
	ul.tabs li a.lit, ul.tabs li a.lit:visited, ul.tabs li a.lit:hover, ul.tabs li a.lit:active, ul.tabs li a.lit:focus {
		background: url("../images/orange_tabs_left.gif") no-repeat left bottom;
		text-decoration:none;
		color:#000;
		font-weight:normal;
	}
	ul.tabs li a.lit span, ul.tabs li a.lit:visited span, ul.tabs li a.lit:hover span, 
	ul.tabs li a.lit:active span, ul.tabs li a.lit:focus span {
		background:url("../images/orange_tabs_right.gif") no-repeat right bottom;
		text-decoration:none;
		color:#000;
	}

	/* tab - slides*/
	.rightcontainer .rightcontainer_content .slides {
		margin:0 0 0 1px;
		clear: both;
	}
	.rightcontainer .rightcontainer_content .slidesnav {
		margin:0 0 0 1px;
	}
		.rightcontainer .rightcontainer_content .slidesnav p {
			font-size:80%;
			margin:10px 0 0 15px;
		}
			.rightcontainer .rightcontainer_content .slidesnav p a,
			.rightcontainer .rightcontainer_content .slidesnav p a:link,
			.rightcontainer .rightcontainer_content .slidesnav p a:visited {
				color:#000;
				text-decoration:none;
			}
			.rightcontainer .rightcontainer_content .slidesnav p a:hover,
			.rightcontainer .rightcontainer_content .slidesnav p a:focus,
			.rightcontainer .rightcontainer_content .slidesnav p a:active {
				color:#000;
				text-decoration:underline;
			}
		
		.rightcontainer .rightcontainer_content .slidesnav p span {
			font-size:85%;
			margin:0 0 0 25px;
		}
			.rightcontainer .rightcontainer_content .slidesnav p span a,
			.rightcontainer .rightcontainer_content .slidesnav p span a:link,
			.rightcontainer .rightcontainer_content .slidesnav p span a:visited {
				background:url(../images/orange_arrow.gif) no-repeat top left;
				padding:0 0 5px 10px;
				margin:0;
				color:#000;
				display:inline;
				text-decoration:none;
			}
				.rightcontainer .slidesnav p span a:hover,
				.rightcontainer .slidesnav p span a:focus,
				.rightcontainer .slidesnav p span a:active {
					text-decoration:underline;
				}

	/* tabs - search & transcript */
	.rightcontainer .rightcontainer_content .tablecontainer {
		float: left;
		width: 381px;
		padding: 0px 10px 10px 10px;
		height: 242px;
		overflow-y: scroll;
		overflow-x: hidden;
		border-bottom: 1px solid #cccccc;
	}
	/*search form*/
	.rightcontainer .search form fieldset {
		border:none;
		border-bottom: 1px solid #cccccc;
		clear:both;
		float: left;
		padding: 0px 0px 10px 10px;
		margin: 7px 0px 0px 0px;
		width: 392px;
	}
	.rightcontainer .search form label {
		font-size: 75%;	
	}
 	.rightcontainer .search form input.textfield {
		font-size: 75%;	
		color: #333333;
		padding: 2px 0px 2px 2px;
	}	
	.searchbutton {
		background:url("../images/btn_search_arrow_small.gif") 0px 4px no-repeat;
		border:0;
		height:29px;
		width:50px;
		padding:5px 2px 3px 10px;
		color:#fff;
		font-weight:bold;
		margin-top: 3px;
		font-size:70%;
	}
	/*tables*/
	.rightcontainer .rightcontainer_content .tablecontainer table {
		float: left;
		width: 95%;
		color: #000000;
		font-size: 70%;
	}
			html>body .rightcontainer .rightcontainer_content .tablecontainer table {
				width: 100%;
			}

	.rightcontainer .rightcontainer_content .tablecontainer tr th, .rightcontainer .rightcontainer_content .tablecontainer tr td {
		border-bottom: 1px solid #cccccc;
		padding: 10px 4px 10px 4px;
		text-align:left;
		vertical-align:top;
	}
	.rightcontainer .rightcontainer_content .tablecontainer tr td img {
		border: 1px solid #cccccc;
		margin: 0px;
	}
	.rightcontainer .rightcontainer_content .tablecontainer tr td p {
		padding-bottom: 7px;
	}

		.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow,
		.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow:link,
		.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow:visited {
			text-decoration:none;
			color:#000;
			background:url("../images/orange_arrow.gif") 0 0px no-repeat;
			padding:3px 0 0 10px;
			margin:0;
		}
			.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow:hover,
			.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow:focus,
			.rightcontainer .rightcontainer_content .tablecontainer table td a.arrow:active {
				text-decoration:underline;
			}
		.rightcontainer .rightcontainer_content .tablecontainer table td span.timer {
			float: left;
			margin-top: 10px;
		}
	
/* generic */

.downloads {
	clear:both;
	margin:0 0 10px 22px;
}
	.downloads p {
		font-size:80%;
		font-weight:normal;
		margin:0 0 10px 0;
	}
	.downloads h2 {
		font-size:80%;
		font-weight:bold;
		margin:0 0 10px 0;
	}
		ul.blackarrow {
		font-size:70%;
		list-style:none;
		width:350px;
	}
		ul.blackarrow li {
			display:inline;
			padding:0;
			margin:0;
		}
			ul.blackarrow li a, ul.blackarrow li a:link, ul.blackarrow li a:visited {
				background:url("../images/orange_arrow.gif") 0px 2px no-repeat;
				padding:4px 0 0px 10px;
				margin:0;
				color:#000;
				display:block;
				text-decoration:none;
			}
			ul.blackarrow li a:hover, ul.blackarrow li a:focus, ul.blackarrow li a:active {
				text-decoration:underline;
			}

.footer {
	border-top: 1px solid #dcd9d9;
	margin:0 0px 0 22px;
	clear:both;
}
	.footer p {
		font-size:80%;
		margin:-31px 30px 8px 0px;
		float:right;
		display: inline;
	}
	html>body .footer p {
		/*font-size:80%;
		margin:-31px 40px 8px 0;
		float:right;*/
	}

img {
	border:none;
}