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

body {
	font:.75em  Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}
.oneColFixCtrHdr #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 30px 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #mainContent {
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	line-height:1.5em;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size: .9em;
}

img {
border:none;
}

a {
	color: #CC0033;
	text-decoration:none;
}

a:hover {
	color: #FFFFFF;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 20%;
	left: 25%;
	width: 625px;
	height: 550px;
	padding-top: 20px;
	border: 1em solid #FFFFFF;
	background-color: black;
	text-align: center;
	z-index:1001;
	overflow: auto;	
}


#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


ul#nav {
list-style-type: none;
margin:0;
/*padding:5px 10px;*/
padding:34px 10px 5px 10px;

}
ul#nav li {
display:inline;
	padding: 0 15px 0 12px;
	text-transform:uppercase;

}
ul#nav li a .on {
text-decoration:none;
color:#FFFFFF;

}

ul#nav li a:hover .on {
	color: #CC0033;
}

ul#nav_cats {
list-style-type: none;
margin:0;
padding:5px 10px;

}
ul#nav_cats li {
display:inline;
	padding: 0 5px 0 12px;
	text-transform:uppercase;

}
ul#nav_cats li a .on {
text-decoration:none;
color:#FFFFFF;

}

ul#nav_cats li a:hover .on {
	color: #CC0033;
}

ul#nav_dirs {
list-style-type: none;
margin:0;
padding:5px 10px;

}
ul#nav_dirs li {
display:inline;
	padding: 0 5px 0 12px;
	text-transform:uppercase;

}
ul#nav_dirs li a .on {
text-decoration:none;
color:#FFFFFF;

}

ul#nav_dirs li a:hover .on {
	color: #CC0033;
}

#fullcolor
{
	opacity:0.2;
	filter:alpha(opacity=20);
}

#opacity    {
    opacity : 1.0;
    filter: alpha(opacity=100);
	border: none; 
}

.videocaption {
padding:10px;
}