body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(new_layout_bg.jpg);
	background-color: #FBFBFB;
	background-repeat: repeat-x;
	min-width: 960px;
}

#main {
	margin:0 auto;
	width:960px;
}

#header {
	margin:0 auto;
	width:960px;
	text-align: right;
}

#logo_link {
	float:left;
	width:450px;
	height:60px;
}

#navbar {
	width:960px;
	text-align: left;
	height: 80px;
	padding-left: 10px;
}

#top_image {
	width:960px;
	height:65px;
	background-image: url(images/top2.jpg);
}

#main_nav { list-style: none; margin: 0; padding: 0; }

/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; } 

#home { background: url(images/navbar/home.jpg); width: 185px; }
#home:hover { background: url(images/navbar/home.jpg) -172px 0; }
#home.active { background: url(images/navbar/home.jpg) -342px 0; }

#watch { background: url(images/navbar/watch.jpg); width: 185px; }
#watch:hover { background: url(images/navbar/watch.jpg) -172px 0; }
#watch.active { background: url(images/navbar/watch.jpg) -342px 0; } 

#other_shorts { background: url(images/navbar/other_shorts.jpg); width: 150px; }
#other_shorts:hover { background: url(images/navbar/other_shorts.jpg) -182px 0; }
#other_shorts.active { background: url(images/navbar/other_shorts.jpg) -342px 0; } 

#buydvd { background: url(images/navbar/buy_dvd.jpg); width: 130px; }
#buydvd:hover { background: url(images/navbar/buy_dvd.jpg) -123px 0; }
#buydvd.active { background: url(images/navbar/buy_dvd.jpg) -256px 0; }

#resources { background: url(images/navbar/resources.jpg); width: 151px; }
#resources:hover { background: url(images/navbar/resources.jpg) -143px 0; }
#resources.active { background: url(images/navbar/resources.jpg) -256px 0; } 

#curious { background: url(images/navbar/curious.jpg); width: 170px; }
#curious:hover { background: url(images/navbar/curious.jpg) -170px 0; }
#curious.active { background: url(images/navbar/curious.jpg) -350px 0; } 

#about_us { background: url(images/navbar/about_us.jpg); width: 157px; }
#about_us:hover { background: url(images/navbar/about_us.jpg) -170px 0; }
#about_us.active { background: url(images/navbar/about_us.jpg) -350px 0; }

#join { background: url(images/navbar/join.jpg); width: 100px; }
#join:hover { background: url(images/navbar/join.jpg) -113px 0; }
#join.active { background: url(images/navbar/join.jpg) -234px 0; }

#contact { background: url(images/navbar/contact.jpg); width: 198px; }
#contact:hover { background: url(images/navbar/contact.jpg) -172px 0; }
#contact.active { background: url(images/navbar/contact.jpg) -342px 0; }

#video_content {
	margin:0 auto;
	width:960px;
	text-align: left;
	height: auto;
}

#page_content {
	width:960px;
	padding-top: 10px;
}

#whats_up {
	width:890px;
	margin-left: 25px;
	border-width: 5px;
	border-style: solid;
	border-color: #C8C8C8;
	background-color: #F9F9F9;
	padding: 10px 15px 10px 0px;
}

#quotes {
	width:890px;
	margin-left: 25px;
	border-width: 5px;
	border-style: solid;
	border-color: #C8C8C8;
	background-color: #F9F9F9;
	padding: 15px 0px 10px 17px;
}

#whats_up_holder {
	width:300px;
	float: left;
}

#wrapper2 {
	text-align: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	border:0;
	width: 840px;
	background: url("/path/to/your/background_cols.gif") repeat;
}
	
#wrapper3 {
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 25px 0px 20px;
	border:0;
	width: 840px;
	background: url("/path/to/your/background_cols.gif") repeat;
}

#header2 {
	margin: 0 0 0 0;
}

#side-a2 {
	float: left;
	width: 280px;
}

#side-a3 {
	float: left;
	width: 265px;
}

#side-b2 {
	float: right;
	width: 265px;
}

#content2 {
	float: left;
	width: 500px;
	padding-left: 55px;
}

#footer2 {
	clear: both;
}

#video_player {
	margin:0 auto;
	height: 375px;
	width:630px;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#video_choices {
	width:320px;
	height: 365px;
	text-align: left;
	float:right;
	margin-top: 20px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 390px;
	background: url("/path/to/your/background_cols.gif") repeat;
}

#container {
	height: 360px;
	width: 320px;
}

#content_left {
	width:320px;
	text-align: left;
	float:left;
	margin-left: 150px;
}

#content_right {
	width:320px;
	text-align: left;
	float:left;
	margin-left: 60px;
}

#header1 {
	margin: 0 0 15px 0;
	background: yellow;
}

#column_cont {
	height: 75px;
	width: 320px;
	margin: 10px 0px 10px 0px;
}

#about_us_info {
	height: 75px;
	width: 320px;
	margin: 10px 0px 10px 0px;
}

#side-a {
	float: left;
	height: 75px;
	width: 150px;
	padding-left: 10px;
}

#side-b { 
	margin: 0;
	float: left;
	height: 75px;
	width: 145px;
}

#blue_title {
	margin: 0px;
	height: 22px;
	width: 130px;
	background-color: #5183A4;
	padding-left: 5px;
	padding-top: 4px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#see_videos {
	height: 25px;
	width: 200px;
	text-align:right;
	float: right;
	margin-right: 30px;
	margin-top: 5px;
}

#under_video {
	height: 75px;
	width: 960px;
}

#title_box {
	float: left;
	height: 70px;
	width: 880px;
	text-align: center;
	font-size: 20px;
	color: #999999;
}

#under_left {
	float: left;
	height: 70px;
	width: 630px;
	margin-left: 10px;
}

#under_right {
	float: right;
	height : 70px;
	width: 320px;
}

#navlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#navlist li {
	padding-left: 30px;
	background-image: url(images/wu_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 .28em;
}

.front_choices {
	color: #222222;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 7px;
}

.front_clickhere {
	color: #222222;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 3px;
}

.front_text {
	color: #555555;
	font-size: 12px;
	margin-left: 25px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.front_see {
	color: #222222;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 3px;
}

.front_see a:link {
	color: #222222;
	font-size: 13px;
	text-decoration:none;
}

.front_see a:hover {
	color: #FFFFFF;
	font-size: 13px;
	background-color: #5183A4;
}

.front_see a:visited {
	color: #222222;
	font-size: 13px;
	text-decoration:none;
}

#footer1 {
	clear: both;
	background: ;
}

#footer_main {
	width:960px;
	height:33px;
	padding-top: 15px;
}

.content_text {
	color: #999999;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.content_text a:link {
	color: #333333;
	font-size: 14px;
	text-decoration:none;
}

.content_text a:hover {
	color: #5183A4;
	font-size: 14px;
	text-decoration:underline;
}

.content_text a:active {
	color: #333333;
	font-size: 14px;
	text-decoration:none;
}

.content_text a:visited {
	color: #333333;
	font-size: 14px;
	text-decoration:underline;
}

.column_text {
	color: #999999;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 45px;
	margin-right: 20px;
}

.wuw_titles {
	color: #999999;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 45px;
	margin-right: 20px;
}

.column_text a:link {
	color: #5183A4;
	font-size: 14px;
	text-decoration:none;
}

.column_text a:hover {
	color: #333333;
	font-size: 14px;
	text-decoration:underline;
}

.column_text a:active {
	color: #5183A4;
	font-size: 14px;
	text-decoration:none;
}

.column_text a:visited {
	color: #333333;
	font-size: 14px;
	text-decoration:none;
}

.column_text2 {
	color: #999999;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 45px;
	margin-right: 20px;
}

.column_text2 a:link {
	color: #5183A4;
	font-size: 18px;
	text-decoration:none;
}

.column_text2 a:hover {
	color: #333333;
	font-size: 18px;
	text-decoration:underline;
}

.column_text2 a:active {
	color: #5183A4;
	font-size: 18px;
	text-decoration:none;
}

.column_text2 a:visited {
	color: #333333;
	font-size: 18px;
	text-decoration:none;
}

.footer_text {
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.footer_text a:link {
	color: #999999;
	font-size: 12px;
	text-decoration:none;
}

.footer_text a:hover {
	color: #666666;
	font-size: 12px;
	text-decoration:none;
}

.footer_text a:active {
	color: #999999;
	font-size: 12px;
	text-decoration:none;
}

.footer_text a:visited {
	color: #999999;
	font-size: 12px;
	text-decoration:none;
}

#copyright {
	float:left;
	width:400px;
	height:20px;
	padding-top: 5px;
	margin-left: 25px;
}

#created {
	float:right;
	width:400px;
	height:20px;
	padding-top: 5px;
	text-align:right;
	margin-right: 25px;
}


#top {
    text-align: center;
}

h2 {
    font-size: 18px;
    color: #333;
    margin: 35px 0 10px 0;
}

h3 {
    color: #333;
    border-bottom: 1px solid #999;
    font-size: 15px;
    margin: 30px 0 3px 0;
}

.first {
    margin-top: 20px;
}

h4 {
    color: black;
    font-size: 13px;
    margin: 10px 0 5px 0;
}

pre {
    font-size: 11px;
    margin-top: 5px;
    padding: 4px;
    background-color: #e3e2c6;
    border: 1px solid #999;
}

.hl {
    background-color: #ffffcc;
}

ol {
    margin: 0;
    padding: 0 0px 0 20px;
}

li {
    padding: 5px 0 5px 0;
}

img {
    border: 0;
}

/* 
 * Menu
 */
#menu {
    border-bottom: 1px solid #999;
    margin: 20px 0px;
    padding: 10px 0pt 5px;
    text-align: center;
}

#menu li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#menu a {
    background: #ddd none repeat;
    border: 1px solid #999;
    margin: 0 5px 0 5px;
    padding: 5px;
}

#menu a.current {
    background: #fff none repeat;
    border-bottom: 1px solid #fff;
}

#menu a {
    color: black;
    text-decoration: none;
}

.blue_text {
	color: #5183A4;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.blue_text a:link {
	color: #5183A4;
	font-size: 20px;
	text-decoration:none;
}

.blue_text a:hover {
	color: #5183A4;
	font-size: 20px;
	text-decoration:none;
}

.blue_text a:active {
	color: #5183A4;
	font-size: 20px;
	text-decoration:none;
}

.blue_text a:visited {
	color: #5183A4;
	font-size: 20px;
	text-decoration:none;
}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #FBFBFB;
	padding: 20px; 	
	border: 15px solid #C8C8C8;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
	border-style: none;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

