/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS HEADINGS */
h1, h2, h3, h4 {  font-weight: normal; }
h1 { font-size: 20px; }
h2 { font-size: 22px; line-height: 1.4em }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

/* CSS page */
body { background: url(images/p24_body-01.png) #072435 0 0 repeat-x; }
body, table, td { font-weight: normal; font: 13px/1.40em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; text-align: left; color: #FFF;} 

div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }

a:link, a:visited { color: #338CC4; text-decoration: underline; outline: 0; }
a:hover { color: #FFF; text-decoration: underline; }

.clear_b{ clear: both }
.f-left 	{ float: left; }
.f-right 	{ float: right; }
.clear 		{ clear: both; }
.center 	{ text-align: center; }
.left		{ text-align: left; }
.right		{ text-align: right; }
.v-top		{ vertical-align: top; }
.v-bottom	{ vertical-align: bottom; }
.H5 { height: 5px; } .H10 { height: 10px; } .H15 { height: 15px; } .H20 { height: 20px; } .H25 { height: 25px; } .H30 { height: 30px; }
.P10 { padding: 10px }
.P15 { padding: 15px }
.P20 { padding: 20px }

.F11 { font-size: 11px; } .F12 { font-size: 12px; } .F14 { font-size: 14px; } .F16 { font-size: 16px; } .F18 { font-size: 18px; } .F20 { font-size: 20px; } .F22 { font-size: 22px; }

.ML0, .cell_L  { margin-left: 0px !important; } .MR0, .cell_R  { margin-right: 0px !important; } .MO, .cell_LR {margin-left: 0 !important; margin-right: 0 !important}
.MR5 { margin-right: 5px; } .ML5 { margin-left: 5px; } .MB5 { margin-bottom: 5px; }
.MR10 { margin-right: 10px; } .ML10 { margin-left: 10px; } .MB10 { margin-bottom: 10px; }
.MR15 { margin-right: 15px; } .ML10 { margin-left: 15px; } .MB15 { margin-bottom: 15px; }
.MR20 { margin-right: 20px; } .ML20 { margin-left: 20px; }

.P10  { padding: 10px}
.PL10 { padding-left: 10px; } .PR10	{ padding-right: 10px; }
.PL15 { padding-left: 15px; } .PR15	{ padding-right: 15px; }
.PL20 { padding-left: 20px; } .PR20	{ padding-right: 20px; }
.PL30 { padding-left: 30px; } .PR30	{ padding-right: 30px; }


.col { background-color: transparent !important; }
.sep-01 { background: url(images/p24_sep-01.png) transparent 50% 50% no-repeat; }

.TC { width: 100%; background: none 0 0 repeat-x; }
.TL { width: 100%; background: none 0 0 no-repeat; }
.TR { width: 100%; background: none 100% 0 no-repeat; }
.BC	{ width: 100%; background: none 0 100% repeat-x; }
.BL { width: 100%; background: none 0 100% no-repeat; }
.BR { width: 100%; background: none 100% 100% no-repeat; }
.ML	{ width: 100%; background: none 0 0 repeat-y; }
.MR	{ width: 100%; background: none 100% 0 repeat-y; }

.login-wrapper, .search-wrapper { height: 46px; margin-bottom: 10px; }
#footer	{ background-color: #06202F }
/* NAVIGATION */
.navigation .TL { height: 50px; background-image: url(images/p24_nav-TL.png); }
.navigation .TR { height: 50px; background-image: url(images/p24_nav-TR.png); }
.navigation .TC { height: 50px; width: auto; margin: 0 10px; background-image: url(images/p24_nav-TC.png); }

/* FBOX */
#fbox-scroller .grid_22 { z-index: 3; }
#fbox-scroller .slider 					{ width: 860px; overflow: hidden; }
#fbox-scroller .slider-content			{ width: 999em; }
#fbox-scroller .slide 					{ float: left; width: 860px; }

#fbox-scroller .prev-wrap, #fbox-scroller .next-wrap { position: absolute; z-index:1; width: 115px; height: 115px; top: 10px; background: url(images/p24_prev_next.png) 0 0 no-repeat; }
#fbox-scroller .prev-wrap	{ left: -30px;  }
#fbox-scroller .next-wrap	{ right: -30px; background-position: 100% 0; top: 10px; }
#fbox-scroller .arrow		{ position: absolute; z-index: 2; width: 50px; height: 50px; top: 35px; }
#fbox-scroller .prev		{ left: 25px; }
#fbox-scroller .next		{ right: 25px; }
.fbox-item h3 {color: #338CC4; font: normal 24px/1.5em 'XBANDRoughRegular', "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; letter-spacing: 0; }

/* LATEST PICS */
#gal-scroller .slider 					{ width: 420px; overflow: hidden; }
#gal-scroller .slider-content			{ width: 999em; }
#gal-scroller .slide 					{ float: left; width: 420px; }

#sc-gal-container 			{ width: 420px; position: relative; padding-top: 30px; }
#sc-gal-wrapper 			{ width: 375px; position: relative; height: 80px; margin: auto auto }
#sc-gal-wrapper .gal-item	{ float: left; position: absolute; left: 0;}
#sc-gal-wrapper .wrap		{ width: 75px; text-align: center; }
#sc-gal-wrapper .slide-img	{ position: absolute; top: 0; left: 0; z-index: 5}

.item-text					{ width: 150px; height: 40px;  position: absolute; top: -82px; left: -40px; background: url(images/p24_trans.png) 0 0 repeat; }
.item-text .cont			{ padding: 5px; line-height: 1.4em; font-size: 11px; }
.first .gal-image			{ background-image: none; }
#sc-gal-container .sc-gal-control			{ display: block; position: absolute; top: 0px; width: 110px; height: 110px; background: url(images/p24_prev_next.png) no-repeat; overflow: hidden; }
#sc-gal-container .prev						{ left: -20px; background-position: 0 100%; }
#sc-gal-container .next						{ right: -20px; background-position: 100% 100%; }

/* MENU AREAS */
.box-01	{ background-color: #000; }
.box-01 .TC { background:url(images/p24_box-01-CC.png) 50% 0 no-repeat; }
.box-01 .BC { background:url(images/p24_box-01-CC.png) 50% 100% no-repeat; }
.box-01 .box-content { padding: 20px; }
.box-title h3 { margin-bottom: 10px; color: #338CC4; font: normal 20px/1.5em 'XBANDRoughRegular', "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; letter-spacing: 0; text-transform: uppercase }
#latest-pictures .box-01 .BC, #latest-news-wrapper .box-01 .BC { min-height: 460px; }

.box-02	{ background-color: #000; }
.box-02 .TC { background:url(images/p24_box-02-CC.png) 50% 0 no-repeat; }
.box-02 .BC { background:url(images/p24_box-02-CC.png) 50% 100% no-repeat; }
.box-02 .box-content { padding: 20px; }
.box-title h3 { margin-bottom: 10px; color: #338CC4; font: normal 20px/1.5em 'XBANDRoughRegular', "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; letter-spacing: 0; text-transform: uppercase }
#latest-pictures .box-01 .BC, #latest-news-wrapper .box-01 .BC { min-height: 460px; }

/*TABS HOME*/
#tab-container			{ background: url(images/p22_tab-TC.png) 0 0 repeat-x; position: relative; }

.nav					{ height: 56px; }
.nav.TL					{ background-image: url(images/p24_tab_nav-TL.png); } 
.nav.TR					{ background-image: url(images/p24_tab_nav-TR.png); }  
.nav.TC					{ width: auto; margin: 0 10px; background-image: url(images/p24_tab_nav-TC.png); }  

.tab-contents			{ background: url(images/p24_tab_contents.png) #06202F 0 100% repeat-x; padding: 30px 30px; }
.e-tabs					{ }
.e-tabs li				{ display: block; float: left; padding-top: 10px; }
.e-tabs li a			{ display: block; line-height: 46px; height: 46px; font-size: 16px; text-decoration: none }
.e-tabs li span			{ display: block; line-height: 46px; height: 46px; margin: 0 10px; font-size: 18px; font-family: 'QlassikMediumRegular', arial, sans-serif; letter-spacing: 0; }
.e-tabs .active 		{ height: 56px; padding-top: 0px; background: url(images/p24_tab_active-TL.png) 0 0 no-repeat;  }
.e-tabs .active a 		{ height: 56px; background: url(images/p24_tab_active-TR.png) 100% 0 no-repeat; color: #F1F1F1 }
.e-tabs .active span 	{ height: 46px; padding: 10px 10px 0; background-color: #06202F; font-size: 18px; }


ul#catnav {
	position: absolute;
	z-index: 999;
	width: 250px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
}

ul#catnav li 	{ height: 28px; background-color: #000; background-image: none; float: none; padding-top: 0px; margin: 0px   }
ul#catnav li a 	{ background-image: none; display: block; line-height: 32px; height: 32px; font-size: 12px; padding-left: 20px; padding-top: 0px; margin: 0px } 

li.sfhover ul#catnav {
	left: auto;
}

li#catmenu li.active, li#catmenu a.catlink:hover { background-color: #333; }
.sp									{ background: url(images/p24_arrows.png) 0 0 no-repeat; }

/* LATEST NEWS */
#newsitem-top-ajax-container	{ min-height: 250px;}
#item-scroller					{ width: 420px; margin: 0; }
#item-scroller .slider 			{ width: 420px; overflow: hidden; }
#item-scroller .slider-content	{ width: 999em; }
#item-scroller .slide 			{ float: left; width: 420px; background: #000; }
#item-scroller					{ position: relative; }
#item-scroller .arrows			{ position: absolute; bottom: -20px; right: 0px; }
#item-scroller .arrow			{ display: block; width: 17px; height: 21px; float: left; margin-left: 5px; }
#item-scroller .prev			{ background-position: 0 0; }
#item-scroller .next			{ background-position: -17px 0; }
.load-newsitem					{ font-size: 11px; }

/*NEWS CATEGORIES TAB*/
.cat-news-jumpers .jumper			{ display: block; width: 14px; height: 21px; float: left; background-position: -34px 0px }
.cat-news-jumpers a.selected		{ background-position: -34px -21px; }
.cat-news-jumpers .last a			{ margin-bottom: 0; }
.cat-news-wrapper					{ position: relative; }
.cat-news-wrapper .arrows			{ position: absolute; top: -20px; right: 0px; }
.cat-news-wrapper .arrow			{ display: block; width: 17px; height: 21px; float: left; margin-left: 5px; }
.cat-news-wrapper .prev				{ background-position: 0 0; }
.cat-news-wrapper .next				{ background-position: -17px 0; }

.news-title		{ font-size: 22px; font-family: 'QlassikMediumRegular', arial, sans-serif; letter-spacing: 0; }
.postdate		{ font-size: 11px; color: #666; }
.options				{ line-height: 34px; }
.options .read-more		{ float: right; }
.options .read-more .TL	{ background-position: 0px -68px; }
.options .read-more .TR	{ background-position: 100% -68px; }
.options .read-more .TC	{ background-position: 0px -68px; margin: 0px 10px 0px 30px; padding-top: 9px; }
.options .read-more a   { color: #666; display: block; float: left; width: 32px; height: 16px; line-height: 16px; overflow: hidden; }
.options .read-more a img { vertical-align: top; }

/* SEAECH */
.search-field		{ height: 25px; line-height: 25px;}
.custom-search		{ background-color: #011018; border: 1px solid #1E3746; padding: 2px 3px; line-height: 18px; color: #666}
.custom-search:focus	{ background-color: #FFF; border: 1px solid #1E3746; color: #333 }

/* CSS CORE */
.smalltext, .smallblacktext { font-size:  11px; color: #666 }
.tbox, .helpbox { background-color: #011018; border: 1px solid #1E3746; color: #CCC; line-height: 18px;}
.tbox.chatbox , .helpbox, .tbox.comment, textarea { background-color: #011018; border: 1px solid #1E3746; width: 95%; margin: auto auto; margin-bottom: 10px; color: #CCC}


img { border: 0px; }
.linkspage_button { border: 0px; }
form { margin: 0px; }
.indent { border: #EFF4F8 1px dashed; padding: 5px; margin: 5px; color: #000000; background-color: #E4E4E4; }
.nextprev {	border: 0px; text-align: center; padding: 10px 2px;	margin-bottom: 15px; }
.spacer{ padding: 5px 0px; }

.fborder, .border{ border-collapse: collapse; border-spacing: 0px; }
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar { padding: 4px; border: 1px solid #1E3746; }
.forumheader { font-size: 14px; font-weight: bold; color: #999  }
.forumheader2 {  }
.forumheader3, .finfobar {  }
.forumheader4 {}
.forumheader5 { cursor: pointer; }
.fcaption { font-weight: bold; }
.f-title { font-size: 14px; font-weight: normal; }
.searchhighlight { text-decoration: underline; color: #993333; font-weight: bold; }