body
{
background-color: #FFFFFF
}

.container
{
width: 480px;
height: 530px;
}


/*------- Fonts -------*/
.fntit {font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #306692;}
.fntit a {color: #306692}
.fntit a:hover {background-color: #E6E6FA;} 

/*------- Videos -------*/
#menu
{
width: 480px;
height: 30px;
position: absolute;
left: 0px;
top: 10px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #306692;
background-image: url(../images/videos.jpg);
background-repeat: no-repeat;
background-position: bottom
}

/* old
.tabs {background-color: #306692; color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;cursor:pointer}
.tabs a {color: #FFFFFF; text-decoration: none}
.tabs a:hover {background-color: #FFFFFF; color: #000000; text-decoration: none}
.tabs:hover {background-color: #FFFFFF; color: #000000; text-decoration: none}
#tab1 {width: 75px; height: 20px; position: absolute; left: 10px; top: 9px; border-style: solid; border-width: 1px; border-color: #306692;}
#tabm1 {width: 75px; height: 20px; position: absolute; left: 10px; top: 9px; border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF}
*/

.tabs {background-image: url(../images/tab_full.gif); /*background-color: #306692;*/ color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;cursor:pointer}
.tabs a {color: #FFFFFF; text-decoration: none}
.tabs a:hover {background-image: url(../images/tab_empty.gif); color: #000000; text-decoration: none}
.tabs:hover {background-image: url(../images/tab_emptyu.gif); color: #000000; text-decoration: none}

#tab1 {width: 75px; height: 20px; position: absolute; left: 10px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}
#tab2 {width: 75px; height: 20px; position: absolute; left: 90px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}
#tab3 {width: 75px; height: 20px; position: absolute; left: 170px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}
#tab4 {width: 75px; height: 20px; position: absolute; left: 250px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}
#tab5 {width: 75px; height: 20px; position: absolute; left: 330px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}
#tab6 {width: 75px; height: 20px; position: absolute; left: 410px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692;*/}


.tabm {background-image: url(../images/tab_empty.gif); color: #000000; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center}

#tabm1 {width: 75px; height: 20px; position: absolute; left: 10px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}
#tabm2 {width: 75px; height: 20px; position: absolute; left: 90px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}
#tabm3 {width: 75px; height: 20px; position: absolute; left: 170px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}
#tabm4 {width: 75px; height: 20px; position: absolute; left: 250px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}
#tabm5 {width: 75px; height: 20px; position: absolute; left: 330px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}
#tabm6 {width: 75px; height: 20px; position: absolute; left: 410px; top: 11px; /*border-style: solid; border-width: 1px; border-color: #306692; border-bottom-color: #FFFFFF*/}

#list
{
width: 480px;
height: 490px;
position: absolute;
left: 0px;
top: 40px;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #306692;
}

.video_item_line
{
width: 480px;
height: 90px;
position: relative;
}

.video_item_1
{
width: 240px;
height: 90px;
position: absolute;
left: 0px;
top: 0px;
}

.video_item_2
{
width: 240px;
height: 90px;
position: absolute;
left: 240px;
top: 0px;
}

.video_img
{
width: 80px;
height: 60px;
position: absolute;
top: 8px;
left: 5px;
cursor: pointer;
border-style: solid;
border-width: 1px;
border-color: #306692;
}
/*
.video_img a {color: #023c6a}
.video_img a:hover {background-color: #efefef;} 
.video_img a:hover img  {border: 1px solid #000;}
*/

.video_img a {color: #306692}
.video_img a:hover {color: #E6E6FA}
//.video_img a:hover {background-color: #E6E6FA;} 
//.video_img a:hover img  {border: 1px solid #E6E6FA;}

.video_text
{
width: 150px;
height: 60px;
position: absolute;
top: 5px;
left: 93px;
font:11px Arial
}

#index
{
width: 480px;
height: 20px;
position: absolute;
left: 1px;
top: 500px;
background-color: #E6E6FA;
color: #306692; 
font-weight: bold;
text-align: center;
font: 12px arial
}

#index a {margin: 0 5px; color: #306692; text-align: center;font-weight: bold;} 
#index a:hover {color: black}