/* reset.css, by Eric Meyer (http://meyerweb.com/) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*vertical-align: baseline;*/background: transparent;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;/*color: black;background: white;*/}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a {text-decoration: none;}


.clr {clear:both;}
.clr-left {clear:left;}
.clr-right {clear:right;}



/* PAGE STYLING */
body {margin: 0 !important; padding: 0 !important;
font-family: Arial, Helvetica, sans-serif; font-size: small; color: #fff; background-color: #333;}

#vidtitle {
	width: 100%; min-width:1000px;
	background-color: #111;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 2px #000 solid;
	border-top: 2px #000 solid;
	height:70px;
	background-image: url(../images/vids_logo.jpg);
	background-repeat: no-repeat;
	background-position: 14px 10px;
}#vidtitle a#brand { width:155px; height:33px; position:absolute; top:10px; left:13px; 
background-color:transparent !important;  float:none; padding: 0px; color: #999; border: none; text-decoration: none; margin-left: 0px; margin-top:-6px;}
#vidtitle h1 {padding: 10px 0 10px 15px; float: left; width: 90%;
font-size: 1.5em;line-height: 1.1em; text-align: left; margin-top:33px;}

/*#vidtitle p {float: right;  margin: -60px 10px 0 0;
font-size: .94em; text-align:right; width:56%;}*/

#links {float:right; margin: -68px 20px 0 0; text-align:right; width:56%;   }
#links h4, #links p { margin:0px; padding:0px }

#vidtitle h4{font-size:1em;margin-bottom:8px;}
#vidtitle h4 a {padding: 1px; color: #ccc;  text-decoration: none; margin-left: 10px; border-bottom:1px solid;}
#vidtitle p {font-size:.8em; float:right; color:#777;}
#vidtitle p a {float:right; margin-left: 10px; border-bottom:1px solid !important; padding-bottom:0px !important; color: #777;text-decoration:none;}

#vidtitle p a:hover {border-bottom:1px solid !important;color: #ccc;}
#vidtitle h4 a:hover {border-bottom:1px solid !important;color: #ccc;}

 
/*#vidtitle a, #vidtitle a:link {background-color: #000 !important; display: block; float:right; padding: 3px; color: #999; border: 1px #999 solid; text-decoration: none; margin-left: 10px;}*/

#vidtitle h1 a, #vidtitle h1 a:link {background-color: #111 !important; display: inline; float:none; padding: 0px; color: #efefef; border: none; border-bottom:1px solid #efefef; text-decoration: none; margin-left: 0px;}

/*#vidtitle a:hover {background-color: #fff !important;color: #000;  border: 1px #999 solid;}*/
#vidtitle br {clear: both;}

p.note {font-size: .8em; margin: 0 0 0 45px !important; }

p.note {color: #777; float: left; /*width: 365px;*/ padding: 5px 0 15px 0;}
p.note span {color: #fff;}

br {clear: both;}

.darkdiv {width:100%; background-color: #222; border-top: 2px #111 solid; border-bottom: 2px #222 solid; min-width:1000px }


.content {width: 950px; /*padding: 10px;*/ margin: 0 auto; }
.content a {color:#CCC; text-decoration:none; }

.jumpto {margin-top: 5px; margin-bottom: 50px;}



.vidgroup-single, .vidgroup-wide {float: left;}
.vidgroup-single p, .vidgroup-wide p {
	text-align: left;
	color: #ddd;
	font-weight: bold;
}

.vidgroup-single {padding-right: 10px;}

a.tighten { line-height:1.2; font-size:11px;}
/* VIDEO STYLING */
#cs_flashBody
{background-color: #fff; font: .8em/1.3em verdana,arial,helvetica,sans-serif; text-align: center;}


/*------------video index---------------------------------*/

#video-index{ width:100%;padding-top:0px;margin-left:50px;margin-top:10px; 
}


#video-index h4{ float:left; font-size:1.2em; font-weight:bold; padding:0px; margin:0px;
}

dl#column1, dl#column2, dl#column3, dl#column4 {float: left; clear:right; text-align:left;  }
dl#column1 {width: 214px; margin-right:30px;   }
dl#column2 {width: 214px; margin-right:12px;  }
dl#column3 {width: 218px; margin-right:30px;}
dl#column4 {width: 214px; }

/*dl#column1 {background-color:#333; padding-left:15px; height:215px;padding-right:10px; border:1px solid #777;
}
/*
dl#column1 dd {font-size:1em; }*/
 
dl#column1 a, dl#column1 a:visited {color: #999;}
dl#column1 a, dl#column2 a,  dl#column3 a,  dl#column4 a{line-height: 1.45em; color:#ccc;}
dl#column1 a:visited, dl#column2 a:visited, dl#column3 a:visited, dl#column4 a:visited {	color: #ccc;}

dl#column1  a:hover, dl#column2  a:hover,  dl#column3  a:hover,dl#column4  a:hover {color: #f3f3f3; text-decoration:underline;}
dt { font-size:1em;  margin-top:10px; margin-bottom:6px; font-weight:bold;}
dd {font-size:.9em; margin:3px 0 0 0; }
dd a {	padding-left: 10px;  display:block;
	/*background-image:url(../images/list-bullet.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px; padding-bottom:3px;*/}
	
/*.content dd a:visited {	
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: -1px 5px;}*/
	

#media {  clear:both; }

#survey a:hover { text-decoration:underline }