/* CSS Document */


a:link {
color: black;
/*text-decoration: none;*/
}

a:hover {
color:#FF0000; /*red*/
/*text-decoration: underline;*/
}

a:visited {
color: black;
/*text-decoration: underline;*/
}

a:active {
color: black;
/*text-decoration: underline;*/
}


body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FAD572; /*yello bg*/
}

.p{
padding-bottom:5px;
}

#container {
    /*
	background-color: #FAD572;
	background-color: #FFFFFF;*/
	background-image:url('imgnavbarbg.jpg');
	background-repeat:no-repeat;
	width: 804px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
	
}

html>body #container {
    background-color: #FFFFFF;
    /*
	background-color: #FAD572;
	
	*/
	width: 804px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

#allwhitebgcontainer{
/*overflow:visible;*/background-color:#FFFFFF;
float: left;

}

/*---------MASTHEAD----------------*/
#masthead {
    /*background-color: #CCCCCC;*/
	background-image:url('imgmasthead.jpg');
	background-repeat:no-repeat;
	background-color: #FAD572;
    width: 804px;
	height:146px;
	
}


#leadpic{
background-color: #FFFFFF;
background-image:url('imgwelcome2.jpg');
background-repeat:no-repeat;
width:804px;
height:280px;
}


/*---------NAV----------------*/
#horiznav {
	background-image:url('imgnavbarbg.jpg');
	background-repeat:no-repeat;
	/*background-repeat:repeat-y;*/
	/*background-color: #FAD572;background-color: #FFFFFF;*/ /*yellow*/
    width: 804px;
	height:100px;
}

html>body #horiznav{
	background-image:url('imgnavbarbg.jpg');
	/*background-repeat:repeat-y;background-repeat:no-repeat;*/
	/*background-color: #FAD572;*/ /*yellow*/
    width: 804px;
	height:100px;
}


#leftcol {
/*
height:300px;

*/
	background-color:#FFFFFF;	
    float: left;
    width: 162px;
	padding-left:70px;
	padding-top:30px;
	margin: 0;
	
}

#midcol {
/*
height:330px;
*/
	float: left;
	background-color:#FFFFFF;
	padding:0 40px 0 40px;
    width: 300px;
}

#subpagemidcol {
/*
background-color:#FFFFFF;
	padding:30px 50px 0 40px;
    float: left;
    width: 482px;
*/
	background-color:#FFFFFF;
	padding:30px 50px 0 40px;
    float: left;
    width: 482px;
}

#rightcol {
/*

*/
	background-color:#FFFFFF;
	height:310px;;
    float: left;
    width: 192px;
	padding-top:20px;
}

#prefooter {
    background-color: #422B7D; /*purple*/
    float: left;
	height:33px;
    width: 804px;
	font-size: 20px;
	text-align:center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:8px;
}

#footer {
    /*background-color: #F7C435; warm yello*/
	background-image:url('imgfooterbg.jpg');
	background-repeat:no-repeat;
    float: left;
	height:35px;
    width: 804px;
	font-size: 10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:8px;

}

#credit {
	background-color: #FAD572;
    float: left;
	height:35px;
    width: 804px;
	font-size: 10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:8px;

}

/* text styles below */
.fccallout, .fclead  {	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.fccallout {
	font-size: 12px;
	font-weight:normal;
	padding-left:10px;
}

.fccalloutbar {
	/*background-image:url('imgblankbar.jpg');
	background-repeat:no-repeat;*/
	background-color:#422B7D;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	width:145px;
	height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


.fccalloutanimated{
	font-weight: bold;
	color:#FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.fclead {
	font-size: 18px;
}

.fcbody {
	font-size: 12px;
	line-height: 150%;
	
}

.fcsubhead {
	font-size: 20px;
	font-weight: bold;
	color:#DC281A; /*red*/
	line-height: 150%;
	
}

.fcsubhead2 {
	font-size: 12px;
	font-weight:bold;
}

/*buttons*/
	/*single button behaviour*/
	a.buttonfindout {
	display: block;
	background: url(imgfindoutmore.jpg);
	width: 266px;
	height: 58px;
	}
	
	a.buttonfindout:hover {
	color: #000000;
	background: url(imgfindoutmore_state2.jpg);
	}
	
	
	a.buttonfundraiser {
	display: block;
	background: url(imgfundraiser.jpg);
	width: 140px;
	height: 85px;
	}
	
	a.buttonfundraiser:hover {
	color: #000000;
	background: url(imgfundraiser_state2.jpg);
	}
	
	a.buttonpromotion {
	display: block;
	background: url(imgpromotion.jpg);
	width: 140px;
	height: 93px;
	}
	
	a.buttonpromotion:hover {
	color: #000000;
	background: url(imgpromotion_state2.jpg);
	}
	
	a.buttonadvertise {
	display: block;
	background: url(imgadvertise.jpg);
	width: 140px;
	height: 104px;
	}
	
	a.buttonadvertise:hover {
	color: #000000;
	background: url(imgadvertise_state2.jpg);
	}
	
/* tab nav*/
#fccolortabs{
padding: 0;
width: 804px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 35px;
}

#fccolortabs ul{
font: bold 14px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#fccolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
/*text-transform:uppercase;*/
}


#fccolortabs a{
float:left;
color: white;
border-top: 1px solid #663366;
border-left: 1px solid #663366;
border-right: 1px solid #663366;
/*background: #422B7D url(color_tabs_left.gif) no-repeat left top;*/
background: #422B7D;
margin:0 5px 0 0; /*note: controls the spaces between the tabs*/
padding:0 0 0px 3px; /*controls the sides of the tabs*/
text-decoration:none;
line-height: 110%;
letter-spacing: 0px;
}

#fccolortabs a span{
float:left;
display:block;
/*background: transparent url(color_tabs_right.gif) no-repeat right top;*/
padding:10px 9px 20px 6px;
}

#fccolortabs a span{
float:none;
}

#fccolortabs a:hover{
background-color: #776098;
}

#fccolortabs a:hover span{
background-color: #776098;
color:#FAD572;
}

#fccolortabs #current a, #fccolortabs #current span{ /*currently selected tab*/
background-color: #776098;
border-bottom: none;
}

#fccolortabsline{
clear: both;
padding-top:10px;
padding-bottom:3px;
width: 100%;
height: 26px;
text-align:center;
background: #776098;
/*border-top:0px solid #fff; /*Remove this to remove border between bar and tabs*/
font-weight:bold;
color:#FFFFFF;
}

/*new tab*/
.jttab{
/*


border-bottom: 1px solid black;
*/
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0;
margin-left: 0;
font: bold 12px Arial;
/*border-bottom: 1px solid #776098;*/
list-style-type: none;
text-align: center;
}

.jttab li{
display: inline;
margin: 0;
}

.jttab li a{
/*
padding-top: 8px;
padding-bottom: 8px;
*/
text-decoration: none;
padding: 9px 7px;
margin-right: 0px; /*note:controls space between tabs*/
border: 1px solid black;
border-bottom: none;
background: #422B7D; /*purple*/
color: white;
position: relative;
top:2px;
}

html>body .jttab li a{
top: -3px;
}

.jttab li a:visited{
color: white;
}

.jttab li a:hover{
background-color: #776098;
color: #FAD572;
}

.jttab li a:active{
color: white;
}

.jttab li.selected a{ 
position: relative;
top: 2px;
padding-top: 10px;
background-color:  #776098;
color: #FAD572;
}

html>body .jttab li.selected a{ 
top: -3px;
}



#fccolortabsline{
font-family: Arial, Helvetica, sans-serif;
clear: both;
padding-top:10px; /*padding underneath the main bar underneath the tabs*/
padding-bottom:2px; /*padding underneath the main bar underneath the tabs*/
width: 100%;
height: 20px;
font: bold 14px Arial;
text-align:center;
background: #776098;
color:#FFFFFF;
margin-top:-75px; /*note: very important-this pulls the tabline up in ie*/
border-top: 1px solid black; /*puts a black line underneath the tabs*/
}

html>body #fccolortabsline{
margin-top:-80px; /*note: very important-this pulls the tabline up picked up by firefox*/
}

/*///////////PICS//////////////*/
		div.thumbnail
		{
			width: 210px;
			float: left;
			margin: 0px 20px 10px 0px;
		}
		
		div.thumbnail img
		{
			margin: 15px 10px 0 0px;
		}
		
		div.thumbnail p
		{
			margin: 5px 10px 0 0px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 115%;
			font-size: 12px;
			color: #333333;
			font-weight: bold;
		}
		
		/*used to start a new line with the pics*/
		.clear { clear: left; }
		/*///////////PICS//////////////*/

.imgCouponBook{
float:left;
padding:15px 15px 0 0;
height:1500px;
}

.somediv{
padding-top:10px;
width: 500px;
clear: left;
border: 0px solid gray;
}

.somediv .floatbox{
float: left;
width: 220px;
}

* html .somediv p{ /* IE 3px  hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 220px;
}