/**
green = #99CC00
mainBG = #DDDDDD

**/

#outercontainer{
width: 820px;
margin: 0px auto;
background:url(../images/outerShadow.gif) repeat-y;
}

#container{
width: 790px;
background-color:#FFFFFF;
margin: 0px 15px 0px 15px;
}

.banner{
width: 790px;
height:90px;
background-color: #FFFFFF;
background:url(../images/banner.gif) repeat-x;
}

#content{
width: 790px;
min-height: 430px;
padding: 0px;
margin: 0px;
}

* html #content{
height: 430px;
}


.leftcol{
width: 420px;
float: left;
/*background-color:#FFFF00;*/
}

.rightcol{
width: 350px;
height: 380px;
float: right;
/*background-color:#00FF00;*/
}

.videoHolder{
width: 400px;
min-height:300px;
margin-left: 15px;
}

.clipDetails{
width: 100%;
height: 30px;
float:left;
}

.clipDetails h1{
font-size: 1.2em;
font-weight:bold;
color: #5B5892;
padding: 5px 0px 0px 15px;
border-bottom: 0px solid #666666;
}

.footer{
width: 100%;
height: 25px;
font-size: .9em;
color: #666666;
clear: both;
padding-top: 5px;
text-align:center;
border-top: 1px dotted #666666;
}


.footerbottom{
width: 820px;
height: 16px;
background:url(../images/footerbottom.gif) no-repeat top left ;
}