/*  
Theme Name: CCP Theme
Theme URI: 
Description: CCP
Version: 3.5
Author: Rob Allison
Author URI: 
*/

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Main */
body{
	background-image:url('images/Tile.jpg');
	background-color:#a8d1fb;
	margin:0px;
	font-family: "gill sans", "trebuchet ms", arial, sans-serif;
	font-size:;	
}
img {
	border:none;
}
p{
	line-height:1.5em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Background Images */
#backimage {
	background-image:url('images/Body-Tidy.jpg');
	background-position:top center;
	width:100%;
	float:left;
	margin-top:-50px;
	background-repeat: repeat-y;
}
#headerimage{
	height:146px;
	margin:0 auto;
	background-image:url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position:top center;
}
#backgroundfooter {
	background-position:top center;
	height:76px;
	background-image:url('images/footer.jpg');
	margin-top:30px;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Heading */
#headerimage h1 {
	width:800px;
	margin:0 auto;
	font-weight:normal;
	color:#4a4a4a;
	letter-spacing:4px;
	text-shadow: #fff 1px 1px 1px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Stuff for the Group Pages */
.contactfield {
	background-color:#fafafa;
	border:1px solid #ddd;
	margin:3px;
	padding:2px;
}
#groupnews {
	background:#f8f8f8;
	border:#ddd 1px solid;
	padding:5px;
	margin-bottom:20px;
}
#groupnews h3 {
	color:#333;
	font-size:24px;
	display:block;
	padding:5px;
	margin-top:-7px;
	text-align:center;
	border-bottom:double;
}
#groupnews p {

}
.contact {
	width:400px;
	font-size:12px;
	background-color:#eee;
	border:1px solid #bbb;
	margin:5px;
	
}
.groupitem h4 a {
	color:#333;
	font-size:18px;
	margin-bottom:0px;
	display:block;
	border-bottom:#ddd 1px solid;
	text-decoration:none;
}
.meta {
	color:#dd4444;
	font-size:10px;
	text-align:left;
}
.groupitemend {
	background:#ddd;
	color:#444;
	display:block;
	padding:5px;
	margin-bottom:20px;
}
.groupitemend a {
	color:#4464E7;
}
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Email Signup Box */
#emailsignup h3 {
	font-weight:normal;
	color:#dd4444;
}
#emailsignup {
	border-top:#d44 1px dotted;
	border-bottom:#d44 1px dotted;
	background-color:#f8f8f8;
	margin-top:12px;
	float:right;
	width:330px;
	text-align:center;
	font-size:10px;
	padding:0;
}
#button {
	background-color:#dd4444;
	border:0px;
	padding:3px;
	color:#fff;
	width:100px;
}
#button:active {
	width:90px;
}
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Easy Fundrasing */

#easy {
	margin-bottom:-15px;
	padding:0;
	float:right;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Junk to check off */
#selectgroup {
	list-style:none;
	float:left;
	background:#ee7777;
	display:block;
	padding:4px;
	border:1px solid #dd5555;
}
.formbutton {
	width:110px;
	height:25px;
	background-color:#dd4444;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border:1px solid #dd4444;
	margin:0 auto;
}
.tddrecentposts {
	list-style:none;
	display:inline;
}
#tdd-recent-posts {
	list-style:none;
}
.latestnewswidget {
	list-style:none;
	display:inline;
}
.pmc-date {
	color:#dd4444;
	font-size:10px;
	text-align:right;
}
.pmc-excerpt {
	font-size:10px;
}
.latestnewswidget li {
	padding-top:100px;
}	
.latestnewswidget li {
	padding-top:10px;
}
.pmc-link {
	color:#dd4444;
}
.pmc-read-more {
	color:#dd4444;
	font-size:8px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Page Setup */
#container {
	width:851px;
	margin:-15px auto 0 auto;
}
#contentbox{
	background-color:#fff;
	width:839px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	float:left;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Main Content Section (Featured) */
#featured {
	width:492px;
	padding:4px;
	color:#333;
	font-size:13px;
	float:left;
	margin-top:-6px;
	margin-right:5px;
}
#groupfeatured {
	width:650px;
	padding:4px;
	color:#333;
	font-size:13px;
	float:left;
	margin-top:-6px;
}
#featurednews {
	border-bottom:0px solid #fcc;
}
#featurednews h2 {
	font-weight:normal;
}
#featured h2 {
	color:#fff;
	font-size:14px;
	display:block;
	background-color:#dd4444;
	background-color:#dd4444;
	padding:8px;
	margin-top:-7px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* The home page featured content */
#featurednews p {
	line-height:1.5em;
}
#featurednews img{
	width:484px;
	height:358px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Gives every image in a post a frame */
#featured img {
	border:1px solid #ddd;
	padding:3px;
	background-color:#fff;	
}
#groupfeatured img {
	border:1px solid #ddd;
	padding:3px;
	background-color:#fff;	
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Sorts out the image alignments and margins */
.alignright img {
	margin:3px 0 3px 3px;
}
.alignleft img {
	margin:3px 3px 3px 0;
}
.alignright{
	float:right;
	margin:5px 0 5px 5px;
}
.alignleft {
	float:left;
	margin:5px 5px 5px 0;

}
.aligncenter {
	display: block;
	margin:0 auto;
}
.wp-caption-text {
	background:#eaeaea;
	border:solid 1px #ddd;
	margin:0;
	text-align:center;
	font-style: italic; 
	margin:2px 3px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Page title */
.customheading {
	padding-top:10px;
	margin-bottom:7px;
	color:#333;
	font-size:25px;
	border-bottom:3px double #aaa;
	font-weight:normal;
}
.customheadingsingle {
	padding-top:5px;
	color:#333;
	font-size:25px;
	border-bottom:3px double #aaa;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Sidebars */
#sidebar2 {
	width:159px;
	float:right;
	padding-left:5px;
	text-align:center;
	color:#333;
}
#sidebar3 {
	width:153px;
	float:left;
	margin-right:15px;
	text-align:center;
	color:#333;
}
#sidebar2 h3,#sidebar3 h3, #bottomsidebar h3{
	color:#dd4444;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #ffdddd;
}
.sidebardate {
	color:#dd4444;
	font-size:10px;
	text-align:right;
}
#sidebar3 img, #sidebar2 img{
	width:155px;
}
#sidebar3 p, #sidebar2 p{
	font-size:10px;
	padding:0 5px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Bottom sidebars*/
#bottomsidebars img {
	border:none;
}
#bottomsidebar {
	margin-top:70px;
}
#sidebars {
	margin-top:-1px !important;
}
#bottomsidebars h3 {

}
#bottomsidebar h3 {
	display:block;
	font-size:20px;
}
#bottomsidebars {
	float:left;
	width:492px;	
}
#bottomsidebarleft h3, #bottomsidebarright h3 {
	display:none;
}
#bottomsidebarleft {
	float:left;
	width:230px;
}
#bottomsidebarright {
	float:right;
	width:230px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Footer */
#footer {
	margin:0 auto;
	width:100%;
	float:left;
	font-size:8px;
	text-align:left;
	background-image:url('footer.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	
	background-color:#dd4444;
}
#footer p{
	width:800px;
	margin-left:10px;
	color:#fff;
}
#containerfooter{
	background-color:#dd4444;
	border-top:1px solid #eee;
	margin:0 auto;
	width:848px;
	text-align:right;
}
#footerlinks li{
	font-size:9px;
	list-style:none;
	display:inline;
}
#footerlinks li:last-child a{
		border-right:none;
}
#footerlinks a {
	text-decoration:none;
	color:#fff;
	padding:0 1em;
	border-right:1px solid #fff;
	text-transform:uppercase;
}
#footerlinks a:hover {
	text-decoration:underline;
}


/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Comments */
.commentlist li{
	border:1px solid #bbb;
	background-color:#fafafa;
	margin:15px 40px;
}
.commentlist .alt{
		background-color:#f3f3f3;
}
.commentlist p {
	padding:15px;
}
.comments-template a{
	color:#4464E7;
	
}
.commentmetadata{
	border-bottom:#ccc 1px solid;
	padding:3px;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* List Child Pages */
.child-pages a {
    color:#d44;	
}
.child-pages {
margin-left:-30px;
 list-style:none;	
}
.child-pages li {
padding-bottom:4px;
font-size:1.3em;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* News Page */

.newsheading {
font-weight:normal;
text-align:center;
font-size:4em;
padding:0px;
margin:15px 0;
background-color:#eee;
border:1px solid #ccc;
}

/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Shopping Page */
#shoppingcontainer{
	width:668px;
	margin:10px 0;
}
#shoppingtop{
	width:668px;
	height:39px;
	background-image:url('images/shopping_top.jpg');
}
#shoppingmiddle{
	width:668px;
	background-image:url('images/shopping_middle.jpg');	
}
#shoppingcontent{
	margin:0px 0;
	padding:0 20px;
}
#shoppingbottom{
	width:668px;
	height:43px;
	background-image:url('images/shopping_bottom.jpg');	
}
.productheading {
	font-size:1.6em;
}
.productbutton {
	width:110px;
	height:36px;
	background-image:url('images/addtocart.jpg');
	border:0px;
	color:#fff;
	font-size:1.1em;
}
.addtocartbutton {
	margin-left:30px;	
}
.productmeta {
	text-align:right;	
}
.productprice {
	float:left;
	font-size:2.5em;
	padding-top:0px;
}
.productimage {
	height:215px;
	width:288px;
	margin:0 10px 0 0;
	float:right;
}
.shoppingheading {
	font-weight:normal;
	text-align:center;
	font-size:2em;
	padding:0px;
	margin:15px 0;
	border-bottom:3px double #aaa;
}
.continue {
	font-size:1.5em;
	color:#d44;
	margin:0 auto;
}
.productstuff {
	width:280px;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {margin:-55px auto 55px auto;width:850px; height:32px; position:relative; z-index:1;border-right:1px solid #dd4444; 	font-family: Georgia, Sans-serif;font-size:14px;font-family: "gill sans", "trebuchet ms", arial, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:851px; w\idth:850px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:170px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:170px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;letter-spacing:1px;text-decoration:none; color:#fff; width:159px; height:30px; border:1px solid #dd4444; border-width:1px 0 1px 1px; background-color:#dd4444; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:170px; w\idth:159px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#dd4444 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-image:url('menuhovertile.jpg'); no-repeat 130px center;}
.menu ul ul :hover > a.drop {background-image:url('menuhovertile.jpg'); no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#dd4444;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff952;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #dd4444;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ee7777; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#dd4444; background:#fff952; background-image:url('menuhovertile.jpg');}
.menu :hover > a, .menu ul ul :hover > a {color:#dd4444; background-image:url('menuhovertile.jpg');}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}














/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
	margin-bottom:20px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #FFEF40;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #444; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}