/* Lets Begin With Some Basics */
html, body {
font-size: 12px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px;
padding: 0px;
color: #565050;
line-height: 1.2em;
background-color:#040404;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 18px;
line-height: 18px;
padding-bottom:7px;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
margin: 0;
}

h3 {
font-size: 1.3em;
}

a:link, a:visited {
color:#2b9eb3;
text-decoration: underline;
}

a:hover {
color:#2b9eb3;
text-decoration: none;
}

.clear {
clear: both;
}

p img {
padding: 0;
max-width: 100%;
}

p {
margin: 0 0 10px 0;
}
/* And... Moving On */

/* Begin Header */
#header {
background-image:url(images/temp_header_new.jpg);
background-repeat:no-repeat;
background-color:#FFF;
margin: 0px auto;
height: 150px;
width: 850px;
}

#nav_header {
background-color:#000000;
margin: 0px auto;
height: 35px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/bkg_nav.gif);
width: 850px;
}

#headleft {
width: 490px;
float: left;
}

#menudemo {
width: 826px;
height:44px;
margin: 0px auto;
float: left;
background-color:#333333;
background-image:url(images/menubarbg.jpg);
}

#headright {
width: 490px;
float: left;
text-align: right;
text-transform: lowercase;
}

#headright ul {
list-style: none;
}

#headright li {
display: inline;
margin: 0 0 0 15px;
}

#videoembed {
margin: 0px auto;
width: 980px;
text-align: center;
}

/* End Entry Lists */

/* Begin Main Content */
/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */  
/* without this class applied, a float might hang over the bottom border of its container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }  

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */  
/* without this class applied, a float might hang over the bottom border of its container */
.content-top:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.content-top { display:inline-block; }  

/* hides clearfix from IE-mac \*/
* html .content-top { height:1%; }
.content-top { display:block; }
/* end hide from IE-mac */


.clearfix {
width: 850px;
background: #FFF;
border-bottom: 1px solid #D3D3D3;
margin: 10px auto;
background-image:url(images/bkg_content.gif);
background-position:top;
background-repeat:no-repeat;
}

.content-top {
width: 850px;
margin: 0 auto;
background-position:top;
background-repeat:no-repeat;
}

.boxwrap {
margin: 0 auto;
border: 1px solid #D3D3D3;

}

.flash {
padding: 13px;
margin: 0 auto;
}

#content {
width: 850px;
margin: 0px auto;
padding: 13px;
}

#menubar {
width: 826px;
height: 44px;
background: url(images/menubarbg.jpg);
}

#menubar2 {
width: 826px;
height: 44px;
background: url(images/menubarbg.jpg);
}


ul, li {
margin:0 0 0 10px;
border:0;
padding:0;
line-height: 18px;

}

#catlist {
font-size:12px;
padding:0px;
height:28px;
padding: 15px 0 0 15px;
float: left;
color:#2b9eb3;
text-transform:uppercase;
}

#cap_list {
font-size:12px;
padding:0px;
height:28px;
padding: 15px 20px 0 15px;
float: left;
color:#FFFFFF;
float:right;
}

#cap_list2 {
font-size:12px;
padding:0px;
height:28px;
padding: 15px 10px 0 15px;
float: left;
color:#333333;
float:right;
text-transform:none;
}

#catlist .menu li {
background:url(images/lm.gif) left top no-repeat;
height:28px;
float:left;
margin-right:10px;
}

#catlist .menu li a {
color:#1F1D1D;
text-decoration:none;
padding:0 10px;
height:28px;
line-height:28px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(images/rm.gif) right top no-repeat;
width:200px;
}

#catlist .menu li a:hover {
color:#565050;
}

#catlist ul .submenu {
border-top:none;
background: url(images/menubg.png) top left repeat;
position:relative;
width:235px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}

#catlist ul .submenu li {
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #B6B6B6;
}

#catlist .submenu li a {
background:none;
display:block;
float:none;
padding:6px 11px;
margin:0;
border:0;
height:auto;
line-height:normal;
}

#catlist .submenu li a:hover{
}
/* End Categories List */

/* Begin Video Gallery */

#content_text {
float: left;
margin: 0 auto 20px 0;
border: 1px solid #eee;
padding: 15px;
background-color:#F0F0F0;
width: 794px;
line-height: 18px;
}
#videogallery {
float: left;
margin: 0 auto 20px 0;
border: 1px solid #eee;
padding-top: 10px;
padding-left:0px;
padding-right:0px;
background-color:#F0F0F0;
}

#videogallery_sub {
float: left;
margin: 0 auto 10px 0;
border: 1px solid #eee;
padding-top: 10px;
padding-left:0px;
padding-right:0px;
background-color:#F0F0F0;
}

.videoitem {
width: 192px;
height: 170px;
float: left;
background: url(images/itembg.jpg) top left no-repeat;
margin: 0px 2px 0 0;
padding: 6px 5px 6px 7px;
}

.videoitem_right {
width: 192px;
height: 150px;
float: left;
background: url(images/itembg.jpg) top left no-repeat;
margin: 10px 0px 0 0;
padding: 9px;
}

.comments {
width: 200px;
height: 30px;
background: url(images/commentsbg.gif) top  no-repeat;
color:#333333;
font-size: 10px;
line-height: normal;
text-transform:uppercase;
padding-top: 5px;
}

.thumbnail {
float: ;
margin: 5px 0 0 0;
width: 192px;
height: 120px;
padding: 0px;
overflow: hidden;
}

img.thumb { 
width: 1024px;
height: 120px;
}

a:hover img.thumb {
width: 192px;
height: 120px;
}

/* Begin Footer */
#footer {
width: 850px;
margin: 0 auto;
clear: both;
background-image:url(images/bkg_footer.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
height: 60px;
}

#footer a:link, #footer a:visited {
color:#999999;
}

#footer small {
color: #999191;
}

/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:35px;font-size:11px;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;
padding: 0 35px 0 15px;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#FFFFFF;text-decoration:none;padding:10px 18px 0 18px;height:28px;background:transparent url(images/blueslate_background.gif) repeat-x top left;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

#left {
width: 850px;
height: 37px;
margin: 0 auto; /*** Move the left column so it takes the positon as a top menu ***/
background-image:url(images/bkg_nav.gif);
background-position:bottom;
background-repeat:no-repeat;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}