/*
AfroDrumming.com.au 1.0, internal styles
*/

* {
	margin:0;
	padding:0;
	}
	
html {
	background: transparent url(/img/back.jpg);
	background-repeat: repeat-x;
	background-color: #DCC7AC;
	}
	
body {
	text-align: center;
	margin: 0 auto 0 auto;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 9px;
	color:#000;
	}
a img {border:none;}

hr {
	display: block;
	border:none;
	height:2px;
	background-image: url(/img/divider.gif);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:bottom;
	margin-bottom:10px;
	}


/* -- [content styling] -------------------------------------------------------------------- */
.infopod{
	padding:15px 0px 15px 0px;
}
/*newspod-----------------------------------*/
.newspod{
	background:transparent url(/img/news.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	padding:5px 0px 25px 0px;
}

/*audiopod-----------------------------------*/
.audiopod{
	background:transparent url(/img/icons.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding:10px 0px 7.5px 50px;
}

/*picturepod-----------------------------------*/

.picturepod img{
	display: block;
	float:left;
	}
.picturepod p{
	margin:0 0 0 150px
}
.picturepod {
	padding:15px 0px 18px 0px;
}

/*sermonpod-----------------------------------*/

.sermonpod img{
	display: block;
	margin-top:25px;
	float:left;	
}
.sermonpod p{
	margin:0px 0px 0px 270px;
}
.sermonpod {
	padding:15px 0px 15px 0px;
}

/*multipicturepod-----------------------------------*/
.multipicturepod img{
	padding:10px 15px 0px 0px;
}
.multipicturepod {
	background:transparent url(/img/pictureline.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	padding:20px 0px 30px 0px;
}
/*featurepod-----------------------------------*/
.featurepod {
	float:left;
	width:230px;
	height:117px;
	background:transparent url(/img/feature_back.jpg);
	background-repeat: no-repeat;
	background-position:right;
	padding:15px 0px 15px 0px;
	margin-bottom:50px;
}

.featurepod img{
	display: block;
	float:left;
}
	
.featurepod h4{
	margin: 30px 0 0 140px ;	
}
.featurepod p{
	margin: 5px 0 0 130px ;	
}
.featurepod a{
	text-decoration:none ;	
}


/*peoplepod-----------------------------------*/

.peoplepod img{
	margin-top:30px;
	display: block;
	float:left;	
}
.peoplepod p{
	margin:0px 0px 0px 210px;
}
.peoplepod {
	padding:15px 0px 15px 0px;
}


/* -- [center-home] -------------------------------------------------------------------- */

#body {
	width:935px;
	text-align: left;
	margin: 0 auto 0 auto;
	background:transparent url(/img/content_sub_tile.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	}
	
#site {
	width:918px;
	background:transparent url(/img/under.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	}
	
#contentholder {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	width:540px;
	padding-right:40px;
	overflow: hidden;
	border-width:none;
	}

#header {
	margin-top:90px;
	margin-left:40px;
	width:200px;
	height:17px;	
	border-width:none;
	}
	
#content{
	clear:both;
	margin-top:65px;
	margin-left:10px;
	width:530px;
	}
#content ul {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	list-style:none;
	}
#content li {
	padding-left:28px;
	padding-bottom:10px;
	padding-top:5px;
	}
#contentcopy{
	font-size: 12px;
	padding:160px 30px 150px 30px;
	}

#contentcopy strong,h3 {
	color:#905628;
	/*color:#a36b38;*/
	/*color:#a98c6a;*/	
	}
#contentcopy h4 {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 13px;
	/*color:#905628;*/
	/*color:#a36b38;*/
	color:#a98c6a;	
	}
	
#contentcopy h3 {
	padding-bottom:10px; 
	}
#contentcopy p{
	padding-left:0px;
	padding-bottom:5px;
	}
#contentcopy a:link,a:visited{
	color:#a36b38;
	}
#contentcopy a:active,a:hover{
	color:#000;
	}
#subnav {
	width:520px;
	}
	
#nav {
	position: relative; 
	width:225px;
	float:left;
	}


/* -- [navigation] -------------------------------------------------------------------- */

#nav ul {
	margin: 213px 0 0 40px;
}
#nav li {
	height:15px;
	list-style-type: none;
	margin: 0px 0 10.5px 30px;
	}
#nav li, 
#nav li a {
	display: block;
	width: 158px;
	background-repeat: no-repeat;
	}
#nav li a {
	padding-top: 15px; height: 0 !important;
	height /**/: 15px; overflow: hidden;
}
#nav li a:hover {
	background-position: 0 -15px;
}


#nav li.about,
#nav li.about a {
	background-image: url(/img/about.gif);
}
#nav li.happening,
#nav li.happening a {
	background-image: url(/img/happening.gif);
}
#nav li.photogallery,
#nav li.photogallery a {
	background-image: url(/img/photogallery.gif);
}
#nav li.contact,
#nav li.contact a {
	background-image: url(/img/contact.gif);
}
#nav li.drumming,
#nav li.drumming a {
	background-image: url(/img/drumming.gif);
}
#nav li.home,
#nav li.home a {
	background-image: url(/img/home.gif);
}
body.home				#nav li.home            a,
body.about				#nav li.about			a,
body.happening			#nav li.happening		a, 
body.photogallery			#nav li.photogallery			a, 
body.contact			#nav li.contact			a, 
body.drumming			#nav li.drumming		a{
	background-position: 0 -30px;
}

/*--overide for drum*/


#nav li.drum {
	position:absolute;
	z-index:100;
	top: 368px;
	left: 10px;
	}
#nav li.drum, 
#nav li.drum a {
	display: block;
	width: 188px;
	background-repeat: no-repeat;
	background-image: url(/img/drum.jpg);
}
#nav li.drum a {
	padding-top: 216px; height: 0 !important;
	height /**/: 216px; overflow: hidden;
	clip:rect(0 188px 216px 0);
}
#nav li.drum a:hover {
	background-position: 0 -216px;
}
body.drum #nav li.drum {
	background-position: 0 -216px;
}

/*--overide for development*/


#nav li.development {
	position:absolute;
	z-index:100;
	top: 584px;
	left: 10px;
	}
#nav li.development, 
#nav li.development a {
	display: block;
	width: 188px;
	background-repeat: no-repeat;
	background-image: url(/img/development.gif);
}
#nav li.development a {
	padding-top: 123px; height: 0 !important;
	height /**/: 123px; overflow: hidden;
	clip:rect(0 188px 123px 0);
}

#nav li.development a:hover {
	background-position: 0 0px;
}
body.development #nav li.development {
	background-position: 0 0px;
}

/*--overide for links*/
#nav a.image1{
	display: block;
	position:absolute;
	z-index:100;
	top: 478px;
	left: 62px;
}
#nav a.image2{
	display: block;
	position:absolute;
	z-index:100;
	top: 508px;
	left: 62px;
}


/* -- [main-features] -------------------------------------------------------------------- */	
	 		
#footer {
	line-height: 103px;
	width:673px;
	padding-top: 103px; height: 0 !important;
	height /**/: 103px; overflow: hidden;
	clip:rect(0 673px 103px 0);
	margin-left:131px;
	background-image: url(/img/footer.jpg);
	background-repeat:no-repeat;
		
	}

.footertext {
text-align: center;
margin-bottom: 10px;
color: #000000;
}

.footertext a {
font-weight: bold;
color: #000000;
}