@charset "utf-8";
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 10px; 
	padding-left: 10px;
}
a img { 
	border: none;
}
.containerImage {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	background-color: #006699;
	border: 2px inset #999999;
	padding-left: 10px;
	margin-bottom: 2px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.container {
	width: 1224px;
	*width: auto; 
	margin: 2.17em auto 0.1em auto;
}
.header {

}
* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
code {
	font-size:1.2em;
}
.sidebar1 {
	float: left;
	width: 180px;
	padding-bottom: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	font-weight: 500;
	cursor: crosshair;
}
.content {
	width: 864px;
	float: left;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sidebar2 {
	float: right;
	width: 180px;
	padding-bottom: 10px;
}
@media screen and (max-device-width: 480px) {
.container {
	width: auto; 
	margin: 1em;
  }
.sidebar1 {
	float: none;
	}
.sidebar2 {
	float: none;
  }
 }
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 16px;
	font-size: 12px;
}
ul.navs {
	list-style: none; /* this removes the list marker */
	border-top: 0px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 16px;
	font-size: 12px;
}
ul.nav li {
	border-bottom: 0px solid #666;
}
ul.navs li {
	border-bottom: 0px solid #666;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;
	background-color: #000;
}
ul.navs a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;
	background-image: url(../img/content/bg_NavLi.png);
	background-repeat: no-repeat;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	color: #FFF;
}
ul.navs a:hover, ul.nav a:active, ul.nav a:focus { 
	color: #FFF;
}

.footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	color: #39F;
	padding-top: 12.5px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 0px;
	background-image: url(../img/content/footerbar.png);
	background-attachment: scroll;
	background-color: #000;
}
.footerstyle {
	font-size: 9px;
	background-color: #000;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
body {
	background-color: #000;
	background-attachment: fixed;
	background-image: url(../img/bg-body.gif);
}
a:link {
	color: #F60;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F60;
}
a:hover {
	text-decoration: underline;
	color: #0F0;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
h1 {
	font-size: 20px;
	color: #930;
}
h2 {
	font-size: 18px;
	color: #000033;
	background-image: url(../img/content/bgLine.png);
	font-weight: lighter;
	background-repeat: no-repeat;
	background-position: center;
}
h3 {
	font-size: 16px;
	color: #AB3300;
	font-style: italic;
}
.containerImg1 {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
.columnimg {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}
p.MsoNormal {
	margin-top:0in;
	margin-right:0in;
	margin-bottom:10pt;
	margin-left:0in;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	display: inline-block;
}
.rssImg {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	background-color: #006699;
	border: 2px inset #999;
	padding-left: 10px;
	margin-bottom: 2px;
	background-image: url(../img/content/thumbqp2.png);
	background-repeat: no-repeat;
}
.boldH2 {
	font-size: 18px;
	color: #000033;
	background-image: url(../img/content/bgLine.png);
	font-weight: lighter;
	background-repeat: no-repeat;
	background-position: center;
}
/* ~~ what used to be in document ccs ~~ */
body1 {
	background-image: url(img/content/bg_index.gif);
}
.comments {
	padding: 10px;
	margin: 10px;
}
.twitter {
	width: 854px;
	margin: 10px auto;
	padding-left: 10px;
}
.borderline {
	border-right-width: 7px;
	border-right-style: inset;
	border-right-color: #FFF;
}
.movinvis {
	position: absolute;
	visibility: visible;
	z-index: 100;
}
.movvis {
	position: absolute;
	visibility: visible;
	z-index: 200;
}
.mouseover {
	border: 2px outset #66FF33;
}
.mouseout {
}
/* ~~ what used to be vjmusic2.ccs ~~ */
.h4 {
	border: 2px solid #3399CC;
	position: static;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #EDEFF4;
	margin-top: 5px;
	padding-bottom: 5px;
}
.h5 {
	border: 2px solid #66CC33;
	margin-bottom: 5px;
	background-image: url(/img/content/bg_Green.jpg);
	padding-top: 4px;
}
.h6 {
	margin-bottom: 5px;
	background-image: url(/img/content/bg_Red.jpg);
	padding-top: 4px;
	border: 2px solid #FF0033;
}
.h7levl {
	border: 2px solid #0099FF;
	margin-bottom: 5px;
	background-image: url(../img/content/bg_Blue.jpg);
	padding-top: 4px;
}
.wrapper_mainVid {
	width: 834px;
	background-color: #FFF;
	height: 480px;
	margin-top: auto;
	position: relative;
	margin-right: 9px;
	margin-left: 14px;
	margin-bottom: 2px;
	border-width: 1px;
	border-style: inset;
	border-color:#FF3333;
}
.wrapper_main {
	width: 832px;
	padding: 5px;
	border: 1px solid #006633;
	background-color: #5E1D1F;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	height: 394px;
}
.wrapper_img1 {
	width: 325px;
	padding: 5px;
	border: 1px inset #FFF;
	position: absolute;
	left: auto;
}
.wrapper_img2 {
	width: 325px;
	padding: 5px;
	border: 1px inset #FFF;
	top: 204px;
	position: absolute;
	left: auto;
}
.wrapper_vid1 {
	width: 480px;
	border: 1px inset #FFF;
	padding: 5px;
	margin-left: auto;
	position: absolute;
	right: 4.5px;
	top: 43px;
	height: 344px;
	background-color: #999;
}
.txtcolor1 {
	color: #0099CC;
	font-weight: bold;
	position: absolute;
	width: 480px;
	right: -5.5px;
	padding: 5px;
	margin-right: 10px;
	margin-left: auto;
	border: 1px groove #FFF;
	font-size: 21.5px;
	background-color: #666;
	font-family: "Times New Roman", Times, serif;
}
.h8levl {
	border: medium double #666;
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 2px;
	margin-top: 5px;
	width: 470px;
}
.h9levl {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 7px;
	text-transform: uppercase;
	color: #0066CC;
	padding-top: 3px;
	width: 478px;
}
.h12levl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 4px outset #FFF;
	text-transform: none;
	font-weight: 500;
	font-variant: small-caps;
	color: #7A3806;
	font-style: normal;
	line-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
.h14levl {
	border-width: 2px;
	border-top-style: outset;
	border-bottom-style: outset;
	border-top-color: #FFF;
	border-right-color: #003366;
	border-bottom-color: #CCC;
	border-left-color: #003366;
	margin-right: 10px;
	margin-left: 344px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.h13levl {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #FFF;
	border-bottom-color: #7A3806;
	padding: 7px;
	margin: 10px;
	background-color: #793A07;
	color: #D7D7D7;
}
.bgslides {
	background-image: url(../img/content/bg_slides.png);
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: inset;
	border-bottom-style: inset;
	border-top-color: #0099FF;
	border-bottom-color: #0099FF;
}