@charset "utf-8";
/*****************************************************************************
**   LCCF Main CSS Document
**   lccf_m_style.css
**   2011        
**   Version 
**   1.28-2
**     w3c passed 11-9
*****************************************************************************/
body{
	background:#1098a3;  /* original #FCE4AD */ 
	/* background:url(lccf_images/back_hands.gif);   place to add background image */
	font-family: Arial, Helvetica, sans-serif;      
	font-size:13px;
	color:#666666;	
}

a{
	text-decoration:none;
	color:#333;/* 383a3b  */
	font-weight:bold;
}

/*  used for demo direct page only  */
.demo-direct{
	text-decoration:none;
	color:#383a3b;
	font-weight:bold;
	background-color:#FCE4AD;
}
	
/*  css for headers  */
h1{
	font-size:26px;
	font-weight:bold;
}

h2{
	font-size:22px;
	font-weight:bold;
}

h3{
	font-size:18px;
	font-weight:bold;
}

h4{
	font-size:14px;
	font-weight:bold;
}

h5{
	font-size:12px;
	font-weight:bold;
}

h6{
	font-size:10px;
	font-weight:bold;
}

.ital{
	font-style:italic;
}

.darker{
	font-weight:bold;
	color:#333;
}
	
	

/* centers the page */	
#container{
	width:748px;
	margin:auto;
	background-color:#EEEEEE;
}

/* floats left, right and clear */

.floatl{
	float:left;
}

.floatr{
	float:right;
}

.clear{
	clear:both;
}  
 
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { 
	border:0;
	display: block; 
}
  
 /* css for green gif at top of page AND anchor for language */

.topgif{
  	width:100%;
	height:17px;
	background:url(lccf_images/css_top_line.gif) top left no-repeat;
	background-color:#ffffff;
}

.language {
	padding-left:690px;
	font-family:Tahoma, Arial, sans-serif;  /*  slightly different font  */
	font-size:13px;
}

.language a{
	text-decoration:none;
	color:#9fb752; 
	font-weight:bold;
}
 
.language a:hover{
	color:#0a72af;  
}

/* css for header with main picture here */

#header{
	height:273px;
	background:url(lccf_images/first_image.jpg) top right no-repeat;
	background-color:#eeeeee;
}
	
/* css for main content section starts here */

.main-content-box{
	padding:0px 0px 15px 0px;
	height:auto;
	background-color:#EEEEEE;
}

/* css for boxes to hold headedr gifs in main content section */
.header-box{
	width:100%;
	height:34px;
}

/* css creating left col is here */

.left-col{
	width:248px;
	height:auto;
	background-color:#EEEEEE;
	padding:0px 0px 0px 0px;
}

/* css creating right col is here */

.right-col{
	width:500px;
	height:auto;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
}

.ffffff{ /*  make font color same as color of background in right col  */
	font-family: Arial, Helvetica, sans-serif;      
	color:#ffffff;	
}

/* css for stuff in welcome box - INDEX PAGE ONLY */
#welcome-box{
	height:150px;  /* FIXED HEIGHT - BE CAREFUL OF AMOUNT OF VERBIAGE ENTERED HERE!!!  */
	padding:0px 15px 0px 15px;
	background:url(lccf_images/carlitos.jpg) no-repeat;
	/* font family color and size are body default */
}

.welcome-words{
 	width:290px;
	padding-top:30px;
} 
  
/* css for MAJORITY verbiage, picture and more boxes  */

.word-pic-box{
	height:auto;
	padding:10px 15px 10px 15px;
	/* font family color and size are body default */
}

.word-pic-box a:hover{
	color:#70A022 ; /*666600;   */  
}

.word-roomy {          /* word box with less padding on sides  */
	padding:10px 8px 10px 10px;
}
.word-roomy a:hover{
	color:#70A022 ;  
}




/* special container to hold the mouse over stuff for more links */
.more-box{
	padding:5px 15px 5px 15px;
	height:8px;
	font-weight:bold;
}

.more-box a{
	color:#f88000;
	text-decoration:none; /* get rid of underline on anchor  */
}

.more-box a:hover{
	color:#FFCC00;
	text-decoration:none; /* get rid of underline on anchor  */
}

.donate-box{  /* box for my donation gif - left column  */
	padding:0px 56px 0px 56px;
}
.netgood-box{  /* box for Network for Good donation gif (180x60)  - left column  */
	padding:10px 30px 10px 30px;
}


/* css for grey line seperating main content from footer */

#footgif{
  	width:100%;
	height:3px;
	background:url(lccf_images/footer_line.gif) center no-repeat;
}

/*css for footer starts here*/

.footer-links{
background-color:#EEEEEE;
font-size:11px;   /* only applys to copyright info  */
text-align:center;
width:748px;
color:#999999;
padding-bottom:10px;
}

.footer-links ul{
list-style:none;
padding:5px 0 0 260px;  /* 220 lte ie 7 in source hack   */
}

.footer-links li{
float:left;
margin-bottom:2px;  
margin-right:9px;
color:#999999;
font-size:13px;
}

.footer-links li a{
text-decoration:none;
color:#999999;
}

/* css for special uses  */

/* css to align text and images to center of a container BUT does NOT work if image is a link anchor */
.center-it{
	text-align:center; 
}

/* css to increase line height on MEET THE TEAM page  */

.high{
	line-height:135%;
}

.high-two{
	line-height:120%;
}

/* css to increase vertical space between bullets in list  */
.list-line li{
	line-height:30px; 
}

/* css makes li bullets bold or strong  */
.strngli ul{
	font-weight:bold;
}

/* css for ptr images in ul on donate page  */
.ptr-g ul{
	list-style-image:url(lccf_images/ptr_gray.gif);
}

.ptr-w ul{
	list-style-image:url(lccf_images/ptr_white.gif);
}

/* css for different hover color for email anchors  */
.mail a{
	text-decoration:none;
	color:#333;  
	font-weight:bold;  /* anchor same as standard, only hover is different  */
}
 
.mail a:hover{
	color:#0a72af; 
}
.marge-fr img{    /*  need space around edges of logos on friends page  */
	margin:5px 12px 2px 0;
}

.marge-sp img{    /*  need space around edges of logos on sponsors page  */
	margin:10px 20px 10px 15px;
}

.underit {
	text-decoration:underline;
}

.letters a{   /*  change look of anchors on newsletters page  */
	color:#65bb9f;
	text-decoration:underline;
}

.letters img {
	margin:20px 30px 20px 5px;
}

.smap a{           /* css makes anchors lighter on site map pages */
	color:#666;
}
/* css for gallery pages  **********************************************************/

#gallery {
	margin: 0;
	padding: 0;
}
#gallery ul {
	list-style-type:none; /* gets rid of bullets  */
	margin: 0;
	padding: 0;
}
#gallery li {
	/*display: inline;   this would display vertical  */
	float:left;  /* displays horizontal  */
	margin: 0;
}
#gallery img {
	padding: 0;
	border: 4px solid white; 
}
#gallery img:hover {
	padding: 0;
	border: 4px solid #ffcc00; /*#f4b321; */
}

#gallery #gallerydetail {
	float: right;  
	width: 495px;  
	text-align: left;
}
#gallery #gallerydetail img {  /* around Big image  */
	border:4px;
	border-style:solid;   /* will not show up on FF without this  */
	border-color:#9fb752;
	margin:0 5px 3px 20px;
}

 

/* end of gallery pages  ***********************************************************/

/* css for font sizes without other attributes of Headers */

.fsize-htwo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
}

.fsize-hthree{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.fsize-fsixt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.fsize-hfour{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
	
.fsize-hfive{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.fsize-feleven{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.fsize-ften{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* css for special colors  */
.white {
	color: #ffffff;
}

.green {
	color: #70A022;
}

.red {
	color: #CC0000;
}

.darker {
	color:#333;
}

.deep-red {
	color:#900;
}

.bbold  {
	font-weight:bold;
}

.tourney {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

/* Padding around small "Become a Fan" Facebook logo  */

.befan {
	padding:0px 100px 0px 100px;
}


/* Donation pages  */
.ppal {
	font-family: Arial, Helvetica, sans-serif;      
	font-size:13px;
	font-weight:bold;
	color:#000;	
}

/*  css for FRED DUCKETT CHALLENGE PAGE ONLY   */
/* css for user input fonts on ducket challenge form  - doesn't always work on FIREFOX?? */
/* css for container that holds the entire form on DUCKETT page */

/* css used as anchor for fred's bio  */ 
#fredstory{
	font-family:Arial, Helvetica, sans-serif;
}

#thevideo{  /* css used as anchor to jump to video on duckett page  */ 
	font-family:Arial, Helvetica, sans-serif;
}

.marge-thnk img{    /*  need space around edges of logos on duckett thank you page  */
	margin: 0px 30px  0px 0px;
}

/* centers the page */	
#fred_container{
	width:420px;
	height:350px;
	padding:10px;
	/* margin:auto; */
	background-color:#FCE4AD;
}

.national {
	font-size:18px;
	color:#95ca3e; 
	
}

.national a{
	color:#007c46;
	font-style:italic;
}

.national a:hover{
	color:#70A022;  
}


/*  for LCCF Trip add on index only  */

.trip-box {
	padding:10px 3px 6px 6px;
	
}

.trip-box img {   /*  need space around edges of jesus pic  */
	margin:3px 2px 3px 2px;
}

.hide {       /* make font color the same as background color to use characters as spacers  */
	color:#EEEEEE;
}

#newsone_container{
	width:430px;
	height:600px;
	padding:10px;
	/* margin:auto; */
	background-color:#FCE4AD;
}

.duck-return {
	padding: 245px 0px 0px 400px;
	font-weight:bold;
}

.duck-thank {
	background-color:#FBF2E9;  /*   FAEBE4 */
}