/*
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: 30px 0 20px; padding: 0; text-align: justify; line-height: 20px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4c; background-color: black; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

h1, h2, h3 { padding: 0; margin: 0; color: #000000; }

strong { color: #000000; text-decoration: none; }

p, ul, ol { text-decoration: none; margin-bottom: 1.5em; }

ul { text-decoration: none; margin: 0; padding: 0; }

a { color: gray; text-decoration: none; border-bottom: 1px solid black; }

a:hover {
	text-decoration: none;
	color: gray;
}

/** Style for header starts here */

#header {
	width: 960px;
	height: 198px;
	margin: 0 auto;
	background: black url(../images/img03.jpg) no-repeat left top;
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 70px 10px 10px 20px;
	font-size: 3em;
}

#header h2 {
	padding: 73px 10px 0px 0px;
	font-size: 1.4em;
}

/** Style for menu starts here */

#menu {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	background: red;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a { display: block; float: left; border: none; background: url(../images/megaphone.jpg) no-repeat left 55%; padding: 14px 30px 10px 12px; text-decoration: none; color: #ffffff; text-indent: 20px; }

#menu a:hover {
	color: #D7D7BD;
}

/** Style for wrapper starts here */

#wrapper { background-color: white; background-repeat: repeat-y; background-attachment: scroll; background-position: left top; text-decoration: none; width: 840px; margin: 0 auto; border: solid 6px white; }

/** Style for content starts here */

#content { text-decoration: none; width: 960px; margin: 0 auto; }

#content h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}
#content p { text-decoration: none; }

#content a {
	text-decoration: none;
}

#right { background-color: white; text-decoration: none; float: right; width: 640px; padding: 20px; }

#right ul { text-decoration: none; margin: 0 3em; padding: 0; list-style: none; }

#right li { margin-bottom: 8px; padding-left: 10px; background: url(images/img06.jpg) no-repeat 0 7px; line-height: 17px; text-decoration: none; }

#right .post { text-decoration: none; }

#left { background-color: #ededed; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; float: left; width: 240px; padding: 20px; }
#left h2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/megaphone_black.jpg); background-repeat: no-repeat; background-position: left 55%; text-transform: uppercase; text-indent: 35px; border-bottom: 1px solid #cccccc; }
#left ul { text-decoration: none; margin: 15px 0 0; padding: 0; list-style: none; }
#left li { padding-left: 10px; background: url(images/img04.gif) no-repeat left 50%; text-decoration: none; }


/** Style for footer starts here */

#footer { clear: both; width: 960px; height: 50px; margin: 0 auto; padding-top: 18px; border-top: 1px solid #444444; text-transform: uppercase; font-size: 10px; color: #e5e5cc; background-image: url(../images/footer2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }

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

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;
}

#footer .css {
	padding-left: 20px;
	background: url(images/image01.png) no-repeat left 50%;
}

#footer .xhtml { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; padding-left: 20px; }

#footer a {
	border-bottom: 1px #E5E5CC dashed;
	text-decoration: none;
	color: #E5E5CC;
}