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

html, #wrap {height: 100%;}

html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg.png) repeat-x #fff;
}

body > #wrap {height: auto;}

#container {
	width: 1000px;
	height:auto;
	margin: auto;
	text-align:left;
	overflow:auto;
	padding-bottom: 75px; /* must be same height as the footer */
}

#content {
		width: 1000px;
		height: auto;
		margin: auto;
		margin-bottom: 10px;
	}

#header {
		width: 1000px;
		height: 80px;
		margin:auto;
	}
#header-right {
			width: auto;
			height: 66px;
			float: right;
		}
#header-right-top {
				width: 500px;
				height: 75px;
			}		
	
#logo {
			width: 1000px;
			height: 66px;
			float: left;
			margin: 0px 0 0 0px;
		}
#video {
			width:978px;
			height: 435px;
}
#documents {
			width:978px;
			height: 650px;
}
#documents-left {
			width:300px;
			height: 385px;
			float:left;
}
#general-videos {
			width:978px;
			height: 545px;
}
#advanced-videos {
			width:978px;
			height: 285px;
}

		
#tabnav {
		width: 978px;
		height: auto;
		margin: auto;
	}
		#tabnav ul {
			display: block;
			width: auto;
			height: 30px;
			padding: 0px 0 0 0px;
			list-style-type: none;
			text-indent: 0;
			line-height: 12px;
			margin: auto;
		}
			#tabnav ul li {
				display: block;
				float: left;
				width: auto;
				height: auto;
				padding: 0 -12px;
				font-size: 14px;
				color: #666;
				border-right: solid 1px #666;
			}
			#tabnav ul li a:link {text-decoration:none;}
			
			#tabnav ul li a:visited {
				text-decoration:none;
				color: #666;
			}
			#tabnav ul li a:hover {
				color: #003366;
			}
			
			#tabnav ul li a:active {
			}