/* 
Cascading Style Sheet for Kidd-co.com
Winter 05/06
Matthew B. Hein
 */

body
{
    background-color: #FFFFFF;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*-----------------------------------------------------------------------------------------------------------*/
/* Layout Elements - the building blocks of the layout of the site 

Order of elements:

header
	header_top
		header_logo
		header_title
spacer
container
Content
	nav
	title_area
		title
	main_area
		main_text
copyright_line
	copyright

*/

.header
{
	position:relative;
	width:auto;
	height:65px;
	background-color: #000000;
	text-align:center;
	padding: 5px 0px 5px 5px;
}

.header_top
{
   	width:auto;
	color:#FFFFFF;
	margin: 0px auto 0px auto; 
	text-align:left;		
	
	
}

.kidd_logo
{
	position:relative;
	float:left;
	color: #FFFFFF;
	background-color:#000000;
}

.spacer
{
	background-image: url( '../imgs/spacer.gif' );
    background-repeat: repeat;
	position:absolute;
	width:100%;
	height:20px;
}

.container
{
    position:absolute;
	width:100%;
	height:400px;
	background-image: url( '../imgs/top_curve.gif' );
    background-position:top left;
    background-repeat: no-repeat;
}


.Content
{
	position:relative;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.nav 
{
	position:relative;
	width:980px;
	height:20px;
	padding: 3px 0px 0px 0px;
	color: #FFFFFF;
	text-align: left;
	margin-left:10px;
}

.title_area {
	height:50px;
	position:relative;
	margin: 0px 0px 0px 0px;
}	


.main_area
{	
	position:relative;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding-top:10px;
}


.spotlight
{	
	position:relative;
	float:left;
	left:30px;
	top:0px;
	width:120px;
	height:270px;
	color: #333333;
	Font: 8pt Arial, Helvetica, sans-serif;
	padding: 10px 5px 10px 5px;
	margin: -5px 15px 25px 0px;
	border:0px solid #999999;
	background-color:#CCCC99;
	text-align:left;		
}

.spotlight a {	margin-left:5px; }

.spotlight img { margin:5px;  }

.homepage
{	
	width:245px;
	top:0px;
	right:45px;
	height:270px;
	position:relative;
	float:right;
	margin: 15px 0px 10px 75px;
	padding: 0px 0px 0px 0px;
	border:0px solid #666699;
	/*background-color:#CCCCCC;*/
	color: #666699;
	Font: 8pt Arial, Helvetica, sans-serif;
	text-align:center;
}

.homepage img
{	
	height: auto;
	margin: 0px;
	padding: 0px;
}



.spotlight_2
{	
	width:320px;
	top:0px;
	right:20px;
	height:110px;
	position:relative;
	float:right;
	margin: 0px 0px 10px 30px;
	border:0px solid #666699;
	background-color:#CCCCCC;
	text-algin:center;
}
.spotlight_2 img
{	
	float:right;
	margin: 5px 5px 5px 0px;
	padding: 0px;
}

.text_img 
{	
	position:relative;
	width:auto;
	color: #333333;
	Font: bold 8pt Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

.text_img img
{	
	border:1px solid #999999;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	background-color:#CCCC99;
}



.subnav_area
{
	position:absolute;
	height:20px;
    width:1000;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copyright_line
{
	position:relative;
	bottom:0px;
	left:0px;
	height:30px;
	background-color:#CCCCCC;
	width:100%;
	margin: 0px 0px 2px 0px;
}


/*-----------------------------------------------------------------------------------------------------------*/
/* Text Elements - controls how text is displayed in each corresponding element */

.kidd_title
{
	color: #CCCCCC;
	font:  24pt Verdana;
	letter-spacing:10pt;
    padding: 10px 0px 0px 10px;
}


.content_nav  {
	color: #FFFFFF;
	text-align: left;
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	padding: 0px 1px 0px 0px;
	
}

.title   {
	color: #FFFFFF;
	Font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	text-align:left;
	padding: 3px 0px 0px 10px;
}


.main_text
{	
	position:relative;
	width:auto;
	margin:0px 10px 0px 170px;
}

.main_text p {
	text-align:left;
	color: #333333;
	Font: 100 10pt/12pt Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	
}


.main_text h5 {
	text-align:left;
	color: #333333;
	Font: bold 8pt Arial, Helvetica, sans-serif;
}

.content_subnav  {
	color: #333333;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 5px 0px 0px 5px;
	
}

.copyright, .copyright a
{
	color: #333333;
    font: 7pt/10pt Verdana;
   	text-align: left;
	padding: 0px 0px 5px 5px;
	}

/*-----------------------------------------------------------------------------------------------------------*/
/* Link(a) elements - controls how links look and change pending on the current state of the link */

a.content_nav:link { color: #FFFFFF; text-decoration:none; }
a.content_nav:active { color: #FFFFFF; text-decoration:none; }
a.content_nav:visited { color: #FFFFFF; text-decoration:none; }
a.content_nav:hover { color: #CCCCCC; text-decoration:underline overline; }

a .text_img:link { color: #666699; text-decoration:none; }
a .text_img:active { color: #666699; text-decoration:none; }
a .text_img:visited { color: #666699; text-decoration:none; }
a .text_img:hover { color: #666699; text-decoration:underline; }

a.content_subnav:link { color: #666699; text-decoration:none; }
a.content_subnav:active { color: #666699; text-decoration:none; }
a.content_subnav:visited { color: #666699; text-decoration:none; }
a.content_subnav:hover { color: #FFFFFF; text-decoration:underline overline; }

a:link { color: #666699; text-decoration:none; border:0px; }
a:active{ color: #666699; text-decoration:none; border:0px; }
a:visited { color: #666699; text-decoration:none; border:0px; }
a:hover { color: #666699; text-decoration:underline; border:0px; }