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

* {
	margin: 0;
	padding: 0;
}


html, body {
	height: 100%;
}

body {
	margin: 0;
	background: #FFF url(images/image01.jpg) repeat left top;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}

h1, h2, h3 {
	margin-top: 1.5em;
}

h1 {
	font-size: 2em;
}

h2 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	color: #FFF;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.0em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #fff;
}



#wrapper {
	width: 901px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px;
	background: url(images/image02.jpg) repeat-y left top;
}

html>body #wrapper {
	height: auto;
}


#header {
	width: 901px;
	height: 303px;
	margin: 0 auto;
	background: url(images/header.jpg) repeat-y left top;
}

#menu {
width:100%;
height:80px;
font-size:1.1em;
line-height:normal;
overflow: hidden;
background: url(images/menu_top.jpg) no-repeat left top;
}

#menu ul {
float:left;
list-style-type: none;
margin:0;
margin:55px 0px 0px 60px ;
padding:0;
}

#menu li {
display:inline;
margin:0;
padding:0;
}

#menu a {
float:left;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#menu a span{
float:left;
display:block;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
color: white;
background: url(images/menu_active.jpg) no-repeat right top;
}

#menu #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
background: url(images/menu_left.jpg) no-repeat left top;
}


#menu #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
background: url(images/menu_active.jpg) no-repeat right top;

}

#menu a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
background: url(images/menu_left.jpg) no-repeat left top;
}

#menu a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
background: url(images/menu_active.jpg) no-repeat right top;
}




#page {
	width: 901px;
	margin: 0 auto;
	padding: 20px 0px;
	background: url(images/bg.jpg) repeat-y left top;
}

#content {
	float: left;
	width: 476px;
	padding: 0px 40px 0px 70px;

}
#content p{
font-size:1.1em;
letter-spacing:1px
font-weight:bold;


}
#content h1 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	color: #B6D434;
}

}
#content h2 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	color: #FFF;
}
#content .byline {
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 24px;
}

ul#categories {
	width:200px;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 15px;
}

ul#categories li {
	display: block;
	padding: 0px;
	line-height: 30px;
	height: 30px;
	margin-top: -2px; 
	margin-bottom: -2px;
}

*> ul#categories li { margin-top: 0px; margin-bottom: 0px; }

ul#categories li.selected {
	text-decoration: none; 
	background-color:#7ACDCC;
}

ul#categories li a {
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 20px;
	line-height: 30px;
	text-decoration: none;
	font-size: 15px;
	color: 000;
	background: url(images/side_list.png) no-repeat left;
}
ul#categories li a:hover { 
	text-decoration: underline; 


}

#sidebar {
	float: right;
	width: 200px;
	padding: 0px 70px 0px 40px;
	border-left:1px solid white;

}


}
#sidebar a {
}
#sidebar ul {
width:180px;
}
#sidebar li {
padding:2px 0px 2px 0px;
}


#sidebar h2 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
}
#sidebar-bottom {
  background: url(images/sidebar_fade.jpg) no-repeat left bottom;
  height:50px;
  float: right;
	width: 202px;
	padding: 0px 70px 0px 39px;
}

#footer {
	clear: both;
	width: 901px;
	height:65px;
	margin: 0 auto;

	background: transparent url(images/foot.png) no-repeat left top;
}

#footer p {
	margin: 0px;
	padding-top: 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}