/*
Theme Name: CBAC
*/

html{
	background: #e69707 url(images/bg-gradient.jpg) no-repeat top center;
}

body{
	
}

body.home{
	background: url(images/header.jpg) no-repeat top center;
}


body{
	background: url(images/header2.jpg) no-repeat top center;
	font-family: Verdana,Arial;
	margin:0 auto;
	position: relative;
	font-size: 12px;
	color: #343434;
}

a{
	color: black;
	text-decoration: underline;
}

	a:hover{
		color: #fff;
		text-decoration: none;
		background-color: #000;
	}

#page{
	margin:0 auto;
	position:relative;
	width:923px;
	z-index: 95;
}

	#page .contentTop{
		background: url(images/bg-secondary-page-top.png) no-repeat 0px 0px;
		width: 930px;
		height: 16px;
	}
	
	#page .bottom{
		background: url(images/bg-secondary-page-bottom.png) no-repeat 0px 0px;
		width: 930px;
		height: 28px;
		position: absolute;
		bottom: -28px;
	}
	
	#page #content{
		background:url("images/bg-secondary-page-bg.png") repeat-y scroll 4px 0 transparent;
		padding-top: 25px;
		min-height:660px;
	}
	
		
	
		#page #content .leftColumn{
			float:left;
			padding:7px 0 57px 57px;
			width:578px;
		}
		
			#page #content .leftColumn .entry{
				margin-top: 0px;
				overflow-x: hidden;
			}
		

.shadowHeader{
	background: url(images/shadow-header.png) repeat-x 0px 0px;
	height: 18px;
	width: 100%;
	top: 514px;
	position: absolute;
	left: 0px;
	z-index: 120;
}

.bgSun{
	background: url(images/bg-sun.jpg) repeat-x 0px 0px;
	height: 791px;
	width: 100%;
	top: 514px;
	position: absolute;
	left: 0px;
	z-index: 90;
}

.header{
	height: 514px;
	position: relative;
}

	.header .flashAni{
		width: 899px;
		height: 400px;
		position: absolute;
		bottom: 0px;
		left: 8px;
	}
	
	.header .logo{
		background:url("images/logo-home.png") no-repeat scroll 0 0 transparent;
		height:161px;
		left:21px;
		position:absolute;
		top:0px;
		width:279px;
	}

	 .submenu div{
		position: absolute;
		width: 150px;
		height: 27px;
		display: block;
		cursor: pointer;
	}
	
		.submenu .home{
			left:587px;
			width:51px;
		}
	
		 .submenu .news{
			left:634px;
			width:51px;
		}
		
		 .submenu .donate{
			left:689px;
			width:51px;
		}
		
		 .submenu .members{
			left:747px;
			width:93px;
		}
		
		 .submenu .contact{
			left:845px;
			width:70px;
		}

	.header .menu{
		left:509px;
		position:absolute;
		top:34px;
		z-index:10;
	}
	
.header2{
	height: 110px;
}

	.header2 .menu{
		left:509px;
		position:absolute;
		top:34px;
		z-index:10;	
	}
	
	.header2 .logo{
		background:url("images/logo.png") no-repeat scroll 0 0 transparent;
				height:161px;
		left:21px;
		position:absolute;
		top:0px;
		width:246px;
	}

.moreButton{
	background:url("images/button-read.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:23px;
	margin:5px 25px 0 auto;
	width:68px;
}

.homepage{
	
}

	.homepage .newsTitle{
		width: 80px;
		height: 30px;
		background: url(images/title-news.jpg) no-repeat 0px 0px;
		margin-bottom: 10px;
	}
	
	.homepage .blogTitle{
		width: 80px;
		height: 30px;
		background: url(images/title-blog.jpg) no-repeat 0px 0px;
	}

.homepage .leftContent{
	position: relative;
	float: left;
}

	.homepage .leftContent div{
		margin-left: 22px;
	}
	
	.homepage .leftContent .content{
		background:url("images/bg-mid-homepage-left.png") repeat-y scroll 0 0 transparent;
		margin:0;
		padding-bottom:20px;
		padding-top:18px;
		position:relative;
		width:357px;	
	}
		
		.homepage .leftContent .post{
			background: url(images/seperator-homepage-left.jpg) no-repeat 16px 0px;
			padding-top: 3px;
			margin-bottom:12px;
			clear: none;
		}
		
			.homepage .leftContent .postDate{
				color: #828282;
			}

			.homepage .leftContent .entry{
				margin-top: 20px;
				padding-right:51px;
			}

			.homepage .leftContent .content h1{
				margin-left: 22px;
				clear: none;
			}

				.homepage .leftContent .content a{
					font-size: 18px;
					color: black;
					text-decoration: none;
				}
				
					.homepage .leftContent .content a:hover{
						font-size: 18px;
						color: black;
						text-decoration: none;
						background-color: transparent;
						color: gray;
					}
	
	#page .homepage .leftContent .bottom{
		background:url("images/bg-bottom-homepage-left.png") no-repeat scroll 0 0 transparent;
		bottom:-19px;
		height:19px;
		margin:0;
		position:absolute;
		width:100%;
	}


	.homepage .rightContent{
		position: relative;
		margin-left: 358px;
		z-index: 100;
	}

		.homepage .rightContent div{
			margin-left: 22px;
		}

		.homepage .rightContent .content{
			background:url("images/bg-mid-homepage-right.png") repeat-y scroll 0 0 transparent;
			margin:0;
			padding-bottom:20px;
			padding-top:18px;
			position:relative;
			width:557px;	
		}

			.homepage .rightContent .post{
				background:url("images/seperator-homepage-right.jpg") no-repeat scroll 16px 0 transparent;
				clear:none;
				margin-bottom:12px;
				margin-top:6px;
				padding-top:8px;
			}

				.homepage .rightContent .postDate{
					color: #828282;
				}

				.homepage .rightContent .entry{
					margin-top: 20px;
					padding-right:51px;
				}

				.homepage .rightContent .content h1{
					margin-left: 22px;
					clear: none;
				}

					.homepage .rightContent .content a{
						font-size: 18px;
						color: black;
						text-decoration: none;
					}
					
						.homepage .rightContent .content a:hover{
							font-size: 18px;
							text-decoration: none;
							background-color: transparent;
							color: gray;
						}

		#page .homepage .rightContent .bottom{
			background:url("images/bg-bottom-homepage-right.png") no-repeat scroll 0 0 transparent;
			bottom:-19px;
			height:19px;
			margin:0;
			position:absolute;
			width:100%;
		}
	
.footer{
	background: url("images/bg-footer.jpg") repeat-x 0 116px;
	z-index: 95;
	position: relative;
	clear: left;
}

	.footer .bg{
		width: 960px;
		height: 221px;
		background: url(images/footer.png) no-repeat 0px 0px;
		margin: 0 auto;
		z-index: 100;
		position: relative;
	}
	
	.footer .links{
		position: absolute;
		bottom: 20px;
		color: #fff;
		padding: 0 40px;
	}
	
	.footer .links a{
		color: #fff;
	}

	.footer .links a:hover{
		color: #000;
		background-color: #fff;
	}
	
	
.post{
	
}

	.post h1, .entry h1, #content h1{
		font-size: 25px;
		line-height: 20px;
/*		clear: both;		*/
	}
	
	.post h1 a, .entry h1 a, #content h1 a{
		text-decoration: none;
	}
	
	.post h2, .entry h2, #content h2{
		font-size: 22px;
	}
	
	.post h2 a, .entry h2 a, #content h2 a{
		text-decoration: none;
	}
	
#sidebar{
	margin-left:670px;
	width:249px;
}

	#sidebar .widget{
		border-top: solid 1px #d4d4d4;
		padding: 25px;
	}
	
		#sidebar .widget h3{
			font-size: 15px;
			color: #000;
		}
		

	#sidebar .footer{
		clear: none;
		background: none;
	}


/* 
	LEVEL ONE 
*/
ul.dropdown{
	position: relative; 
	height: 31px;	
	font-size: 11px;
	z-index: 10000;
	color: #000;
}
	ul.dropdown li{
		height: 31px;
		float: left;
		width: 99px;
/*		visibility: visible;*/
		}
	
	ul.dropdown li.menu1:hover{
		background: url(images/button-about-on.png) no-repeat 0px 0px;
		width: 101px;
		height: 31px;
	}
	
	ul.dropdown li.menu1 .bg{
		background-color:white;
		border:medium none;
		height:2px;
		position:absolute;
		top:31px;
		z-index:10010;
		left: 1px;
		width: 97px;
		display: none;
	}
	
	ul.dropdown li.menu2{
		width: 98px;
		position: relative;
	}
	
	ul.dropdown li.menu2 .bg{
		background-color:white;
		border:medium none;
		height:2px;
		position:absolute;
		top:31px;
		z-index:10010;
		left: 1px;
		width: 96px;
		display: none;
	}
	
	ul.dropdown li.menu2:hover{
		background: url(images/button-programs-on.png) no-repeat 0px 0px;
		width: 99px;
		height: 31px;
	}
	
	ul.dropdown li.menu3{
		width: 98px;
		position: relative;
	}
	
	ul.dropdown li.menu3 .bg{
		background-color:white;
		border:medium none;
		height:2px;
		position:absolute;
		top:31px;
		z-index:10010;
		left: 1px;
		width: 96px;
		display: none;
	}
	
	ul.dropdown li.menu3:hover{
		background: url(images/button-resources-on.png) no-repeat 0px 0px;
		width: 100px;
		height: 31px;
		margin-left: 0px;
	}
	
	ul.dropdown li.menu4{
		position: relative;
	}
	
		ul.dropdown li.menu4 ul{
			right: 0px;
		}
	
	ul.dropdown li.menu4:hover{
		background: url(images/button-shop-on.png) no-repeat 0px 0px;
		width: 98px;
		height: 31px;
		margin-left: 0px;
	}
	
	ul.dropdown li.menu4 .bg{
		background-color:white;
		border:medium none;
		height:2px;
		position:absolute;
		top:31px;
		z-index:10010;
		left: 1px;
		width: 96px;
		display: none;
	}
	
	ul.dropdown li.menu4 .topA{
		width: 100px;
	}
	
	ul.dropdown .parent{
		background: url("images/arrow-menu.png") no-repeat scroll 186px center #FFFFFF;
	}
		
	ul.dropdown a:hover{
		display: block; 
		padding: 3px 8px; 
		color: #000; 
		height: 32px;
		display: block;
		width: 184px;
		font-size: 11px;
		background-color: transparent;
	}
	
	ul.dropdown li div{
		border-bottom:1px solid #DCDCDC;
		width:200px;
	}
	
ul.dropdown a:active{ 
	color: #ffa500; 
}
ul.dropdown li a{ 
	display: block; 
	padding: 3px 8px; 
	color: #FFF; 
	height: 22px;
	display: block;
	width: 184px;
	font-size: 11px;
}

ul.dropdown li.hover a{
	color: white; 
	display: block; 
	padding: 7px 8px; 
	color: #FFF; 
	height: 22px;
	display: block;
	width: 184px;
	font-size: 11px;
}




/* 
	LEVEL TWO
*/
ul.dropdown ul { 
	z-index: 10000;
	width: 200px; 
	visibility: hidden;
	position: absolute; 
	top: 100%; 
	padding-left: 0px;	
	height: auto;
	border: solid 1px #727272;
}
ul.dropdown ul li { 
	clear:left;
	color:#000000;
	background-color: #FFF;
	float:none;
	font-size:11px;
	height:auto;
	width:200px;
	position: relative;
	z-index: 20;
}

ul.dropdown ul li:hover { 
	width: 200px;
	color: #fff;
	background-color: #000;
	float: none; 
	clear: left;
	font-size:11px;
	height:auto;
}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ 
	display: inline-block; 
	color: #000;
	text-decoration: none;
	height: auto;
} 

ul.dropdown ul li a:hover{ 
	display: inline-block; 
	color: #fff;
	height: auto;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul { 
	left:100%;
	position:absolute;
	top:0;
	z-index:10;
	}
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown ul ul li{
	width: 200px;
}

ul.dropdown ul ul li:hover{
}

ul.dropdown ul ul li div{
	margin: 0px;
}

ul.dropdown .menu3 ul ul, ul.dropdown .menu4 ul ul{
	left:-203px;
	margin:0;
}

ul.dropdown .menu3 ul ul li, ul.dropdown .menu4 ul ul li{
	width:200px;
	z-index: 10;
}

#page ul.dropdown .menu3 ul ul .bottom, #page ul.dropdown .menu4 ul ul .bottom{
}

ul.dropdown .menu3 ul ul li div, ul.dropdown .menu4 ul ul li div{
}




.items li{
	width: 170px;
	height: 230px;
	border: solid 1px #c9c9c9;
	float: left;
	margin: 10px;
	text-align: center;
	overflow: hidden;
}

.items li img{
	margin: 10px;
	border: solid 1px #66534c;
}

.items li a:hover{
	background-color: transparent;
}

.items li .text{
	width: 155px;
	height: 50px;
	display: block;
	margin: 0 auto;
	font-size: 11px;
	text-decoration: none;
	overflow: hidden;
}

.items li .text:hover{
	width: 92px;
	height: 33px;
	background-color: #000;
	color: #FFF;
	overflow: hidden;
}

.item img{
	float: left;
	border: solid 2px #4b3935;
}

.item .content{
	width: 300px;
	margin-left: 280px;
}

.item div{
	margin-bottom: 10px;
}

.blog .thumbNail{
	float: left;
	background-color: #E8E8E8;
	width: 124px;
	height: 124px;
	border: solid 3px #f1b71e;
	margin-right: 10px;
}

.blog .content{
/*	width: 460px;*/

}

.blog .post .content h1{
	clear: none !important;
}

 .post{
	clear: both;
	margin-bottom: 20px;
}

.blog .entry{
/*	width: 400px;*/
}

.postSeperator{
	background:url("images/seperator-post.jpg") no-repeat scroll 0 0 transparent;
	height:28px;
	width:468px;
}

.aboutAuthor{
	border: solid 1px #c9c9c9;
	padding: 20px;
}

.aboutAuthor img{
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #c9c9c9;
	width: 100px;
	height: 100px;
}


.alignleft{
	float: left;
}




.entry html, .entry address,
.entry blockquote,
.entry body, .entry dd, .entry div,
.entry dl, .entry dt, .entry fieldset, .entry form,
.entry frame, .entry frameset,
.entry h1, .entry h2, .entry h3, .entry h4,
.entry h5, .entry h6, .entry noframes,
.entry ol, .entry p, .entry ul, .entry center,
.entry dir, .entry hr, .entry menu, .entry pre   { display: block }
.entry li              { display: list-item; list-style-type :disc; }
.entry head            { display: none }
.entry table           { display: table }
.entry tr              { display: table-row }
.entry thead           { display: table-header-group }
.entry tbody           { display: table-row-group }
.entry tfoot           { display: table-footer-group }
.entry col             { display: table-column }
.entry colgroup        { display: table-column-group }
.entry td, .entry th          { display: table-cell }
.entry caption         { display: table-caption }
.entry th              { font-weight: bolder; text-align: center }
.entry caption         { text-align: center }
.entry body            { margin: 8px }
.entry h1              { font-size: 2em; margin: .67em 0 }
.entry h2              { font-size: 1.5em; margin: .75em 0 }
.entry h3              { font-size: 1.17em; margin: .83em 0 }
.entry h4, .entry p,
.entry blockquote, .entry ul,
.entry fieldset, .entry form,
.entry ol, .entry dl, .entry dir,
.entry menu            { margin: 1.12em 0 }
.entry h5              { font-size: .83em; margin: 1.5em 0 }
.entry h6              { font-size: .75em; margin: 1.67em 0 }
.entry h1, .entry h2, .entry h3, .entry h4,
.entry h5, .entry h6, .entry b,
.entry strong          { font-weight: bolder }
.entry blockquote      { margin-left: 40px; margin-right: 40px }
.entry i, .entry cite, .entry em,
.entry var, .entry address    { font-style: italic }
.entry pre, .entry tt, .entry code,
.entry kbd, .entry samp       { font-family: monospace }
.entry pre             { white-space: pre }
.entry button, .entry textarea,
.entry big             { font-size: 1.17em }
.entry small, .entry sub, .entry sup { font-size: .83em }
.entry sub             { vertical-align: sub }
.entry sup             { vertical-align: super }
.entry table           { border-spacing: 2px; }
.entry thead, .entry tbody,
.entry tfoot           { vertical-align: middle }
.entry td, .entry th, .entry tr      { vertical-align: inherit }
.entry s, .entry strike, .entry del  { text-decoration: line-through }
.entry hr              { border: 1px inset }
.entry ol, .entry ul, .entry dir,
.entry menu, .entry dd        { margin-left: 40px }
.entry ol              { list-style-type: decimal }
.entry ol ul, .entry ul ol,
.entry ul ul, .entry ol ol    { margin-top: 0; margin-bottom: 0 }
.entry u, .entry ins          { text-decoration: underline }


.alignright{
	float: right;
}