/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 11px;
	color: #333;
	margin: 0px;
	text-align: center;
	background-color: #fff;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* standard Hyperlink */
a {
	color: #111;
	text-decoration: none;
}

a:hover {
	color: #539515;
	text-decoration: underline;
}

/* standard Form */
form {
	margin: 0px;
}

input,select,textarea,option,label {
}

input.button {
	border: 0px;
	padding: 2px 8px 3px 8px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #70ac29;
	cursor: pointer;
}
*html input.button {
	padding: 2px 4px;
}
input.button:hover {
	background-color: #d5541b;
}

input.text {
	font-size: 11px;
	padding: 2px;
	border: 1px solid #ccc;
}
input.text:focus {
	border: 1px solid #70ac29;
}
textarea {
	border: 1px solid #ccc;
	overflow: auto;
}
textarea:focus{
	border: 1px solid #70ac29;
}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}

img {
	border: none;
}
.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
	margin-right: 10px;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear{
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
	overflow: hidden;
}
/* --------- warper element -------- */

.body{
	width: 1004px;
	margin: 0px auto;
	text-align: left !important;
	background: url(../images/bg.gif) top left repeat-x #f3f9e7;
}
.pagetop {
	height: 38px;
	padding: 0px 20px;
	overflow: hidden;
	color: #fff;
	background-color: #214c04;
	border-bottom: 1px solid #fff;
}
.pagetop h1 {
	float: left;
	margin: 0px !important;
	padding: 12px 0px !important;
	font-size: 1.0em;
	font-weight: lighter;
}
.pagetop p {
	float: right;
	margin: 0px !important;
	padding: 12px 0px !important;
	font-weight: lighter;
}
.pagetop p a {
	color: #fff;
	text-decoration: none;
}
.pagetop p a:hover {
	color: #fff;
	text-decoration: underline;
}

.wrapper {
	width: 728px;
	padding: 0px;
	overflow: hidden;
	float: left;
	display: block;
}

.header {

}
.bannerImg {
	height: 267px;
	padding: 0px;
	background: url(../images/bannerImg.png) top no-repeat;
}


.partner {
	padding: 0px 10px;
}
.partner h2 {
	margin: 0px !important;
	padding: 5px 10px !important;
	font-size: 1.6em;
	color: #7cb637;
}
.partner p {
	margin: 0px !important;
	padding: 0px !important;
	display: inline;
}
.partner p a {
	float: left;
	margin: 1px 0px;
	padding: 6px 10px;
	width: 160px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #85bb3c;
}
.partner p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #d5541b;
}

.mainNav {
	height: 30px;
	padding: 0px 40px;
	overflow: hidden;
	text-align: right;
	background: url(../images/bgMainNav.gif) bottom left repeat-x;
}
.mainNav p {
	margin: 0px !important;
	padding: 0px !important;
	display: inline;
}
.mainNav p a {
	float: right;
	margin-right: 3px;
	padding: 0px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/bgNav_right.gif) top right no-repeat;
}
.mainNav p a span {
	display: block;
	padding: 10px 20px 8px 20px;
	background: url(../images/bgNav_left.gif) top left no-repeat;
}
.mainNav p a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../images/bgNav_right.gif) no-repeat;
	background-position: 100% -30px !important;
}
.mainNav p a:hover span {
	background: url(../images/bgNav_left.gif) no-repeat;
	background-position: 0px -30px !important;
}

.leftSide {
	width: 200px;
	float: left;
	padding: 0px 0px 20px 0px;
}
.mainSide {
	width: 528px;
	float: right;
	display: block;
	margin-top: -2px;
}
.page {
	margin-bottom: 20px;
	border-top: 1px solid #eef4e2;
	background: url(../images/bgPage.gif) top right repeat-y #fff;
}
.pageCell {
	padding: 10px 24px 20px 20px;
	background: url(../images/bgPage_bottom.gif) bottom right no-repeat;
}

h1.pageTitle {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.8em;
	border-bottom: 3px solid #7bb435;
}
*html h1.pageTitle {
	height: 20px;
}

h2.title {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.6em;
	color: #70ac29;
}

.content {
	text-align: left;
	padding: 10px 0px;
}
.content p {
	margin: 10px 0px !important;
	padding: 0px !important;
	line-height: 130%;
}
.content p.date {
	color: #70ac29;
}
.content h3 {
	margin: 10px 0px !important;
	padding: 0px !important;
	font-size: 1.2em;
	color: #70ac29;
}
*html .content h3 {
	height: 10px;
}

table.contentTbl, table.contentTbl2 {
	width: 100%;
	border: 0px;
	text-align: left;
}
table.contentTbl th {
	padding: 6px;
	background-color: #f3f9e7;
}
table.contentTbl td, table.contentTbl2 td {
	padding: 6px;
	border-bottom: 1px solid #f3f9e7;
}
table.contentTbl2 th {
	padding: 6px;
	background-color: #f8f2ec;
}

.searchResult {
}
.searchResultItem {
	padding: 10px;
	border-top: 1px solid #eee;
}
.searchResultItem .title{
	font-weight: bold;
}
.searchResultItem .title a{
	color: #d5541b;
}

ul.list {
	margin: 0px !important;
	padding: 0px 0px 10px 0px !important;
	list-style: none;
}
ul.list li {
	border-bottom: 1px solid #e7efd8;
}
ul.list li a {
	padding: 8px 10px;
	display: block;
}
ul.list li a:hover {
	color: #d5541b;
	text-decoration: none;
	background-color: #f3f9e7;
}
ul.detail {
	margin: 0px !important;
	padding: 20px 0px !important;
	list-style: none;
}
ul.detail li {
	text-align: center;
	padding: 4px 10px;
	border-bottom: 1px solid #e7efd8;
}
ul.detail li a {
	padding: 8px 10px;
	display: block;
}
ul.detail li a:hover {
	color: #d5541b;
	text-decoration: none;
}

.pageNav {
	text-align: center;
	margin-top: 10px;
	padding: 20px 10px 10px 10px;
	border-top: 1px solid #eee;
}
.pageNav p {
	display: inline;
	margin: 0px !important;
	padding: 0px 2px !important;
	border-left: 1px solid #ccc;
}
.pageNav p.first {
	border: none !important;
}
.pageNav p a{
	padding: 2px 5px 2px 7px !important;
	color: #517f1a;
}
.pageNav p a:hover{
	color: #d5541b;
	text-decoration: none;
}

.news {
	padding-bottom: 20px;
}
.newsItem {
	padding: 10px 0px;
	border-bottom: 3px solid #7bb435;
}
.newsItem p.category {
	margin: 0px !important;
	padding: 0px !important;
	color: #d5541b;
	font-weight: bold;
}
.newsItem p.title {
	margin: 0px !important;
	padding: 0px !important;
	color: #5d9020;
	font-size: 1.4em;
	font-weight: bold;
}
.newsItem p.title a {
	color: #5d9020;
	text-decoration: none;
}
.newsItem p.title a:hover {
	color: #d5541b;
	text-decoration: underline;
}
.newsItem p.desc {
	margin: 0px !important;
	padding: 0px !important;
}
ul.newsDesc {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
ul.newsDesc li {
	display: inline;
}
ul.newsDesc li p {
	margin: 5px 0px 10px 0px !important;
	padding: 0px !important;
}
ul.newsDesc li img {
	border: 0px;
	float: left;
	margin: 6px 10px 20px 0px;
}

.gallery {
	padding: 10px 0px;
}
.gallery h2 {
	height: 30px;
	margin: 0px 10px !important;
}
.gallery ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.gallery ul li {
	float: left;
	padding: 5px 10px 5px 5px;
}
.gallery ul li img {
	width: 100px;
	height: 100px;
	border: 3px solid #fff;
}
.gallery ul li a img {
	border: 3px solid #70ac29;
}
.gallery ul li a:hover img {
	border: 3px solid #d2eab5;
}

.menu {
	padding: 10px 0px 20px 0px;
	background-color: #70ac29;
}
#menuCell {
}

.statistic {
	padding: 15px 10px 5px 10px;
	border-top: 1px solid #f3f9e7;
}
.statistic p {
	margin: 0px !important;
	padding: 0px !important;
}

.search {
	margin: 10px 0px 20px 0px;
	padding: 0px 10px;
	text-align: right;
}
.search h2 {
	margin: 0px !important;
	padding: 3px 0px !important;
	font-size: 1.0em;
	float: left;
}
input.searchTxt {
	width: 125px;
	padding: 2px;
	color: #3f413d;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #f3f9e7;
	background-color: #bede88;
}
input.searchTxt:focus {
	border: 1px solid #a6c07b;
}
.search input.button {
	margin-top: 3px;
	margin-right: 1px;
}

.polling {
	padding: 10px;
	background-color: #d2eab5;
	line-height: 150%;
}
.polling h2 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.6em;
	color: #7cb637;
}
.polling p {
	margin: 10px 0px !important;
	padding: 0px !important;
	line-height: 130% !important;
}
.polling p input {
	margin-top: 2px;
	margin-right: 5px;
}

.banner {
	padding: 10px;
}
.banner p {
	margin: 10px 0px !important;
	padding: 0px !important;
	text-align: center;
}

.sidebar {
	width: 275px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
	overflow: hidden;
	text-align: center;
	padding-bottom: 20px;
}

.score {
	width: 254px;
	height: 245px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	color: #fff;
	background: url(../images/bgScore.gif) no-repeat;
}
.score h2 {
	margin: 0px !important;
	padding: 20px 10px 15px 10px !important;
	text-align: center;
	font-size: 1.4em;
}
.score a {
	color: #fff;
	text-decoration: none;
}
.score a:hover {
	color: #d5541b;
	text-decoration: none;
	cursor: pointer;
}
.score ul {
	margin: 0px !important;
	padding: 0px 5px !important;
	list-style: none;
}
.score ul li {
	float: left;
	width: 12px;
	padding-top: 15px;
}
.score ul li span {
	font-size: 30px;
	font-weight: bold;
}
.score ul li.first, .score ul li.last {
	width: 115px !important;
}
.score ul li img {
	margin-top: -15px;
}
.score ul li.first img {
	float: left;
}
.score ul li.last img {
	float: right;
}
.score p {
	clear: both;
	margin: 0px !important;
	padding: 10px 20px !important;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 130%;
}

.nextMatch {
	text-align: left;
	margin: 10px 0px;
	padding: 0px 10px;
}
ul.nextTeam {
	width: 140px;
	float: left;
	margin: 0px 3px 0px 0px !important;
	padding: 0px !important;
	overflow: hidden;
	list-style: none;
}
ul.nextTeam li {
	padding: 25px 0px; 
	float: left;
}
ul.nextTeam li img {
	margin-top: -20px;
	width: 60px;
}
ul.nextTeam li span {
	font-size: 1.3em;
	font-weight: bold;
}
.nextMatch h2 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.2em;
	color: #d5541b;
}
.nextMatch h2 a {
	color: #d5541b;
	text-decoration: none;
}
.nextMatch h2 a:hover {
	color: #d5541b;
	text-decoration: underline;
}
.nextMatch p {
	margin: 0px !important;
	padding: 0px !important;
}

.buttonLink {
	margin: 20px 0px 10px 0px;
	padding: 0px 20px;
}
.buttonLink p {
	margin: 0px !important;
	padding: 0px !important;
}
.buttonLink p a {
	float: left;
	width: 237px;
	height: 66px;
	margin: 5px 0px;
	padding: 0px;
	overflow: hidden;
}
.buttonLink p a:hover {
	background-position: 0px -66px !important;
}
.buttonLink p a#guestbook {
	background: url(../images/button/guestbook.gif) top no-repeat;
}
.buttonLink p a#forum {
	background: url(../images/button/forum.gif) top no-repeat;
}

.sideBlock {
	padding: 0px 20px;
	text-align: left;
}
h2.imgTitle {
	height: 30px;
	margin: 0px 0px 3px 0px !important;
	padding: 0px !important;
	border-bottom: 3px solid #70ac29;
}
.knowledge {
	margin: 20px 0px;
}
.knowledge h2.imgTitle {
	margin-bottom: 20px !important;
	background: url(../images/title/knowledge.gif) top left no-repeat;
}
.testimoni {
	margin: 20px 0px;
}
.testimoni h2.imgTitle {
	background: url(../images/title/testimoni.gif) top left no-repeat;
}
ul.testimoniTab {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	height: 36px;
	overflow: hidden;
}
ul.testimoniTab li {
	display: inline;
	font-weight: bold;
}
ul.testimoniTab li a {
	margin-left: 3px;
	padding: 10px 16px 10px 15px;
	color: #fff;
	text-decoration: none;
	float: left;
	background-color: #3f413d;
	border-bottom: 3px solid #f3f9e7;
}
ul.testimoniTab li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #4f514e;
	border-bottom: 3px solid #f3f9e7;
}
ul.testimoniTab li.first a {
	margin: 0px !important;
	background-color: #d5541b;
	border-bottom: 3px solid #d5541b;
}
ul.testimoniTab li.first a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: #d5541b;
	border-bottom: 3px solid #d5541b;
}
.testimoniCell {
	padding: 15px;
	color: #fff;
	background-color: #d5541b;
}
.testimoniCell p.title {
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	font-weight: bold;
}
.testimoniCell p.title a {
	color: #fff;
	text-decoration: none;
}
.testimoniCell p.title a:hover {
	color: #fff;
	text-decoration: underline;
}
.testimoniCell p.date {
	margin: 0px !important;
	padding: 0px !important;
}
.testimoniCell p.desc {
	margin: 0px 0px 5px 0px !important;
	padding: 0px !important;
}
.info {
	margin: 20px 0px;
}
.info h2.imgTitle {
	background: url(../images/title/info.gif) top left no-repeat;
}
ul.infoTab {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	height: 36px;
	overflow: hidden;
}
ul.infoTab li {
	display: inline;
	font-weight: bold;
}
ul.infoTab li a {
	margin-left: 3px;
	padding: 10px 15px 10px 14px;
	color: #fff;
	text-decoration: none;
	float: left;
	background-color: #3f413d;
	border-bottom: 3px solid #f3f9e7;
}
ul.infoTab li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #4f514e;
	border-bottom: 3px solid #f3f9e7;
}
ul.infoTab li.first a {
	margin: 0px !important;
	background-color: #85bb3c;
	border-bottom: 3px solid #85bb3c;
}
ul.infoTab li.first a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: #85bb3c;
	border-bottom: 3px solid #85bb3c;
}
.infoCell {
	padding: 15px;
	color: #fff;
	background-color: #85bb3c;
}
.infoCell dl {
	font-weight: bold;
	margin: 1px 0px 2px 0px !important;
	padding: 0px !important;
	overflow: hidden;
	background: url(../images/bgInfo.gif) top left repeat-y;
}
*html .infoCell dl {
	float: left;
	width: 205px;
}
.infoCell dt {
	margin: 0px !important;
	float: left;
	width: 43px;
	padding: 10px 5px 5px 5px;
	font-size: 2.0em;
	text-align: center;
	line-height: 20px;
}
.infoCell dt span {
	font-size: 11px;
}
.infoCell dd {
	float: right;
	width: 85px;
	margin: 0px !important;
	padding: 10px 5px 5px 5px;
}
.infoCell p {
	clear: both;
	margin: 10px 0px 0px 0px !important;
	padding: 0px !important;
	text-align: right;
}
.infoCell p a {
	color: #fff;
	text-decoration: none;
}
.infoCell p a:hover {
	color: #fff;
	text-decoration: underline;
}


ul.match {
	margin: 0px !important;
	padding: 30px 5px 20px 5px !important;
	list-style: none;
}
ul.match li {
	float: left;
	padding-top: 15px;
}
ul.match li span {
	display: block;
	font-size: 1.7em;
	font-weight: bold;
	color: #d5541b;
}
ul.match li.first, ul.match li.last {
	text-align: center;
	width: 220px !important;
}
ul.match li.first span, ul.match li.last span {
	color: #629a20 !important;
	font-size: 1.4em !important;
}
ul.match li img {
	margin-top: -15px;
	margin-bottom: 10px;
}

.flowNav {
	
}
*html .flowNav {
	height: 10px;
	overflow: visible;
}
.flowNav p {
	margin: 10px 0px !important;
	padding: 0px !important;
	font-size: 11px;
	color: #d5541b;
}
.flowNav p a {
	color: #d5541b;
}
.flowNav p a:hover {
	color: #333;
	text-decoration: none;
}

/* footer layout */
.footer {
	min-height: 90px;
	padding: 0px;
	background: url(../images/bgFooter.gif) top left repeat-x #76b02f;
	border-top: 3px solid #fff;
}
*html .footer {
	height: 90px;
	overflow: visible;
}
.footerCell {
	padding: 16px 20px;
	width: 500px;
	float: right;
}
a.jcampLink {
	padding: 5px 0px 5px 20px;
	float: right;
	margin-left: 20px;
	border-left: 1px solid #fff;
}
.footerCell p {
	margin: 0px !important;
	padding: 10px 0px !important;
	text-align: right;
	color: #fff;
	line-height: 130%;
}
.footerCell a {
	color: #3e750b;
	font-weight: bold;
	text-decoration: none;
}
.footerCell a:hover {
	color: #fff;
	text-decoration: underline;
}