@charset "utf-8";
/*

Errol C. Parumog


*/

*		{ margin: 0;padding: 0;}
html	{ overflow-y: scroll; height= 100%:}
ul		{ list-style: square inside;}
ol		{ list-style: decimal inside;}
a		{ outline: none; text-decoration: underline;}
a img	{ border: none;}
img		{ vertical-align: middle;}
	
	
body {
	background: url(background.gif) repeat-x;
	background-color: #36555e;
}

p { font-family: Stencil; font-size: 14px; color: black; }

h1{
font-family: Stencil;
font-size: 30px;
font-weight: normal;
color: #000;
padding-left: 50px;
padding-top: 27px;
}

/*

Content

*/

#leftSide {
	width: 578px;
	height: auto;
	margin-top: 5px;
	margin-left: 14px;
	float: left;
}
#titleBar {
	background: url(Titlebar.gif) no-repeat 0 0;
	width: 578px;
	height: 80px;
	margin: 0 auto;
}
#content {
	background: #737e5b;
	min-height: 400px;
	height: auto;	
	padding: 15px;
}

/*

Sidebar

*/

#sidebar {
	float: right;
	width: 341px; 
	height: 510px;
	margin-top: 5px;
	margin-right: 14px;
	background: url(sidebar.gif) no-repeat 0 0;
}








#pagewrap {width: 960px; margin: 0 auto;}



#header {
	background: url(Header.gif);
	width: 960px;
	height: 206px;
	margin: 0 auto;
}

/*

Navigation Bar

*/

#navigation_bg {
	background: url(nav_bar.gif) no-repeat 0 0;
	width: 929px;
	height: 68px;
	margin: 0 auto;
}


#navigation			{ float: left; margin-left: 50px; margin-top: 15px;}
ul#navigation 		{list-style: none;}
ul#navigation li	{ display: inline;}
ul#navigation li a	{
	text-indent: -9999px;
	display: block;
	float: left;
	height: 24px;
	margin-left: 15px;
}

ul#navigation li a.home {
	width: 97px;
	float: left;
	background: url(Images/buttons01/home.gif) no-repeat 0 0;
}

ul#navigation li a.news {
	width: 92px;
	float: left;
	background: url(Images/buttons01/news.gif) no-repeat 0 0;
}

ul#navigation li a.gallery {
	width: 149px;
	float: left;
	background: url(Images/buttons01/gallery.gif) no-repeat 0 0;
}

ul#navigation li a.guide {
	width: 103px;
	float: left;
	background: url(Images/buttons01/guide.gif) no-repeat 0 0;
}

ul#navigation li a.download {
	width: 185px;
	float: left;
	background: url(Images/buttons01/buttons_20.gif) no-repeat 0 0;
}














