/* AUTHORS: SEP, MALAGANT, IZZY */
/*css level 3 valid*/
* {
	padding: 0px;
	margin: 0px;
}
body{
	margin:0;
	padding:0;
	background: #161412 url("../gfx/mainBG.jpg") no-repeat scroll 50% 0pt;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
a {
	color:inherit;
} 
p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 13px 0px;
}

/* GLOBAL CLASSES */
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}
.float_left {
	position: relative;
	float: left;
}
.float_right {
	position: relative;
	float: right;
}
.ora{
	color:#ff9900;
}
.mt5{
	margin-top:5px;
}
.mb7{
	margin-bottom:7px;
}
.mbl511{
	margin:0px 0px 5px 11px;
}

/*TOP LEVEL FRAMING STYLES*/
#wrapper {
	margin: 19px auto 0px auto;
	text-align: left;
	/* re_aligns text to left */
	width: 1014px; 	/* Total width */
}
#upper {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#banner {
	position:relative;
	margin: 0px auto 0px auto;
	width: 100%;
}
#content {
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
}
#footer {
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	background: url("../gfx/footerBG.jpg") no-repeat scroll 50% 0pt;
	height:318px;
}

/*FIRST LEVEL FRAMING STYLES*/

/* MASTHEAD */

#upper #masthead {
	position: relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height: 97px;
	background: transparent url("../gfx/topScrap-trans.png") no-repeat 0 0;
}
#upper #masthead h1 a {
	position: absolute;
	top: 17px;
	left: 0px;
	background: transparent url("../gfx/headerLogo-trans.png") no-repeat 0 0;
	width: 900px;
	height: 81px;
}
#upper #masthead span {
	display: none;
}

/*BANNERS*/

#banner #banner_wrap {
	position:relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	background-color:#161412;
	z-index: 2;
}
#banner #banner_contact {
	position:relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height:337px;
	background: transparent url("../gfx/headerContact.jpg") no-repeat 0 0;
}
#banner #banner_about {
	position:relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height:337px;
	background: transparent url("../gfx/headerAbout.jpg") no-repeat 0 0;
}
#banner #banner_supporters {
	position:relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height:337px;
	background: transparent url("../gfx/headerSupporters.jpg") no-repeat 0 0;
}
#banner #banner_events {
	position:relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height:337px;
	background: transparent url("../gfx/headerEvents.jpg") no-repeat 0 0;
}

/*NAVIGATION*/
.navContainer {
	border-bottom:1px #030303 solid;
	margin:0px 15px 0px 15px;
	padding:0px 0px 7px 0px;
	text-align:left;
}
.cutter{
	border-top:1px #22201e solid;
	font-size:9px;
	height:2px;
	margin:0px 15px 11px 15px;
}
#navigation{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:26px;
}
#navigation ul{
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style: none;
}
#navigation ul li{
	display: inline;
	white-space: nowrap;
}
#navigation ul li a{
	float: left;
	color:#000;
	height: 26px;
}
li#navHome a{
	background: transparent url("../gfx/navHome.jpg") no-repeat 0 0;
	width: 58px;
	margin:0px 7px 0px 0px;
}
li#navAbout a{
	background: transparent url("../gfx/navAbout.jpg") no-repeat 0 0;
	width: 61px;
	margin:0px 7px 0px 0px;
}
li#navEvents a{
	background: transparent url("../gfx/navEvents.jpg") no-repeat 0 0;
	width: 65px;
	margin:0px 7px 0px 0px;
}
li#navForum a{
	background: transparent url("../gfx/navForum.jpg") no-repeat 0 0;
	width: 63px;
	margin:0px 7px 0px 0px;
}
li#navMedia a{
	background: transparent url("../gfx/navMedia.jpg") no-repeat 0 0;
	width: 61px;
	margin:0px 7px 0px 0px;
}
li#navSupporters a{
	background: transparent url("../gfx/navSupporters.jpg") no-repeat 0 0;
	width: 97px;
	margin:0px 7px 0px 0px;
}
li#navContact a{
	background: transparent url("../gfx/navContact.jpg") no-repeat 0 0;
	width: 72px;
	margin:0px 7px 0px 0px;
}
#navigation ul li a:hover{
	background-position: 0 -51px;
}
#navigation ul li a span{
	display: none;
}
#navigation ul li a.active, #navigation ul li a.active:hover{
	background-position:0pt -52px ;
}
#navigation ul li a:hover{
	background-position:0pt -26px ;
}

/*CONTENT*/
#content #content_wrap {
	position: relative;
	margin: 0px auto 0px auto;
	padding:0px;
	width:1014px;
	color:#fff;
	background-color:#161412;
}

/*RIGHT COLUMN*/
.rightcol{
	float:left;
	width:350px;
	margin:0px 0px 30px 11px;
}
.fbHolder{
	margin:0px 0px 7px 0px;
}
.fbMainTitle{
	border-bottom:1px #c2c0a7 dashed;
	padding:0px 0px 3px 0px;
}
.fbMainTitle h3#kulay{
	color:#ff9900;
	text-align:left;
}
.feedburnerFeedBlock{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.feedburnerFeedBlock ul {
	list-style-type:none;
	font-size:11px;
}
.feedburnerFeedBlock ul li {
	margin:0px 0px 0px 0px;
	border-bottom:1px #c2c0a7 dashed;
	padding:11px 0px 11px 11px;
	text-align:left;
}
.feedburnerFeedBlock ul li:hover {
	background-color:#1f1c19;
}
.feedburnerFeedBlock ul li span.headline a {
	color:#dedcbf !important;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}
.feedburnerFeedBlock ul li span.headline a:hover {
	color:#ff9900 !important;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}
#creditfooter {
	display:none;
}
.date{
	font-size: 12px;
	font-weight: bold;
	color:#9b9c8a;
	padding:0px;
	margin:0px;
}

/*LEFT COLUMN*/
#leftcol{
	position:relative;
	float:left;
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
}
#leftcol h3{
	font-size:37px;
	letter-spacing:-2px;
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	color:#ff9900;
	text-align:left;
}
.content_postHP{
	font-size:13px;
	color:#838383;
	padding:0px 7px 0px 7px;
	margin:5px 0px 0px 0px;
	text-align:justify;
}
.content_postHP a{
	font-size:12px;
	color:#fff !important;
	text-decoration:none;
}
.content_postHP a:hover{
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

/*FOOTER*/

#footer #footer_wrap {
	position: relative;
	margin: 0px auto 0px auto;
	width: 1014px;
	height:200px;
}
.stripContainer {
	background-color:#38332f;
}
.contentStripTop {
	height:23px;
	background-image:url(../gfx/stripTop-trans.png);
	background-repeat:no-repeat;
}
.csLeftcol{
	width:260px;
	float:left;
	text-align:right;
	padding:13px 0px 0px 0px;
}
.csLeftcol h4{
	font-size:24px;
	color:#2c2927;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}
.csLeftcol h4 a{
	color:#2c2927;
	text-decoration:none;
}
.csLeftcol h4 a:hover{
	color:#2c2927;
	text-decoration:none;
}
.csRightcol{
	width:695px;
	float:left;
	font-size:12px;
	color:#9a9691;
	padding:24px 0px 24px 0px;
}
.footTerms{
	font-size:25px;
	font-weight:bold;
}
.contentStripBottom {
	height:23px; background-image:url(../gfx/stripBottom-trans.png);
	background-repeat:no-repeat;
}
.crHolder {
	font-size:11px;
	color:#484848;
	text-align:right;
	padding-right:17px;
	margin-bottom:29px;
}
.monoTxt {
	text-align: left;
	font-family:'Courier New', Courier, monospace;
	color:#f9f9f9;
	font-size:11px;
	padding-left:10px;
}
/*ABOUT US*/
.subTitlesAbout{
	color:#dedcbf;
	text-transform:uppercase;
	font-size:23px;
	font-weight:bold;
	margin:0px 0px 7px 0px;
	border-bottom:1px #2b2b29 solid;
	padding:0px 0px 3px 3px;
}
/*EVENTS*/
#eventsCol{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 15px;
}
#eventsCol h3{
	font-size:37px;
	letter-spacing:-2px;
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	color:#ff9900;
	text-align:left;
}

/*SUPPORTERS*/
ul.supportersContainer{
	padding:0px;
	margin:11px;
	list-style-type:none;
	border-top:1px #000 solid;
	border-bottom:1px #22201e solid;
}
ul.supportersContainer li{
	padding:11px;
	margin:0px;
	border-top:1px #22201e solid;
	border-bottom:1px #000 solid;
	color:#e2e1dd;
}
ul.supportersContainer li img{
	float:left;
	margin-right:11px;
}
ul.supportersContainer li span{
	float:left;
	font-weight:bold;
	color:#f6530e;
	text-transform:uppercase;
}
.supportDesc{
	float:left;
	font-size:11px;
	width:370px;
	padding:5px 5px 5px 0px;
	color:#838383;
}

/*CONTACT US*/
.filforceContact{
	padding:0px;
	margin:0px 0px 11px 0px;
}
.filforceContact p{
	padding:0px;
	margin:11px 0px 0px 0px;
}
.filforceContact fieldset{
	margin:7px 0px 11px 0px;
	padding:0px 11px 11px 11px;
	border-top:5px #201f1e solid;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.filforceContact fieldset legend{
	color: #dedcbf;
	padding: 0 0.5em 0pt 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: normal;
}
.filforceContact fieldset label{
	color:#838383;
	padding:0px;
}
.filforceContact fieldset input{
	padding:3px;
	background-color:#38332f;
	border:none;
	color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.filforceContact fieldset textarea{
	padding:3px;
	background-color:#38332f;
	border:none;
	color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:520px;
}
.filforceContact fieldset input:focus, .filforceContact fieldset textarea:focus {  
   border: none;  
   color:#161412;
   background-color: #dedcbf;  
}  
.filforceContact input{
	clear: both;
	color: #161412;
	border:none;
	margin: 0px 0px 0px 11px;
	padding: 8px 9px 8px 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	background-color:#dedcbf;
}

/* These are standard sIFR styles... do not modify */

@media screen {
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
}
.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
.sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
}
.sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h3, .sIFR-active h4{
	visibility: hidden;
}
.sIFR-active h3 {
    letter-spacing: -6px;
	font-size: 25px;
	border:none;
	outline:none;
}
.sIFR-active h4 {
	letter-spacing: -6px;
	font-size: 24px;
	border:none;
	outline:none;
  }
}

/* REQUIRED to hide the non-active tab content.*/
.tabberlive .tabbertabhide {
	 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top:1em;
	margin-bottom:51px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0px 11px 0px 11px;
	padding: 3px 0;
	border-bottom: 5px solid #2c2b29;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a { /*TITLE TABS STYLES - ACTIVE LINKS*/
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #2c2b29;
	border-bottom: none;
	background: #181716;
	text-decoration: none;
	font-size: 13px;
	text-transform:uppercase;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
}
ul.tabbernav li a:link {color: #448;}
ul.tabbernav li a:visited {color: #667;}
ul.tabbernav li a:hover{  /*TITLE TABS STYLES - HOVER LINKS*/
	color: #000;
	background: #625e51;
	border-color: #2c2b29;
	text-decoration:none;
	font-size: 13px;
	text-transform:uppercase;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
}
ul.tabbernav li.tabberactive a{
	background-color: #2c2b29;
	border-bottom: 1px #2c2b29 solid;
}
ul.tabbernav li.tabberactive a:hover{
	background-color:#2c2b29;
	border-bottom: 1px #2c2b29 solid;
}

/*.tabbertab = the tab content - CONTENT CONTAINER*/
.tabberlive .tabbertab {
	padding:11px;
	border:5px solid #2c2b29;
	border-top:0;
	margin:0px 11px 0px 11px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.45em;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 {
	display:none;
}
#slider {
    width: 339px; /* important to be same as image width */
    height: 180px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 320px; /* important to be same as image width or wider */
	top: 0;
	margin-left: 19px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {}
ul#sliderContent { list-style-type: none;}

/*OPS PAGE*/
.opsLeft {
	float:left;
	width:499px;
	margin:0px 31px 0px 19px;
}
.opsLeftContent{
	border-top:1px #393631 solid;
	padding:11px 11px 0px 11px;
	text-align:justify;
	line-height: 1.4em;
}
.opsRight {
	float:left;
	width:439px;
	padding-top:11px;
}
.opsLeft h5#ops{
	color:#e4e4e4;
	font-size:47px;
	border-bottom:1px #211e1b solid;
	padding-left:9px;
	letter-spacing: -2px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
}
.opsMiscL{
	margin:0px 23px 0px 31px;
	float:left;
}
.opsMiscR{
	float:left;
}

/*FACEBOX*/
#facebox .b {
  background:url(../gfx/b-trans.png);
}

#facebox .tl {
  background:url(../gfx/tl-trans.png);
}

#facebox .tr {
  background:url(../gfx/tr-trans.png);
}

#facebox .bl {
  background:url(../gfx/bl-trans.png);
}

#facebox .br {
  background:url(../gfx/br-trans.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox .content {
	padding-top:11px;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background-color: #2e2b26;
  width: 1014px;
  font-size:12px;
  color:#bdbdbd;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 7px #3e3b36 solid;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  clear:left;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}