/* CSS Document */
@charset "UTF-8";

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%;
	background-color: #111;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 2px #000 solid;
	border-top: 2px #000 solid;
	height:70px;
	background-image: url(logo_greyscale.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 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 a:hover {background-color: #fff !important;color: #000;  border: 1px #999 solid;}

#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 br {clear: both;}

br {clear: both;}

.content {width: 750px; /*padding: 10px;*/ margin: 0 auto; /*background-color: #222;*/}

dl#column1, dl#column2, dl#column3 {float: left; clear:right;  }
dl#column1 {width: 244px; margin-right:5px; background-color:#333  }
dl#column2 {width: 244px; margin-right:5px;  background-color:#333 }
dl#column3 {width: 244px; background-color:#333 }


/*.content li {list-style-position: outside; list-style-image: url(list-bullet.gif);
padding-left: 5px; margin-left: 10px;}*/
.content dd {padding-left: 5px;


}
.content dd.subcat  {	padding-bottom: 10px; }
.content dd a {	padding-left: 10px;  display:block;
	
	background-image: url(list-bullet.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px; padding-bottom:3px; font-size:.9em !important;}
	
	.content dd a:visited {	
	
	background-image: url(check.png);
	background-repeat: no-repeat;
	background-position: -1px 5px;}


dl#column1 a, dl#column2 a,  dl#column3 a {font-size: 1em; line-height: 1.25em; color: #aaa; background-color: #333;}
dl#column1 a:visited, dl#column2 a:visited, dl#column3 a:visited {	color: #777;	background-color: #333;}

dl#column1  a:hover, dl#column2  a:hover,  dl#column3  a:hover {color: #fff; background-color: #111;}


dt { font-size:1.1em; font-weight:bold; margin-top:10px; margin-bottom:6px;}




#vidtitle h1 {padding: 10px 0 10px 15px; float: left; width: 46%;
font-size: 1.5em;line-height: 1.1em; text-align: left; margin-top:33px;}

#vidtitle p {float: right; width: 46%; margin: .8em 10px 0 0;
font-size: .95em; text-align:right;}

.content h2, .content h3 {margin-bottom: .5em;}
.content h2 {font-size: 1.25em;}

.content h3 {font-size: 1em; line-height: 1.25em; margin-top: .5em;}

#disclaimer {  float:right; display:block; clear:both; margin-right:25%;  margin-top:20px; text-align:right; font-size:9px; color:#666666 }


