/**
lightred = #990002
darkred = #5B0000
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:60px;
background-color: #990002;
}

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

* html #content{
height: 420px;
}


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

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

* html #rightcol{
height: 420px;
}

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

}

.clipDetails{
width: 100%;
min-height: 55px;
float:left;
}

* html .clipDetails{
height: 55px;
}

.clipDetails h1{
font-size: 1.2em;
font-weight:bold;
color: #9A0E00;
padding: 5px 0px 0px 15px;
}

/** positioned divs **/

#schedule{
width:350px;
height:350px;
position:absolute;
top: 0px;
left: 0px;
}

#archive{
width:350px;
height:350px;
position:absolute;
top: 0px;
left: 0px;
}

#searchResults{
width:350px;
height:350px;
position:absolute;
top: 0px;
left: 0px;
}

#search{
width:350px;
height:350px;
position:absolute;
top: 0px;
left: 0px;
}


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

*html .footer{
margin-top: 10px;

}


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