/* CSS By - Oren Meidan, Stotlandesigns.com */
.clearfix:after {/*this will help the menu to push its container down and not overlapping it in firefox*/
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	margin: 0 ;
	padding: 20px ;
	font-size:62.5%;
	font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
	font-weight:normal; 
	color:#245EA8 ;
	line-height:14pt;
	background: #B22A1C;
	
	
}
h1 span,h3 span{ display:none;}
/* main_cont contains everything*/
#main_cont{
padding:0;
width:930px;
margin:0px auto;
background: #fff;
border:2px solid #C7AD70;
}
#header{
padding:0;
width:100%;
background:transparent;
height:190px;
}
#header_left{
display:block;
float:left;
padding:0;
width:400px;
background:transparent ;
height:190px;
}
#logo{
display:block;
padding:0;
height:190px;
width:400px;
background:transparent;
position:relative;
margin:0 0 0 -30px;
z-index:100;
}
#logo img{
 border:none;
}
#logo h1{
 float:left;
}
#header_right{
display:block;
float:right;
padding:0;
width:53%;
background:transparent;
height:190px;
}
#middle_cont{
padding:0;
width:100%;
margin:0 0 10px 0;
background:transparent;
}
#middle_cont_left{
display:block;
float:left;
padding:0;
width:45%;
background:transparent;
}
#middle_cont_right{
display:block;
float:left;
padding:0;
margin:0 0 0 10px;
width:53%;
background:transparent;
}
#footer{
padding:0;
width:100%;
background:transparent;
height:110px;
}
#find_videos{
display:block;
width:390px;
margin: 0 auto;
padding:0;
background:#D6C395;
z-index:0;
color:#BD3317;
font-size:1.4em;
}
#find_videos h3{
margin: 0  0 0 10px;
}
.light_brown{
display:block;
background:#E5DABE;
padding:0 0 5px  0;
width:100%;
}
.brown{
display:block;
background:#D6C395;
padding:0 0 5px 0;
width:100%;
}
/* Hides from IE-mac \*/
* html .brown{
display:block;
background:#D6C395;
padding:0 0 5px 0;
width:100%;
height:1%;
}
/* End hide from IE-mac */
.brown:after{
 content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.playlist_right{
margin:5px 0 ;
display:block;
width:430px;
background:#fff;
padding:0 0 0 10px ;
border:5px solid #B4A682;
font-size:1.1em;
}
.playlist{
margin:0 ;
padding:0 ;
}
.playlist ul{
margin:10px 0 10px 0 ;
padding:0 0 0 10px ;

}
.playlist ul li {
margin:0 0 5px 0;
padding:0;
list-style-type:none;
}
.playlist ul li a.title{
float:left;
width:320px;
color:#143E68;
font-weight:bold;
margin:0;
}
.playlist ul li a.x{
color:#B22A1C;
font-weight:bold;
margin:0;
}
.playlist  a.action{
color:#143E68;
font-weight:bold;
font-size:12px;
margin:0 10px 0 330px;
}
.red_thumbs{
display:block;
width:220px;
min-height:100px;
background:transparent;
float:left;
padding:0 0 10px 10px;
margin:0;
}
.blue_thumbs{
display:block;
width:140px;
min-height:100px;
background:transparent;
float:left;
padding:0 0 10px 0;
}
.float {
  float: left;
  display:block;
  height:90px;
  width:60px;
  margin:10px 0 0 5px;
  padding:0;
  text-align:center;
 }
.red_thumbs .float img
{
padding:0;
margin: 0;
border:2px solid #B22A1C;
}
.blue_thumbs .float img
{
padding:0;
margin: 0;
border:2px solid #143E68;
}
.float p {
font-size:0.8em;
margin:0;
padding:0;
color:#143E68;
line-height:0.8em;
}
.float  a , .float  a:hover {
text-decoration:none;
}
.red_thumbs  a.red_link {
text-decoration:none;
color:#B22A1C;
font-style:italic;
font-weight:bold;
float:left;
font-size:0.9em;
margin:10px 0 0 10px;
}
.blue_thumbs  a.blue_link {
text-decoration:none;
color:#143E68;
font-style:italic;
font-weight:bold;
float:left;
font-size:0.9em;
margin:10px 0 0 10px;
}
#lists{
display:block;
width:100%;
padding:10px 0 ;
}
.left_list{
display:block;
width:47%;
float:left;
list-style:none;
margin:0;
padding:0 0 0 5px;
}
.left_list  li{
margin:2px 0;
padding:0;
}
.left_list  li a{
text-decoration:none;
color:#BD3317;
font-weight:bold;
margin:0;
font-size:14px;
}
#Right_Box{
float:left;
width:485px;
margin:0 0 12px 0;
padding:16px 0 0 0;
background:transparent url('../parts/right_box_top.jpg') no-repeat top left;
}
#Right_Box_Content{
float:left;
width:475px;
margin:0;
padding:0 0 0 10px;
background:#D6C496;
}
#Right_Box_Bottom{
float:left;
width:485px;
height:20px;
line-height:0;
margin:0;
padding:0;
background:transparent url('../parts/right_box_bottom.jpg') no-repeat top left;
}
#video_holder{
width:430px;
height:350px;
margin:0 ;
padding:0;
float:left;
}
.video_content{
width:430px;
height:800px;
margin:0 0 0 10px;
padding:10px 0 0 15px;
background:#fff;
font-size:1.2em;
}

.video_content h3{
color:#245EA8 ;
float:left;
font-size:18px;
line-height:20px;
letter-spacing:0;
padding:0;
margin:0;
}
.video_content span.time{
line-height:20px;
font-size:0.8em;
margin: 0 10px 0 5px;
padding:0;
}
.video_content span.rating {
float:left;
line-height:20px;
font-size:0.9em;
margin: 0 5px 0 0;
padding:0;
}
.video_info{
display:block;
width:430px;
float:left;
padding:0 0 40px 0;
background:transparent url('../parts/ramp.gif') no-repeat bottom center;
}
.video_info span.post{
float:left;
line-height:20px;
font-size:0.8em;
margin: 0  3px 0 0;
padding:0;
}
.video_info a{
/*text-decoration:none;*/
color:#245EA8;
cursor:pointer;
}
.video_info span.name{
float:left;
line-height:20px;
font-size:1em;
font-weight:bold;
margin: 0 ;
padding:0;
}
.video_info span.add{
float:left;
line-height:20px;
font-size:1em;
font-weight:bold;
margin: 0  0 0 100px;
padding:0;
}
.video_info span.go{
float:right;
line-height:20px;
font-size:0.8em;
font-weight:bold;
margin: 0  15px 0 0;
padding:0;
}
.video_info span.tag{
float:left;
width:100%;
}
.video_info form{
display:block;
width:100%;
float:left;
color:#245EA8;
margin: 0 ;
padding:0;
font-size:1em;
}
#search_box{
display:block;
padding:10px 0 0 20px;
}
#search_box form{
margin:5px 0;
padding:0;
}
#search_box form img {
position:relative;
top:4px;
}
#search_box form input.button {
position:relative;
top:8px;
}
#search_box form label {
margin:0 5px;
font-size:1.2em;
font-weight:bold;
}
#search_box form input.short {
font-size:0.98em;
width:120px;
font-style:italic;
color:#666;
background-color:#fff; 
border:1px inset #998B68; }
#search_box form input.long {
font-size:0.98em;
width:248px;
font-style:italic;
color:#000;
background-color:#fff; 
border:1px inset #998B68; 
}
#search_box form select {
font-size:0.98em;
width:100px;
color:#000;
background-color:#fff; 
border:1px solid #998B68; 
}
#search_box a {
color:#BD3317;
margin:0 0 0 70px;
}
#search_box a img{
border:none;
}
#search_box span.upload {
float:right;
margin:0 65px;
}
#footer_cont{
display:block;
width:500px;
padding:25px 0 0 0;
margin:0 auto;
text-align:center;
color:#666;
}
#footer_cont ul {
	background: transparent;
	margin: 0 ;
	padding: 0;
	list-style: none;
	
}
#footer_cont li {
	display: inline;
}
#footer_cont li a{
	color:#666;
	margin:0 10px;
	text-decoration:none;
}
/***************************************************************************
                                 Menu
*****************************************************************************/
#Nav {
    width:95%;
	margin: 0  auto;
	padding: 0;
	background: #fff;
	clear:both;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem*/ 
}
#Nav ul {
	background: transparent;
	margin: 0 ;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 95%;
	float: left;
}
#Nav li {
	display: inline;
	float: left;
}
#Nav a {
	float: left;
	background:url('../parts/menu_light_l.gif') no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	line-height: 1.5em;
	color:#998B68;
	font-weight:bold;
	font-style:italic;
}
#Nav a span {
	background: transparent url('../parts/menu_light_r.gif') no-repeat right top;
	padding:5px 13px 4px 6px;
	color;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#Nav a:hover  {color:#245EA8; }
#Nav a:hover span {	}
#Nav a.here  , #Nav a.here:hover{ background-position:0% -25px;color:#245EA8;font-style:normal; }
 #Nav a.here span , #Nav a.here:hover span{	background-position:100% -25px; }

/***************************************************************************
                                Video player page
*****************************************************************************/
.video_thumbs{
min-width:440px;
min-height:520px;
margin:0 0 0 0;
padding:10px 0 10px 10px;
background:#B4A682;
border:1px solid #fff;
font-size:1.2em;
float:left;
}
.thumb_holder{
display:block;
width:210px;
height:110px;
background:#fff;
margin:0 10px 15px 0;
padding:5px 0 0 0;
float:left;
font-size:0.9em;
line-height:14px;
}
.thumb_holder_top{
display:block;
width:208px;
height:80px;
margin:0;
padding:0 0 0 2px;
float:left;
}
.thumb_holder_top p{
display:block;
margin:0 0 5px 0;
padding:0;
color:#245EA8;
}
.thumb_holder_top p a{
margin:0;
padding:0;
color:#245EA8;
text-decoration:none;
}
.thumb_holder_top p a:hover{
text-decoration:underline;
}
.thumb_holder_top img.thumb{
margin:0 2px 0 0;
border:none;
float:left;
}
.thumb_holder_bottom{
display:block;
width:205px;
height:30px;
margin:0;
padding:0 0 0 2px;
line-height:14px;
vertical-align:bottom;

}
.thumb_holder_bottom a{
color:#245EA8;
text-decoration:none;
font-size:0.9em;
font-weight:bold;
margin:0 5px 0 0;
}
#left_video_box{
width:390px;
margin:0 auto;
padding:16px 0 0 0;
background:transparent url('../parts/left_box_top.jpg') no-repeat top left;
}
#left_video_box_content{
float:left;
width:377px;
margin:0;
padding:0 0 0 13px;
background:#D6C496;
}
#left_video_box_bottom{
float:left;
width:390px;
height:20px;
line-height:0;
margin:0;
padding:0;
background:transparent url('../parts/left_box_bottom.jpg') no-repeat top left;
}
.video_content_left{
width:360px;
margin:0 ;
padding:0;
background:#fff;
font-size:1em;
color:#245EA8;
}
#video_holder_left{
width:360px;
margin:0 ;
padding:0;
text-align:center;
}
.video_info_left{
display:block;
width:360px;
margin:0 0 0 5px;
padding:0 0 30px 0;
color:#245EA8;
background:transparent url('../parts/ramp.gif') no-repeat bottom center;
}
.video_info_left a{
color:#245EA8;
}
.video_info_left h3{
display:block;
width:230px;
margin:0;
padding:0;
letter-spacing:0;
font-size:16px;
}
.video_info_left span.rating2{
float:right;
margin:5px 10px 0 0;
padding:0;
}
#video_comments_cont{
width:360px;
margin:0 ;
padding:5px 0 0 0;
background:#fff;
font-size:1em;
color:#245EA8;
}
#video_comments_cont h3{
padding:0 0 5px 5px;

}
.video_comments{
display:block;
width:350px;
padding:0  0 0 5px;
border-top: 1px solid #B4A682;
font-size:1.2em;
}
.video_comments a{
text-decoration:underline;
color:#245EA8;
font-weight:bold;
}
.video_comments span{
display:block;
width:100%;
padding:5px 0;
}

#all_campaigns{
display:block;
width:900px;
height:375px;
background:#E6DABD;
margin:0 auto;
}
#all_campaigns_header{
display:block;
width:900px;
height:33px;
background:#D6C395;
text-align:center;
margin:0;
padding:0;
}
#all_campaigns_images{
display:block;
width:890px;
height:120px;
text-align:left;
margin:0 0 0 10px;
padding:0;
}
#all_campaigns_images img.red{
border:2px solid #B22A1C;
}
#all_campaigns_images img.blue{
border:2px solid #143E68;
}
#all_campaigns_images p{
font-size:1.1em;
}
#all_campaigns_options{
display:block;
width:890px;
height:95px;
text-align:left;
margin:10px 0 0 10px;
padding:0;
}
.by{
display:block;
width:120px;
height:95px;
text-align:left;
margin:0 ;
padding:0;
float:left;
}
.by form label{
font-size:12px;
font-weight:bold;
color:#BD3317;
margin:0;
}
.by2{
display:block;
width:170px;
height:95px;
text-align:left;
margin:0 ;
padding:0;
float:left;
}
.by2 ul{
display:block;
margin:0;
padding:0 0 0 5px;
}
.by2 ul  li{
margin:2px  0 ;
padding:0 ;
color:#BD3317;
list-style-type:none;
}
.by2 ul  li a{
text-decoration:underline;
color:#BD3317;
font-weight:bold;
margin:0;
font-size:12px;
}
/*************************************************************************************
                                   videos page
*************************************************************************************/
#wide_box{
width:900px;
margin:0 auto;
padding:16px 0 0 0;
background:transparent url('../parts/wide_box_top.jpg') no-repeat top left;
}
#wide_box_content{
float:left;
width:887px;
margin:0;
padding:0 0 0 13px;
background:#D6C496;
}
#wide_box_bottom{
float:left;
width:900px;
height:20px;
line-height:0;
margin:0;
padding:0;
background:transparent url('../parts/wide_box_bottom.jpg') no-repeat top left;
}
.wide_video_thumbs{
width:860px;
min-height:200px;
margin:10px 0 0 0 ;
padding:10px 0 10px 10px;
background:#B4A682;
border:1px solid #fff;
font-size:1.2em;
float:left;
}
.wide_thumb_holder{
display:block;
width:270px;
height:100px;
background:#fff;
margin:0 10px 15px 0;
padding:10px 0 0 2px;
float:left;
font-size:0.9em;
line-height:14px;
}
.wide_thumb_holder p{
display:block;
margin:0 0 5px 0;
padding:0;
color:#245EA8;
}
.wide_thumb_holder img.thumb{
margin:0 2px 0 0;
border:none;
float:left;
}

.wide_thumb_holder a{
color:#245EA8;
text-decoration:none;
margin:0 5px 0 0;
}
.wide_thumb_holder a:hover{
text-decoration:underline;
}
.numering{
display:block;
float:right;
margin:0 40px 0 0;
color:#B22A1C;
font-size:1.2em;
}
.numering a{
text-decoration:underline;
font-weight:bold;
color:#B22A1C;
margin:2px;
}
.numering a.here{
text-decoration:none;
font-weight:bold;
color:#245EA8;
}
#wide_box label{
margin:0;
color:#BD3317;
}
/*************************************************************************************
                                   faq page
*************************************************************************************/
.faq {
display:block;
width:850px;
margin:0;
padding:0;
}
.faq p{
color:#245EA8;
font-size:1.4em;
margin:2px 0 10px 0;
padding:0 0 10px 0;
}
.faq h2{
color:#BD3317;
font-size:16px;
margin:0;
padding:0 ;
}
.faq h1{
color:#BD3317;
font-size:20px;
margin:0;
padding:10px 0 ;
}
.faq a{
color:#245EA8;
text-decoration:underline;
}
/*************************************************************************************
                                   forms
*************************************************************************************/
.form_cont{
display:block;
width:440px;
background:#fff;
padding:10px;
font-size:1.2em;
color:#245EA8;
}
.form_cont form{
padding:0;
margin:0;
color:#245EA8;
}
label.short_lab{
width: 120px;
float: left;
margin:  2px 0;
display: inline-block;
vertical-align: top;
}
label.long_lab{
width: 280px;
margin:  2px 0;
display: block;
vertical-align: top;
}
input.short_text{
    width: 160px;
	margin: 2px 0;
}
input.long_text{
    width: 280px;
	margin: 2px 0;
}
input.button1{
    width: 80px;
	margin: 5px 0;
}
textarea.area{
    width: 280px;
	height:80px;
	margin: 5px 0;
	overflow:auto;
}

select.sel{
width: 165px;
	margin: 2px 0;
}
p.error{
color:#CC0033;
display:block;
width:285px;
background:#ccc;
padding:3px 0;

}
/*************************************************************************************
                                   styles
*************************************************************************************/
a:hover{ text-decoration:underline;}
h1{padding:5px 0 0 0; margin:0 5px; color:#BD3317; font-size:26px}
h2{padding:5px 0 0 0; margin:0; color:#BD3317; font-size:22px}
h3{padding:5px 0 0 0; margin:0 ; color:#BD3317; font-size:14px; letter-spacing:-1px;}
h4{padding:5px 0 0 0; margin:0; color:#BD3317; font-size:14px}
h5{padding:5px 0 0 0; margin:0; color:#BD3317; font-size:14px}
h6{padding:5px 0 0 0; margin:0; color:#BD3317; font-size:12px}
p, form{padding:10px 0; margin:0; color:#BD3317;}
#find_videos h3.header{width:100%; background:#B22A1C url('../parts/find_videos.jpg') no-repeat 5px 5px; line-height:30px; margin:0; }
a.blue_link{text-decoration:none; color:#143E68; font-weight:bold; margin:0 3px 0 0; font-size:0.98em;}
a.info_blue_link{text-decoration:none;font-weight:bold; margin:0 3px 0 0; font-size:0.9em; clear:both;}
label.red_label{ font-weight:bold; float:left;width:80px; margin: 0 0 0 10px;}
h3.thumb_header{margin:0 5px 5px 15px; letter-spacing:0; float:left; width:250px; }
form.no_margin{margin:0 ; padding:0; display:inline; width:250px; }
.hidden_div{display:none;width:100%;margin: 0;}
.hidden_div form textarea{width:250px;height:70px;overflow:hidden;}
.hidden_div form textarea.area2{width:280px;height:80px;overflow:hidden;}
h3.form_header{padding:5px 0 10px 0; margin:0 ; color:#BD3317; font-size:14px; letter-spacing:0; }