body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #eee;}


.left{width: 335px; float: left; padding: 15px 15px 15px 0px;}

.right{width: 335px; float: left; padding: 15px 0px 15px 15px;}

.container {margin-left: auto; margin-right: auto; width: 750px;}
.content_container {float: left; width: 748px; background-color: #fff; border: 1px #CACAC8 solid; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
.content {padding: 20px; font-size: .8em;}

.content ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
.content li {margin: 1px 0px 5px -22px;}

.content ol {margin-top: 0px; margin-bottom: 15px; margin-left: 20px; list-style-position: outside;}

.content a:link {color: #4C597F;}
.content a:visited {color: #4C597F;}
.content a:hover {color: #cc6666;}

.header {background-image: url('../images/header.jpg'); width: 750px; height: 186px;}

.thumb{
  height: 69px;
  width: 92px;
}

h1 {font-size: 1.3em; color: #cc6666; margin: 0px 0px 0px 0px;}
h2 {font-size: 1.3em; color: #cc6666; margin: 10px 0px 5px 0px;}
h3 {font-size: 1.1em; color: #cc6666; margin: 25px 0px 5px 0px;}
h4 {font-size:.8em;}
h5 {font-size:1.2em; color:#cc6666; margin:10px 0 5px 0;}

.showentry {clear: both; padding: 15px 0px 10px 0px; float: left; width: 705px; border-bottom: 1px solid #ccc;}
.floatright {float:right; margin: 0 0 0 7px; border: 1px solid #000;}
.floatleft {float:left; margin: 0 7px 0 0px; border: 1px solid #000;}



#leftside {padding: 0px 15px 0px 0px;}
#rightside {float: right; width: 320px; margin: 0px 0px 20px 30px; padding: 10px 10px 10px 10px; background-color: #eee;}

#main {float: left; width: 485px; padding-right: 17px;}
#column2 {float: left; width: 200px; padding-right: 35px;}
#browse {}
#themes {}
#feature_clips {float: left; width: 180px; border-left: solid 1px #ccc; padding-left: 17px;}

.clip {width: 180px; margin: 0px 0px 20px 0px;}
.clip_text {margin: 0px 0px 20px 5px;}


.browse {margin: 0px 0px 5px 0px;}

.footer {font-size: .65em; color: #ccc; clear: both; padding: 50px 0px 0px 80px;}
.footer img {border: none;}

.footer a:link {color: #ccc}
.footer a:visited {color: #ccc}
.footer a:hover {color: #4C597F}

.frame {width: 185px; height: 120px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/frame.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
.frame[class] {background-image:url(../images/frame.png);}



#search {float: right; padding: 153px 13px 0px 0px;}

#search_old {float: left; background-color:#99FF33; width: 30px; padding: 3px 0px 0px 0px; background:url(../images/menu1.gif) repeat-x top left;
border-top:1px solid #4c597f;  border-bottom:1px solid #4c597f; height: 30px; width: 140px;}


.search_form {width: 120px; color: #999999; font-size: .8em; height: 15px;}
.submit {font-size: .7em;}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
 /* common styling */


.menu1 {
float:left; width:750px; font-family: verdana, arial, sans-serif; font-size:11px;
background:url('../images/menu1.gif') repeat-x top left;
border-top:1px solid #4c597f;  border-bottom:1px solid #4c597f;
margin:0 0 0px 0; /* for this demo only */
}
.menu1 ul {
padding:0;margin:0;list-style-type:none; z-index: 100;
}

.menu1 ul li {
float:left; position:relative; padding-right:7px;
}

.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; color:#fff; padding:0px 10px; line-height:25px; height:30px;
}

.menu1 ul li:hover {width:auto;}


.menu1 ul li a.menu1two:hover {border-color:#cc6666; color:#fff;}

.menu1 ul li:hover a.menu1two {border-color:#cc6666; color:#fff;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */

.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:204px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#E6E6E6;color:#000;height:auto;line-height:15px;padding:4px 16px; width:170px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#fff 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #fff 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #fff 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}


.menu3{float:right;margin:5px 6px 5px 5px; width: auto; clear:both; font-size:11px;}

.menu3 a{text-decoration:none; font-size:11px; color:#4c597f;}
.menu3:hover{color:#cc6666;}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:204px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

.logo {float: left; margin: 0px 15px 50px 15px;}
.logo img {border: none;}

.table {border-color: #ddd; border-width: 1px 1px 1px 1px; border-style: solid; width: 700px; margin: 5px 0px 25px 0px;}
.table td {border-color: #ddd; border-width: 1px 1px 1px 1px; border-style: solid; margin: 0; padding: 6px; text-align:center;}
.table th {color: #999999; text-align: left; font-size: 13px; padding: 3px;}

strong {color: #333333;}


/*************************************/

#side_nav{
float:right;
width:165px;
border:solid 1px;
padding: 10px 20px 20px 20px;
background-color: #ddd;
font-size: 11px;
}

.side_video_nav{
float:right;
width:165px;
height:450px;
border:solid 1px;
padding:20px;
overflow:auto;
font-size: 10px;
background-color: #ddd;
}

.side_video_title {font-weight: bold; font-size: 13px; color: #C66; padding: 0px 0px 10px 0px;}

.side_video_nav img{ width: 150px; height: auto;}

.show_segments{
clear:both;
width:708px;
float:left;
}

.segment_container{
float:left;
width:480px;

margin:10px 0 10px 0px;
}

.player_container{
float:left;
display:block;
width:425px;
height:300px;
}

.clip_info{
float:left;
width:450px;
margin: 10px 0 0 0px;
font-size: 12px
}

.program_info{
float:left;
clear:both;
width:380px;
margin: 10px 0 0 0px;
font-style: italic;
}

.sidelink{
margin:0 0 5px 0;
text-decoration:none;
}

.sidelink a{text-decoration:none;}

.backlink{float:right; margin:0 10px 0 0;width:100px; clear:both; }

.teaching_section{width:708px;float:left; margin:20px 0 0 0;}


.normal:hover {
	background: url("../images/menu1normal.gif") bottom repeat; border-bottom: 3px #CD6367 solid;

}
.normal a:hover {
	background: url("../images/menu1normal.gif") bottom repeat; border-bottom: 3px #CD6367 solid;

}

.selected {
	background: url("../images/menu1select.gif") bottom repeat; border-bottom: 3px #CD6367 solid;
}

.selected a:hover {
	background: url("../images/menu1select.gif") bottom repeat;
}

.alignleft {
	margin: 0 15px 10px 0;
	border: 1px;
	border-color: #333333;
}

#videoAbj {
    height: 240px;
    width: 320px;
}