/*
Template Design by TheWebhub.com
http://www.thewebhub.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
*/

/** Common Styles */

body {
	margin: 0px 0 0 0;
	padding: 0;
	background: #000000 url(../images/backgrounds/totalbg.jpg) no-repeat left top fixed;
	background-position: center top;
	line-height: 1.6em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

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

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

.bg1 {
	background: #000000 url(../images/backgrounds/image04.jpg) repeat-x left top;
}

.bg2 {
	background: #FFFFFF url(../images/backgrounds/image042.jpg) repeat-x left top;
}
.content {
	padding: 10px 20px 10px 20px;
}
.floatfix { 
	clear: both; 
} 

/** HEADER */

#header {
	width: 960px;
	height: 240px;
	margin: 0px auto;
	background: #000000 url(../images/backgrounds/header.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#header h1 {
	text-align: right;
	margin: 0px;
	padding: 100px 70px 0px 0px;
	text-transform: uppercase;
	font-size: 42px;
	color: #000000;
}

#header h2 {
	margin: 0px;
	padding: 3px 50px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	color: #000000;
}

/** HEADER 2 */

#header2 {
	width: 960px;
	height: 110px;
	margin: 0px auto;
	background: #000000 url(../images/backgrounds/header2.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header2 h1 {
	text-align: right;
	margin: 0px;
	padding: 100px 70px 0px 0px;
	text-transform: uppercase;
	font-size: 42px;
	color: #000000;
}

#header2 h2 {
	margin: 0px;
	padding: 3px 50px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	color: #000000;
}

/** HEADER 3 */

#header3 {
	width: 960px;
	height: 110px;
	margin: 0px auto;
	margin-left:-14px;
	background: #000000 url(../images/backgrounds/header2.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header3 h1 {
	text-align: right;
	margin: 0px;
	padding: 100px 70px 0px 0px;
	text-transform: uppercase;
	font-size: 42px;
	color: #000000;
}

#header3 h2 {
	margin: 0px;
	padding: 3px 50px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	color: #000000;
}

/** Sponsors */

#sponsors {
	width: 960px;
	height: 75px;
	margin: 0px auto;

}

#preload { display: none; }

/* rotating pics */

#pics {  
	margin: 0px;
	padding: 3px 50px 10px 5px; 
} 
 

/** CONTENT */

#content-wrap {
	width: 960px;
	margin: 0 auto;
	background-color: #000;
	

}

#content {
	width: 890px;
	margin: 0px auto;
	padding-top: 10px;

}

#content2 {
	width: 890px;
	margin: 0px auto;
	padding-top: 2px;

}

#columnA {
	float: left;
	width: 600px;
	background: #1A1A19;
}

#columnA h2 {
	padding: 10px 0 10px 30px;
	background: #444540;
	border: 1px #929291 solid;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#columnB {
	float: right;
	width: 260px;

}

#columnB h2 {
	padding: 10px 0px 10px 0px;
	background: #444540;
	border: 1px #929291 solid;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#columnB strong {
	font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	font-size: 14px;
	color: #B99F46;
}

#columnC {
	float: left;
	width: 890px;
}

#columnC h2 {
	padding: 2px 0px 10px 0px;
	background: #444540;
	border: 1px #929291 solid;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#columnC h3 {
	padding: 5px 0px 5px 60px;
	background: #444540;
	border: 1px #929291 solid;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}
#columnC h4 {
	padding: 5px 0px 5px 0px;
	background: #444540;
	border: 1px #929291 solid;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}

#columnC strong {
	font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	font-size: 14px;
	color: #B99F46;
}

/** Tray  */

#tray {
	width: 860px;	
	margin:0 auto;

	padding: 10px 0 10px 0px;
}
#tray .redbox {
	float: left;
	width: 267px;
	background: #000000 url(../images/backgrounds/image04.jpg) repeat-x;
	margin-left: 11px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 12px;
	color: #CFCFCF;
}
#tray .first {
	margin-left: 0px;
}
#tray p {
	
	margin-top: 1em;
	margin-bottom: 1.4em;
	padding-left: 10px;
}

/** CALENDAR */
#calendar {
	padding: 10px 0px 20px 0px; 
	width: 17em;
	
}
#calendar span {
	float: left; 
	width: 2em; 
	padding: 0; 
	margin: 0.125em;
	text-align: center; 
	border: 1px solid #666;
}

#calendar, .sun {
	clear: left;
}

/** FOOTER */

#footer {
	width: 960px;
	height: 50px;
	margin: 0px auto;
	background: #000000;
	border-top: 2px solid #4A4A4A;
	font-size: 11px;
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	padding: 5px 10px;
}

#footer .copyright {
	float: right;
	margin: 10px 0px 0px 30px;
	padding-left: 20px;
	text-align: center;
}