@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
Catholic Childrens Society (Westminster) MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:#ffeab5;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h3{ 
	margin:0 0 5px 0; 
	padding:0;
}
.hide{
	display:none;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	background:#fff;
	margin:0 auto;
	margin-bottom:60px;
	width:964px;
}

/*HEADER----------------------------------------- */
a#logohome{
	background:url('../images/logo.jpg') no-repeat;
	display:block;
    height:0px;
    left:30px;
    padding-top:59px;
    position:relative;
    overflow:hidden;
    top:30px;
    width:413px;
}
ul#topnav{
	float:right;
	margin:-25px 30px 0 0;
	padding:0;
}
ul#topnav li{
	display:inline;
	list-style:none;
}
ul#topnav li img{
	padding-left:5px;
}
body#index #header{
	float:left;
	height:430px;
	margin-bottom:30px;
	overflow:hidden;
	padding-right:40px;
	width:964px;
}
#header{
	float:left;
	height:345px;
	margin-bottom:30px;
	overflow:hidden;
	padding-right:40px;
	width:964px;
}
body#index #slideshow{
	border-bottom:solid 3px #e96f28;
	border-top:solid 3px #b60e15;
	height:275px;
	margin:50px 0 0 30px;
	width:904px;
}
body#index #slideshow img{
	left:0;
	overflow:hidden;
	position:relative;
	top:-342px;
}
#slideshow{
	border-bottom:solid 3px #e96f28;
	border-top:solid 3px #b60e15;
	height:189px;
	margin:50px 0 0 30px;
	width:904px;
}
#slideshow img{
	left:0;
	overflow:hidden;
	position:relative;
	top:-342px;
}
/*a#donate{
	background:url('../images/donate.png') no-repeat;
	display:block;
    height:0px;
    left:830px;
    padding-top:137px;
    position:relative;
    overflow:hidden;
    top:-40px;
    width:137px;
    z-index:30;
}
a:hover#donate{
	background:url('../images/donate-over.png') no-repeat;
}*/

a#donate{
	background:url('../images/donate2.png') 0 -136px no-repeat;
	display:block;
    height:0px;
    left:830px;
    padding-top:137px;
    position:relative;
    overflow:hidden;
    top:-40px;
    width:137px;
    z-index:30;
}
a#donate:hover{
	background:url('../images/donate2.png') 0 0 no-repeat;
}

a#shop{
	background:url('../images/shop.png') no-repeat;
	display:block;
	height:0px;
	left:855px;
	padding-top:114px;
	position:relative;
	overflow:hidden;
	top:-70px;
	width:114px;
	z-index:20;
}
a:hover#shop{
	background:url('../images/shop-over.png') no-repeat;
}



/*a#shop{
	background:url('../images/shopsoon.png') 0 0 no-repeat;
	display:block;
    height:0px;
    left:855px;
    padding-top:114px;
    position:relative;
    overflow:hidden;
    top:-70px;
    width:114px;
    z-index:20;
}*/
/*a#shop:hover{
	background:url('../images/shopsoon.png') 0 -113px no-repeat;
}*/




a#fblogo{
		background:url('../images/findusonfacebook.gif') no-repeat;
		display:block;
    left:755px;
    position:relative;
		height:0px;
		padding-top:46px;
		margin-bottom:-46px;
    overflow:hidden;
    top:-25px;
    width:144px;
    z-index:400;
}
body#index #overlay{
	background:url('../images/header-overlay.png') no-repeat;
	display:block;
    height:0px;
    left:0px;
    padding-top:91px;
    position:relative;
    overflow:hidden;
    top:-67px;
    width:905px;
    z-index:10;
}
#overlay{
	background:url('../images/header-overlay.png') no-repeat;
	display:block;
    height:0px;
    left:0px;
    padding-top:91px;
    position:relative;
    overflow:hidden;
    top:-153px;
    width:905px;
    z-index:10;
}

/*NAV----------------------*/
ul#secnav{
	height:42px;
	margin:0 0 30px 0;
	left:30px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:904px;
	top:0;
}
ul#secnav li{
	list-style:none;
}
li#home a{
	background:url('../images/nav/home.jpg') no-repeat;
	display:block;
    height:0px;
	left:0;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:121px;
}
li#home a:hover{
	background:url('../images/nav/home-on.jpg') no-repeat;
}
li#home a.on{
	background:url('../images/nav/home-on.jpg') no-repeat;
}
li#about a{
	background:url('../images/nav/aboutus.jpg') no-repeat;
	display:block;
    height:0px;
	left:121px;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:139px;
}
li#about a:hover{
	background:url('../images/nav/aboutus-on.jpg') no-repeat;
}
li#about a.on{
	background:url('../images/nav/aboutus-on.jpg') no-repeat;
}
li#work a{
	background:url('../images/nav/ourwork.jpg') no-repeat;
	display:block;
    height:0px;
	left:260px;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:149px;
}
li#work a:hover{
	background:url('../images/nav/ourwork-on.jpg') no-repeat;
}
li#work a.on{
	background:url('../images/nav/ourwork-on.jpg') no-repeat;
}
li#campaigns a{
	background:url('../images/nav/campaigns.jpg') no-repeat;
	display:block;
    height:0px;
	left:409px;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:168px;
}
li#campaigns a:hover{
	background:url('../images/nav/campaigns-on.jpg') no-repeat;
}
li#campaigns a.on{
	background:url('../images/nav/campaigns-on.jpg') no-repeat;
}
li#involved a{
	background:url('../images/nav/getinvolved.jpg') no-repeat;
	display:block;
    height:0px;
	left:577px;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:186px;
}
li#involved a:hover{
	background:url('../images/nav/getinvolved-on.jpg') no-repeat;
}
li#involved a.on{
	background:url('../images/nav/getinvolved-on.jpg') no-repeat;
}


li#schools a{
	background:url('../images/nav/schools.jpg') no-repeat;
	display:block;
    height:0px;
	left:763px;
    padding-top:42px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:141px;
}
li#schools a:hover{
	background:url('../images/nav/schools-on.jpg') no-repeat;
}
li#schools a.on{
	background:url('../images/nav/schools-on.jpg') no-repeat;
}


/*CONTENT----------------------------------------- */

/*left column--------------------*/
body#index #leftcol{
	background:#666;
	background:url('../images/seperator.jpg') top right repeat-y;
	float:left;
	margin:0 0 0 30px;
	padding:0 40px 0 0;
	width:409px;
}
h1#welcome{
	background:url('../images/welcome.jpg') no-repeat;
	display:block;
    height:0px;
    padding-top:31px;
    overflow:hidden;
    width:409px;
}
h2#newsheading{
	background:url('../images/newsandevents.jpg') no-repeat;
	display:block;
    height:0px;
    padding-top:32px;
    overflow:hidden;
    width:409px;
}
ul#news{
	margin:0;
	padding:0;
}
ul#news li{
	list-style:none;
	padding-bottom:5px;
	clear:both;
	height:90px;
}
ul#news img{
	border:solid #fce0a5 5px;
	background:#3a3833;
	float:left;
	margin:3px 15px 0 0;
	padding:1px;
	width:70px;
}
ul#news h2{
	border-bottom:solid 1px #939598;
	padding-bottom:8px;
	margin-bottom:8px;
}
.storywimg{
	float:left;
	width:320px;
}

/*right column--------------------*/
body#index #rightcol{
	float:right;
	margin-right:30px;
	width:429px;
}
body#index a#signup{
	background:url('../images/signuplrg.jpg') no-repeat;
	display:block;
    height:0px;
    padding-top:60px;
    overflow:hidden;
    width:429px;
}
.feature{
	float:left;
	height:230px;
	margin:20px 0 3px 0;
}
.feature img{
	left:0;
	//position:relative;
	top:0;
}
.feature .content{
	background:url('../images/rightcolimgoverlay.png') no-repeat;
	left:0;
	padding:14px 45px 20px 20px;
	position:relative;
	top:-190px;
	width:145px;
	z-index:10;
}
.feature .content h2{
	border-bottom:solid 1px #939598;
	padding-bottom:8px;
	margin-bottom:8px;
}

/*FOOTER----------------------------------------- */
#footer{
	background:url('../images/footerbg.jpg') no-repeat;
	clear:both;
	height:44px;
	left:0;
	position:relative;
	top:24px;
	width:964px;
}
#footer p{
	float:right;
	margin:28px 15px 0 0;
	text-shadow:#666 0px 1px 1px;
}

/*SUB PAGE----------------------------------------- */
ul#subnav{
	border-left:solid 3px #e96f28;
	margin:0;
	padding:0 0 0 0px;
}
ul#subnav li{
	list-style:none;
	padding:0 0 15px 0;
}
ul#subnav li a{
	background:url('../images/subnavbg.jpg') no-repeat;
	display:block;
	padding:0 0 0 20px;
}
ul#subnav li a:hover{
	color:#000;
	background:url('../images/subsubnavbg.jpg') no-repeat;
	display:block;
	padding:0 0 0 22px;
}
ul#subnav li a.on{
	color:#000;
	background:url('../images/subsubnavbg.jpg') no-repeat;
	display:block;
	padding:0 0 0 22px;
}
ul#subnav ul{
	margin:10px 0 -15px 0;
	padding:0 0 0 10px;
}
ul#subnav ul li{
	list-style:none;
	padding:0 0 15px 0;
}
ul#subnav ul li a{
	font-size:1.5em;
	color:#454545;
	background:none;
	padding:0 0 0 20px;
}
ul#subnav ul li a:hover{
	color:#e96f28;
	background:none;
	padding:0 0 0 22px;
}
ul#subnav ul li a.on{
	color:#e96f28;
	background:none;
	padding:0 0 0 22px;
}

/*left column--------------------*/
#leftcol{
	float:left;
	margin:0 0 0 30px;
	padding:0 27px 0 0;
	width:150px;
}
/*middle column--------------------*/
#midcol{
	background:url('../images/midcolbg.jpg') repeat-y;
	repeat-x: no-repeat;
	float:left;
	padding:0 40px 0 40px;
	width:440px;
}
/*right column--------------------*/
#rightcol{
	float:right;
	margin-right:30px;
	overflow:hidden;
	width:175px;
}
a#signup{
	background:url('../images/signupsml.jpg') no-repeat;
	display:block;
    height:0px;
    padding-top:181px;
    overflow:hidden;
    width:174px;
}

ul#sitemap {
	margin: 0;
	padding: 0;
}

ul#sitemap li {
	list-style-type: none;
	margin: 10px 0 20px 0;
	font-weight: bold;
}

ul#sitemap li ul li {
	margin: 10px 0 10px 0;
	font-weight: normal;
	list-style-type: square;
	color: #6e5751;
}

ul#sitemap-alpha {
	margin: 0;
	padding: 0 0 0 0px;
	font-weight: normal;
	list-style-type: square !important;
	color: #6e5751;
}

ul#sitemap-alpha li {
	margin: 10px 0 10px 25px;
	font-weight: normal;
	list-style-type: square !important;
	color: #6e5751;
}
h2#newfilms_heading{
	background:url('../images/watchfilm.gif') no-repeat;
	float: left;
	height: 0;
	display: block;
	line-height: 3em;
	overflow: hidden;
	padding-top: 49px;
	width: 425px;
}