/* CSS for okobos.com */


/* Fonts */
/**************/

.bodybold {
   font-family: tahoma;
   font-size: 12px;
   color: #333333;
   font-weight:bold;
   line-height: 20px;
}

	    .bodybold a:link{
				color: #3E5D0C;
				text-decoration: underline;
				font-weight: bold;
		}
		.bodybold a:visited{
				color: #3E5D0C;
				text-decoration: underline;
				font-weight: bold;
		}
		.bodybold a:hover{
				color: #3E5D0C;
				text-decoration: none;
				font-weight: bold;
		}

.bodyital {
   font-family: tahoma;
   font-size: 12px;
   color: #333333;
   font-style:italic;
   line-height: 20px;
}

	    .bodyital a:link{
				color: #3E5D0C;
				text-decoration: underline;
				font-weight: bold;
		}
		.bodyital a:visited{
				color: #3E5D0C;
				text-decoration: none;
				font-weight: bold;
		}
		.bodyital a:hover{
				color: #3E5D0C;
				text-decoration: none;
				font-weight: bold;
		}
		
.body {
   font-family: tahoma;
   font-size: 12px;
   color: #333333;
   line-height: 20px;
}

	    .body a:link{
				color: #3E5D0C;
				text-decoration: underline;
				font-weight: bold;

		}
		.body a:visited{
				color: #3E5D0C;
				text-decoration: underline;
				font-weight: bold;
		}
		.body a:hover{
				color: #3E5D0C;
				text-decoration: none;
				font-weight: bold;
		}

.greenhead {
   font-family: tahoma;
   font-size: 14px;
   color: #3E5D0C;
   line-height: 27px;
   font-weight: bold;
}
	    .greenhead a:link{
				color: #3E5D0C;
				text-decoration: underline;
		}
		.greenhead a:visited{
				color: #3E5D0C;
				text-decoration: underline;
		}
		.greenhead a:hover{
				color: #3E5D0C;
				text-decoration: none;
		}


.orangehead {
   font-family: tahoma;
   font-size: 13px;
   color: #DE8521;
   line-height: 20px;
   font-weight: bold;
}

.orangeheadital {
   font-family: tahoma;
   font-size: 13px;
   color: #DE8521;
   line-height: 20px;
   font-weight: bold;
   font-style:italic;
}

.copyright {
   font-family: tahoma;
   font-size: 10px;
   color: #FFFFFF;
   line-height: 15px;

}

/* Positioning */
/**************/

html, body {
	height: 100%;
	background-image:    url("../images/background.jpg");
	background-color: #825C26;
	background-repeat: repeat-y;
}

body {
   margin-top: 0px;
   margin-bottom: 0px;
   }

#wrapper {
	position: absolute;
	margin: 0 auto;
	width: 1000px;
	height:500px!important;
	height:100%;
	left: 0px;
	top: -5px;
}

#head {
	position: absolute;
	float: left;
	left: 0;
	top: 0;
	height: 33px;
	width: 1000px;
	padding-top: 15px;
	padding-right: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007d9b;
	line-height: 17px;
	visibility: visible;
	z-index: 3;
}

#content {
	position: absolute;
	float: left;
	text-align: left;
	left: 246px;
	top: 46px;
	width: 717px;
	visibility: visible;
	z-index: 3;
}

#whiteback {
	position: absolute;
	float: left;
	text-align: left;
	left: 249px;
	top: 85px;
	width: 680px;
	visibility: visible;
	z-index: 2;
	height: 619px;	
	}

#menu {
	position: absolute;
	float: right;
	left: -10px;
	top: 0px;
	height: 29px;
	z-index: 11;
	visibility: visible;
	background-color: #DE8521;
}

#menu2 {
	position: absolute;
	float: left;
	height: 209px;
	width: 162px;
	visibility: visible;
	top: 180px;
	left: 87px;
	z-index: 2;
}

#menu3 {
	position: absolute;
	float: left;
	height: 66px;
	width: 162px;
	visibility: visible;
	top: 370px;
	left: 264px;
	z-index: 8;
}

#featured {
	position: absolute;
	height: 230px;
	width: 191px;
	visibility: visible;
	top: 524px;
	padding-left: 6px;
	padding-right: 6px;
	left: 43px;
	background-image:     url(../images/featuredblock2.jpg);
	background-repeat:no-repeat;
	z-index: 9;
}

#copyright {
	position: absolute;
	height: 20px;
	width: 991px;
	visibility: visible;
	top: 570px;
	left: 4px;
	z-index: 10;

}

#logo {
	position: absolute;
	float: left;
	text-align: left;
	left: 307px;
	top: 50px;
	width: 398px;
	visibility: visible;
	background-image:  url("../images/logo.png");
	background-repeat: no-repeat;
	z-index: 10;
	height: 112px;
}

#col1 {
	position: absolute;
	float: left;
	left: 297px;
	top: 187px;
	width: 293px;
	z-index: 6;
	visibility: visible;
	height: 206px;

}

#col2 {
	position: absolute;
	float: left;
	left: 610px;
	top: 179px;
	width: 308px;
	z-index: 8;
	height: 477px;
}

#subtitle {
	position: absolute;
	float: left;
	left: 423px;
	top: 166px;
	width: 200px;
	z-index: 6;
	visibility: visible;
	height: 52px;

}

#orangeheadtext {
	position: absolute;
	float: left;
	left: 612px;
	top: 172px;
	width: 307px;
	z-index: 6;
	visibility: visible;
	height: 52px;
	font-family: tahoma;
   	font-size: 13px;
   	color: #DE8521;
   	line-height: 18px;
   	font-weight: bold;
   	font-style:italic;


}

#colsub {
	position: absolute;
	float: left;
	left: 441px;
	top: 207px;
	width: 482px;
	z-index: 8;
	height: 427px;
}

#flashhome {
	position: absolute;
	float: left;
	left: -8px;
	top: 7px;
	width: 739px;
	height: 477px;
	z-index: 1;

}

#flashhome2 {
	position: absolute;
	float: left;
	left: 273px;
	top: 422px;
	width: 314px;
	height: 299px;
	z-index: 10;

}

#dottedline {
	position: absolute;
	float: left;
	left: 593px;
	top: 174px;
	width: 7px;
	height: 508px;
	background-image:     url("../images/dot.jpg");
	background-repeat: repeat-y;
	z-index: 9;

}

#dottedlinesub {
	position: absolute;
	float: left;
	left: 424px;
	top: 210px;
	width: 9px;
	height: 472px;
	background-image:     url("../images/dot.jpg");
	background-repeat: repeat-y;
	z-index: 9;

}

#hpshoes {
	position: absolute;
	float: left;
	left: 745px;
	top: 122px;
	width: 180px;
	height: 128px;
	z-index: 6;

}

#okotree {
	position: absolute;
	float: left;
	text-align: left;
	left: 761px;
	top: 528px;
	width: 163px;
	visibility: visible;
	background-image:  url("../images/okotree.jpg");
	background-repeat: no-repeat;
	z-index: 7;
	height: 172px;
}

#featuredCauses {
	position: absolute;
	float: left;
	text-align: left;
	left: 260px;
	top: 204px;
	width: 158px;
	visibility: visible;
	z-index: 6;
	height: 320px;
}

#orbimages {
	position: absolute;
	float: left;
	text-align: left;
	left: 260px;
	top: 535px;
	width: 158px;
	visibility: visible;
	z-index: 7;
	height: 165px;
}

#shoes {
	position: absolute;
	float: left;
	left: 574px;
	top: 235px;
	width: 324px;
	height: 198px;
	z-index: 9;

}

/* Padding */
/**************/

#padlrb {
   padding-left: 10px;
   padding-right: 15px;
   padding-bottom: 5px;
}

#pad10lr {
   padding-left: 10px;
   padding-right: 10px;
}

#pad5l {
   padding-left: 5px;
}

#padb {
   padding-bottom: 15px;
}

#pad30l {
	padding-left: 30px;
}