/*CSS Document for KarlKapp.com */
/*Specialized styles for the index page of KarlKapp.com*/
/*Created by Rich Peck*/
/*Version 1.0 - 11/2/05*/
/*Version 1.5 - 12-21-06*/

/*
*Creates the section of the page under the menubar.
*This section will hold the main image for the page.
*It will also contain the two content boxes on the right side of this section.
*/
div#top_image_div{
   width:766px;
   height:216px;
   /*background-color:#FF0000;Red Color - comment out on final
   background-image:url(../images/interfaceImages/center_fill.jpg);*/
   background-repeat:repeat-y;
   margin:0px 0px 5px 0px;
   padding:0px;
}

/*
*Container for the two featurette boxes that appear on the right side of the 
*/
div#right_headlines_div{
   /*background-color:#00FF00;Green - comment out on final*/
   width:268px;
   height:216px;
   float:left;
   margin:0px;
   padding:0px;
}
/*Styles that are similar between the top and bottom right headlines*/
div#right_top_headline_div,div#right_bottom_headline_div{
   height:101px;
   width:262px;
    padding:3px;
 background-color:#80D026;
}
/*
*Styles images that are placed in the right side headline areas.
*/
/*Specific styles for the right top headline*/
div#right_top_headline_div{
   border-bottom:1px solid #AAAAAA;
}
div#right_bottom_headline_div{
border-top:1px solid #666666;
}
/*
*Creates the simulated shadow under the menu bar.
*/
div#shadow{
     height:4px;
	 font-size:4px;
	 background-image:url(../images/interfaceImages/shadow.gif);
	 background-repeat:repeat-x;
}
/*
*Styles the main image on the top of the page
*/
div#mainImage{
   /*background-color:#660066;Purple - comment out in final*/
   width:498px;
   height:216px;
   padding:0px;
   margin:0px;
   float:left;
}

/*
*Creates a column for the bottom section
*/
div.column{
   width:245px;
   /*background-color:#FF0000;Red - comment out for final*/
   float:left;
   margin:0px 6px;
  
}
/*
*Creates a section under a column.
*/
div.columnSection{
   /*background-color:#00FF00;Green - comment out for final*/ 
   margin-bottom:5px;	
   font-family:Arial, Helvetica, sans-serif;
}
/*
*Creates the header for each of the sections
*/
div.columnSectionHeader{
	height:15px;
    background-image:url(../images/interfaceImages/bottomSectionHeader.gif);
	background-repeat:repeat-x
	background-color:#CC0033;
	margin:0px 0px 8px 3px;
	color:#FFFFFF;
	font-size:12px;
	border-top:2px solid #5faf1d;
	border-left:2px solid #5faf1d;
	border-bottom:2px solid #6cbf27;
	border-right:2px solid #6cbf27;
	/*border-top: 1px solid #CCCCCC;
	border-right:1px solid #333333;
    border-left: 1px solid #CCCCCC;
	border-bottom:1px solid #333333;*/
	width:235px;
	text-align:center;
}
/*
*Formats the text under each column.
*/
div.columnSectionText{
   text-align:left;
   padding:0px 8px;
   margin-bottom:10px;
   font-size:12px;
   
}
/*
*Formats any image placed inside of text in the column.
*The image will float left.
*/
div.columnSectionText img{
   padding:3px;
   background-color:#80D026;
   float:left;
   margin-right:5px;
   border-top:1px solid #5faf1d;
	border-left:1px solid #5faf1d;
	border-bottom:1px solid #6cbf27;
	border-right:1px solid #6cbf27;
}
/*
*Creates the title for the column section text
*/
p.columnItemTitle{
     font-weight:bold;
	 font-style:italic;
	 margin-bottom:5px;
	 padding:0px;
}
/*
*Style a selection Arial, 18pt text, white, and bold.
*/


.arial18WhiteBold{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin:0px;
padding:0px;
}
/*
LEAVE THIS IN FOR NOW, BUT IT IS NOT USED

div#main_content_div{
width:766px;
 padding:0px 7px 0px 6px;
 

}*/