/********************* PRE-CONTENT *********************/

html, body {
height: 100%;
}

body {
background: #000;
font-family: Tahoma;
font-size: 0.7em;
color: #000;
}

* {
padding: 0;
margin: 0;
}

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

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

#container {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
width: 955px;
margin: 0 auto;
margin-bottom: -36px;
background: #FFF url('i/cont-bg.gif') repeat-y;
padding: 0 1px;
}



/********************* HEADER *********************/

#header, #header a {
width: 955px;
height: 230px;
text-indent: -300px;
overflow: hidden;
display: block;
background: url('i/header.jpg') no-repeat;
}

#nav {
height: 30px;
line-height: 30px;
background: #000 url('i/nav.png') repeat-x top;
color: #F6BA62;
border: 1px solid #000;
border-width: 1px 1px 0 1px;
padding: 0 0 0 40px;
margin: 0 0 2px 0;
overflow: hidden;
list-style: none;
}

#nav li {
float: left;
}

#nav li a {
height: 30px;
color: #F6BA62;
font-weight: bold;
font-size: 1.35em;
font-family: Trebuchet MS;
display: block;
padding: 0 17px;
text-transform: uppercase;
float: left;
}

#nav li a:hover {
background: url('i/nav2.png') repeat-x top;
text-decoration: none;
}




/********************* CONTENT *********************/

#content {
width: 470px;
padding: 0 0 0 10px;
float: left;
}

#content h2 {
background: #000 url('i/content-head.gif') no-repeat;
width: 470px;
}

#subheader {
height: 129px;
text-indent: -999px;
overflow: hidden;
background: url('i/subheader.png') no-repeat;
}

#content h3 {
background: url('i/h3.gif') repeat-x top;
height: 20px;
line-height: 20px;
font-size: 1em;
font-weight: normal;
text-indent: 10px;
margin-left: -5px;
margin-right: -5px;
}

#content p {
padding: 5px 0;
}

.content {
border: 1px solid #cccccc;
border-top: 0;
padding: 1px 5px;
}

#content ul {
padding: 5px 20px;
}

.meta {
background: url('i/meta.gif') no-repeat bottom;
border: 1px solid #cccccc;
border-top: 0;
height: 13px;
line-height: 13px;
font-size: 0.9em;
text-align: right;
padding: 0 5px;
margin: 0 0 14px 0;
}

.meta a {
color: #000;
}


#sidebarl {
float: left;
padding: 0 0 0 3px;
}

#sidebarr {
float: right;
padding: 0 3px 0 0;
}

h2 {
height: 25px;
line-height: 27px;
color: #CCCCCC;
font-size: 1.2em;
text-indent: 25px;
text-transform: uppercase;
}

h2 a {
color: #CCC;
}

#container .s, #content {
padding-bottom: 15px;
}

.s h2 {
width: 230px;
background: #000 url('i/sidebar-head.gif') repeat-x top;
border-bottom: 1px solid #cccccc;
}

.s h3 {
background: url('i/h3.gif') repeat-x top;
height: 20px;
line-height: 20px;
font-size: 1em;
font-weight: normal;
text-indent: 10px;
margin-left: -5px;
margin-right: -5px;
margin-top: -6px;
}

.s ul {
list-style: none;
border: 1px solid #cccccc;
border-width: 0 1px;
width: 228px;
margin: 0 0 16px;
}

.s ul li {
background: url('i/sidebar-li.gif');
height: 20px;
line-height: 20px;
overflow: hidden;
border-bottom: 1px solid #cccccc;
padding: 0 7px;
color: #000;
}

.s ul li a {
color: #000;
}

.s .links li a {
display: block;
}

.box {
width: 218px;
border: 1px solid #cccccc;
border-top: 0;
padding: 1px 5px;
}

.box2 {
border: 1px solid #fff;
padding: 0 5px;
background: #efefef url('i/box.gif') height:100% repeat-x;
}

.box p {
margin: 5px 0;
}

ul.arrow {
list-style: square inside url('i/arrow.gif')
}




/********************* FOOTER *********************/

.clearfooter {
height: 20px;
clear: both;
}

#footer {
position:relative;
width:945px;
height: 30px;
line-height: 30px;
margin: 0 auto;
background: url('i/nav.png') repeat-x top;
padding: 0 10px 6px 0;
clear: both;
color: #F6BA62;
text-align: left;
}

#footer a {
color: #F6BA62;
padding: 0 1px;
}




/********************* GALLERY *********************/

.gallery ul {
position: relative;
left: -25px;
list-style: none;
display: table;
width: 467px;
text-align: justify;
vertical-align: middle;
}

.gallery li {
background: url('i/gallery-li.gif') repeat-x center;
display: table-row;
height: 130px;
width: 100%;
vertical-align: middle;
}

.gallery li img {
float: left;
vertical-align: middle;
}

.gallery li a:hover {
background: url('i/gallery-li2.gif') repeat-x center;
text-decoration: none;
display: table-row;
height: 130px;
width: 100%;
}

.gallery li a {
text-decoration: none;
display: table-row;
height: 130px;
width: 100%;
}

span.text {
display: table-cell;
vertical-align: middle;
padding: 5px;
}

span.text a:hover {
display: table-cell;
vertical-align: middle;
}

span.text a {
display: table-cell;
vertical-align: middle;
}



/********************* VIDEOS *********************/

#videos {
margin:1em 0;
padding:0;
list-style:none;
height:128px;
width:256px;
}

#videos li {
margin:0;
padding:0;
display:block;
width:128px;
float:left;
}

#videos a {
border:none;
display:block;
height:128px;
}

#videos a:hover img {
visibility:hidden;
}

#videos a {
display:inline-block;
}

html #videos a {
display:block;
}

.snf {
background:url('i/videossnf1.png') bottom left no-repeat;
}

.osh {
background:url('i/videososh1.png') bottom left no-repeat;
}

#videos a {
display:block; height:128px; width:128px;
height:128px; width:128px;
}

* html #videos a {
cursor:hand;
}

* html #videos a:hover {
height:1%;
}