/* CSS Document */

html, * { margin: 0; padding: 0; }

body {
	margin: 0 auto;
	font-family: 'Trebuchet MS';
	font-size: 13px;
	color: #ffffff;
	background: url(/images/bgd.png) no-repeat #000000 fixed; line-height:normal;
}

#wrap {
	position:absolute;
	left:50%;
	height:auto;
	margin:0 auto;
	margin-left:-505px;
	width:1000px;
	background-image:url(/images/wrapper-bg.gif);
	padding:0;
}

#header { background-image:url(/images/header.png); height:227px; width:1000px;; }

#logo { padding:104px 0 0 15px; }
#q_search { font-size: 1em; height: 23px; width: 8em; border: 2px solid #aaaaaa; padding: 2px; margin-top: 3px; }
div.q_search { vertical-align: bottom; }
#nav{
	background: url(/images/nav-center.png) repeat-x top;
	height:47px;
	float: left;
	width: 1000px;
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS';
}

#nav .nav-left {
	display: inline;
	float: left;
	height: 47px;
	width: 26px;
	background:url(/images/nav-left.png) left top no-repeat;
}

#nav .nav-right {
	display: inline;
	float: right;
	height: 47px;
	width: 26px;
	background:url(/images/nav-right.png) left top no-repeat;
}

#nav .nav-center {
	position: relative;
	display: inline;
	text-align: center;
	float: left;
	height: 47px;
	margin: 0 auto;
	padding-top: 11px;
	width: 948px;
}

#nav div .menu {
	display: inline;
	padding: 11px 28px 11px 28px;
	text-align: center;
	background: url(/images/nav-divider.png) right top no-repeat;
}

#nav div .menu-last {
	display: inline;
	padding: 11px 28px 11px 28px;
	text-align: center;
}

#nav div .menu a:link, #nav div .menu a:visited, #nav div .menu-last a:link, #nav div .menu-last a:visited {
	color: #000000;
}

#nav div .menu a:hover, #nav div .menu a:active, #nav div .menu-last a:hover, #nav div .menu-last a:active {
	color: #ffffff;
}

a {  text-decoration:none; color:#fff; }
a:hover { text-decoration:none; color:#ccc; }

img { border:0; }
a:focus { outline:none }

fieldset { -moz-border-radius: 8px; border-radius: 8px; padding: 10px; margin-top: 10px; }

em.form-field { font-size: 12px; }
td.form-field { padding-bottom: 10px; }

#latest-news {
	width:1000px;
	border:0;
	margin:0 0 20px 0;
	clear:both;
}

#ln-content {
padding:12px 0 0 100px;
width:835px;
}

#ln-content p {
padding:0 0 0 45px;
}

.h1 {
font-size:36px;
}

.h3 {
font-size:16px;
color:#333;
padding-top:-15px;
}

.news-title {
padding:0 0 0 30px;
font-size:14px;
}

.news-description {
padding:0 0 0 99px;
color:#333;
}

/* SLIDER CONTENTS */

#sliderContent {
margin:5px;
}

.update {

}

.see {
float:right;
}

.sliderPics {
	margin: 0 auto;
	text-align: center;
}

.sliderPics img{
border: 1px solid #fff;
margin:15px 0 0 0;
}

.sliderPics table tr td.latest {
	padding: 0 5px;
	font-size: 13px;
}

.sliderPics table tr td.upcoming {
	padding: 0 5px;
	font-size: 13px;
}

.picsTab {
	border: 0;
	margin: 10px auto 0 auto;
	padding: 0;
}

.caption {
	text-align: left;
	color: #c1c1c1;
	line-height: 13px;
}

#upcoming {
	background:url(/images/upcomingBG.jpg) no-repeat;
	width:913px;
	height:305px;
	border:0 0 0 0;
	margin:10px 0 0 40px;
	clear:both;
}

#upGal {
	position: relative;
	display: block;
	margin-top: 0px;
	visibility:visible;
	width: 90%;
}

#upVid {
	position: relative;
	display: block;
	margin-top: 0px;
	visibility:hidden;
	width: 90%;
}

.seeUp {
float:right;
padding:12px 0 0 0;
}

.upcomingTab {
	border: 0;
	margin: 10px auto 0 auto;
	padding: 0;
}

.upcomingTab img{
	border: 1px solid #fff;
	margin:0 0 0 0;
}

/** STORIESSECTION **/

#stories {
background:url(/images/storiesBG.jpg) no-repeat;
width:913px;
height:207px;
border:0 0 0 0;
margin:10px 0 0 40px;
clear:both;
}

.story {
    padding:55px 22px 0 22px;
}

.story-title {
font-size:16px;
font-weight:bold;
}

ul.storylist { list-style-type: none; }
ul.storylist li { padding: 3px 0 3px 0; border-bottom: 1px dotted; text-align: left; }
.index-story { padding: 2px 0 2px 0; border-bottom: 1px dotted; }
.index-story-title a { font-size:1.3em; font-weight:bold;color:#ffffff; }
.index-story-date { font-size:0.9em; font-style: italic; font-weight:normal;color:#eeeeee; }
.index-story-text { font-size:0.9em; font-weight:normal;color:#eeeeee; }
.story-item { width: 90%; padding: 8px 10px 8px 20px; }
.story-item hr { height: 1px; color: #bbbbbb; padding: 0; margin: 0; }
div.storysubtitle { width: 100%; color: #cccccc; }
span.storydate { font-size: 1.0em; }
span.storycategory { font-size: 0.9em; }
span.storycategory a { font-size: 0.9em; color: #cccccc; }
span.storycategory a:hover { font-size: 0.9em; color: #cccccc; border-bottom: 1px dotted; }
div.storytext a { color: #cccccc; border-bottom: 1px dotted; }

#footer {
font-size:11px;
padding-bottom:10px;
margin:0 0 0 50px;
clear:both;
}

div#error-inline {
	border: 1px solid #f34;
	background-color: #f99;
	padding: 10px;
}

/* SUBPAGES */

#details {
padding:0;
clear:both;
height:inherit;
background:url(/images/after-menu-bg.jpg) no-repeat;
}

#content-area {
	padding: 0;
	clear: both;
	height: inherit;
}

#category-area {
width:222px;
height:426px;
background:url(/images/cat-bg.jpg) no-repeat;
float:right;
margin:20px 26px 0 0;
}

#categories-area {
	width:223px;
	height:1151px;
	float:right;
	margin:20px 26px 0 0;
}

#categories-area .categories-header {
	width: 222px;
	background: url('/images/categories-header-bg.jpg') no-repeat top left;
	height: 76px;
	float: left;
}

#categories-area .border-div {
	background: url('/images/categories-border-div.gif') repeat-y;
	width: 222px;
	float: left;
}

#categories-area .border-div .content {
	background: url('/images/categories-bottom-bg.jpg') no-repeat bottom center;
	width: 222px;
}

#categories-area .prop {
	height: 576px;
	float: right;
	width: 1px;
}

#categories-area .clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}

#subpage-video-category-area {
width:222px;
height:1151px;
background:url(/images/subpage-video-category.jpg) no-repeat;
float:right;
margin:20px 26px 0 0;
}

#category-area ul {
margin:35px 0 0 35px;
}

#category-area li {
font-size:13px;
line-height:15px;
list-style-type:square;
}

#details-area {
width:718px;
height:426px;
background:url(/images/details-bg.jpg) no-repeat;
float:left;
margin:20px 0 0 24px;
}

#video-galleries-area {
	width: 719px;
	background:url(/images/content-border-div.gif) repeat-y;
	float: left;
	margin: 20px 0 0 23px;
}

#video-galleries-area #content-header {
	background:url(/images/content-header-bg.jpg) no-repeat top left;
	height: 76px;
	width: 718px;
}

#video-galleries-area .content {
	width: 718px;
	float: left;
	background:url(/images/content-bottom-bg.jpg) no-repeat bottom left;
	padding-top: 20px;
	font-size: 13px;
}

#video-galleries-area .content-paging {
	background-color: #c71b25;
	background: url(/images/content-paging-bg.jpg) no-repeat top left;
	height: 51px;
	text-align: center;
	float: left;
	width: 718px;
	clear: both;
}

#video-galleries-area .content-paging .content-paging-text {
	margin: 15px auto;
}

#video-galleries-area .prop {
	width: 1px;
	height: 217px;
	float: right;
}

#video-galleries-area .clear {
	height: 1px;
	clear: both;
	overflow: hidden;
	background :url(/images/wrapper-bg.gif) no-repeat top center;
}

.full-width { width: 100%; }
.fieldset-wrapper { width: 80%; margin: 0 auto; }

.top-padding {
padding-top:20px;
}

.top-padding2 {
padding-top:25px;
}

.top-padding3 {
padding-top:12px;
}

.top-padding4 {
padding-top:35px;
}

.bottom-padding2 {
padding-bottom:25px;
}

.left-padding {
padding-left:20px;
}

.left-padding2 {
padding-left:10px;
}

.right-padding {
padding-right:20px;
}

.center-padding {
text-align:center;
}

.r-float {
float:right;
}

.detail-img{
	border: 1px solid #fff;
	margin-right: 20px;
}

.detail-text {
	font-size: 13px;
	line-height: 14px;
}

.detail-header {
font-size:16px;
font-weight:bold;
}

.download {
	font-size: px;
	font-weight: bold;
}

.black-sml {
font-size:10px;
line-height:11px;
color:#1d1d1d;
}

#member-area {
width:950px;
height:275px;
background:url(/images/member-area.jpg) no-repeat;
margin:0 0 0 24px;
clear:both;
}

#content-members-area {
	width: 951px;
	margin: 0px 0 0 24px;
	padding: 0;
	clear: both;
}

#content-members-area .content-members-header {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 56px;
	background: url(/images/content-members-header.jpg) no-repeat top left;
}

#content-members-area .border-div {
	margin: 0;
	padding: 0;
	width: 951px;
	background: url(/images/content-members-border-div.gif) repeat-y top left;
}

#content-members-area .border-div .content-div {
	width:950px;
	background: url(/images/content-members-bottom-bg.jpg) no-repeat bottom left;
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
}

#content-members-area .border-div .prop {
	width: 1px;
	float: right;
	height: 224px;
}

#content-members-area .border-div .clear {
	width:950px;
	clear: both;
	height: 1px;
}

#content-members-area .border-div .content-div .content-paging {
	width: 100%;
	text-align: center;
	padding: 15px;
}

.displays {
	border: 0;
	margin: 10px 0 0 0;
	padding: 0;
	width: 90%;
	font-size: 13px;
}

.displays img{
border: 1px solid #fff;
margin:0 0 0 0;
}

.displays td {
	padding:0 0 20px 25px;
	font-size: 13px;
}

#latest-area {
width:950px;
height:inherit;
background:url(/images/more-area-bottom.jpg) no-repeat bottom;
margin:20px 0 0 24px;
clear:both;
}

#content-fluid-wrapper {
	width:951px;
	margin-left: 25px;
}

#content-fluid-wrapper .prop {
	height: 425px;
	width: 1px;
	float: right;
}

#content-fluid-wrapper .clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#content-fluid-wrapper .border-div {
	width:951px;
	background:url(/images/content-fluid-bg.gif) repeat-y;
	float: left;
}

#content-fluid-wrapper .content-div {
	background:url(/images/more-area-bottom.jpg) no-repeat left bottom;
	padding: 15px 20px 15px 20px;
}

#larea-title {
width:950px;
height:51px;
background:url(/images/more-area-top.jpg) no-repeat top left;
margin:0 0 0 0;
clear:both;
}

#larea-content {
	width:950px;
	margin:0 0 0 0;
}

#content-newest-area {
	width: 951px;
	margin: 20px 0 0 24px;
	padding: 0;
	clear: both;
}

#content-newest-area .border-div {
	margin: 0;
	padding: 0;
	width: 951px;
	background: url(/images/content-newest-border-div.gif) repeat-y top left;
}

#content-newest-area .border-div .content-div {
	width:950px;
	background: url(/images/content-newest-bottom-bg.jpg) no-repeat bottom left;
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
}

#content-newest-area .border-div .prop {
	width: 1px;
	float: right;
	height: 247px;
}

#content-newest-area .border-div .clear {
	width:950px;
	clear: both;
	height: 1px;
}

.inside-text {
width:805px;
height:810px;
overflow:auto;
margin:20px 0 0 0;
padding:0 10px 0 75px;
}

.inside-text2 {
width:805px;
min-height: 425px;
height:425px;
overflow:auto;
padding:0 10px 0 75px;
}

.f18 {
	font-size: 18px;
	font-weight: bold;
}

/** DIV classes passed to the smarty_create_category_tree smarty function **/
div.category-tree { font-size: 13px; margin: 0; padding: 0; text-align: left; }
div.category-tree a { text-decoration: none; color: #fff; }
div#category-tree-lev-0 { padding-left: 5px; padding-top: 10px; }
div#category-tree-lev-1 { padding-left: 25px; }
div#category-tree-lev-2 { padding-left: 45px; }
div#category-tree-lev-3 { padding-left: 65px; }
div#category-tree-lev-4 { padding-left: 85px; }
div#category-tree-lev-5 { padding-left: 105px; }

/** DIV classes passed to the pagination.php config file **/
div#paging {
    font-size: 18px;
	margin: 0;
	text-align: center;
	clear: both;
}

div#paging div.chars a, div#paging div.digit a, div#paging div.digit-jump a, div#paging div.text, div#paging div.digit-current a {
	text-decoration: none;
	color: #ffffff;
}

div#paging div.chars {
    font-size: 13px;
	width: 50px;
	margin-left: 5px;
	display: inline;
	color: #ffffff;
}

div#paging div.digit {
	width: 5px;
	margin-left: 5px;
	display: inline;
	color: #ffffff;
}

div#paging div.digit-jump {
    width: 5px;
    padding-left: 3px;
    padding-right: 3px;
    display: inline;
    color: #f80200;
    font-size: 15px;
}

div#paging div.digit-current {
	width: 15px;
	margin-left: 5px;
	display: inline;
	font-weight: bold;
	color: #000000;
    text-decoration: underline;
}

div#paging div.text {
	margin-left: 2px;
	display: inline;
	color: #ffffff;
}

/* SLIDESHOW SPECIFIC STYLES */
div#slideshow-wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

div#slideshow-container {
	margin: 0 auto;
	width: 80%;
	overflow: inherit;
	background-color: #c71a24;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 0;
	text-align: center;
}

div#slideshow-slider {
	margin: 0 auto;
	height: 180px;
	overflow: auto;
	background-color: #c71a24;
	padding: 0;
	text-align: center;
}

img.slideshow-current-thumbnail {
	border: 2px solid #000000;
	margin: 0 2px 0 2px;
}

img.slideshow-thumbnail {
	border: 2px solid #ffffff;
	margin: 0 2px 0 2px;
}