/* ******************************************
*
*	File:			home.css
*	Type:		CSS (stylesheet)
*	Purpose:	Provide styling for home page
*
*	Developer:	David Murray
*	(C) 2009
*
****************************************** */
.home .content {
	/* color, border, background */
	background: transparent url("../images/home_bg_REV04.jpg") no-repeat scroll;
	
	/* width, height */
	
	/* margins, padding */
	
	/* position */
	
	/* text */
	
	/* font */
	
	}
		
.home .left-column {
	/* color, border, background */
	
	/* width, height */
	width: 605px;
	height: 377px;
	
	/* margins, padding */
	
	/* position */
	float: left;
	
	/* text */
	
	/* font */
	
	}
	.home .left-column img {
		/* color, border, background */
		
		/* width, height */
		
		/* margins, padding */
		margin-top: 18px;
		
		/* position */
		
		/* text */
		
		/* font */
		
		}
	
.home .right-column {
	/* color, border, background */
	
	/* width, height */
	width: 244px;
	height: 340px;
	
	/* margins, padding */
	margin-right: 20px;
	margin-top: 15px;
	padding: 0px 10px;
	
	/* position */
	float: right;
	overflow: auto;
	
	/* text */
	
	/* font */
	text-align: left;
	}
	.home .right-column h1 {
		/* color, border, background */
		border-top: 2px dotted #78a22f;
		border-bottom: 2px dotted #78a22f;
		
		/* width, height */
				
		/* margins, padding */
		margin: 0px 0px 10px;
		padding: 3px 0px;
		
		/* position */
		
		/* text */
		
		/* font */
		color: #78a22f;
		font-size: 14px;
		}
	.home .right-column h2 {
		/* color, border, background */
		
		/* width, height */
		
		/* margins, padding */
		margin: 0px;
		
		/* position */
		
		/* text */
		line-height: 1.5;
		
		/* font */
		color: #78a22f;
		font-size: 12px;
		font-weight: normal;
		}		
	.home .right-column p {
		/* color, border, background */
		
		/* width, height */
		
		/* margins, padding */
		margin: 5px 0px;
		
		/* position */
		
		/* text */
		
		/* font */
		color: #565656;
		font-size: 0.6em;
		}	

.home .rectangles {
/* color, border, background */

/* width, height */
width: 100%;

/* margins, padding */
margin-top: 10px;
	
/* position */
float: left;

/* text */

/* font */

	}
	.home .rectangles > li {
		/* color, border, background */
		
		/* width, height */
		width: 290px;
		height: 82px;
		
		/* margins, padding */
		margin-left: 24px;
		padding: 0px;
			
		/* position */
		float: left;
		
		/* text */
		
		/* font */
		
		}
		.home .rectangles > li > a > div {
			/* color, border, background */
			background: none;

			/* width, height */
			width: 95px;
			height: 67px;
			
			/* margins, padding */
			margin: 8px 8px 0px 0px;
				
			/* position */
			float: right;
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > li.first-item {
			/* color, border, background */
			/*background: url('../images/MAIN_callaway_event_APRIL2010_REV02.jpg') no-repeat scroll 2px center;*/
			/*background: url('../images/MAIN_cleveland_event_MAY2010_REV02.jpg') no-repeat scroll 2px center;*/
			
			/* width, height */
			
			/* margins, padding */
			margin-left: 0px;
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > li.last-item {
			/* color, border, background */
			
			/* width, height */
			
			/* margins, padding */
			margin-left: 17px;
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > li > a {
			/* color, border, background */
			
			/* width, height */
			width: 290px;
			height: 82px;
			
			/* margins, padding */
				
			/* position */
			float: left;
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-1 > a {
			/* color, border, background */
			
			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-2 > a {
			/* color, border, background */
			
			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-3 > a {
			/* color, border, background */
			
			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-1 > a > div.rollover-sprite {
			/* color, border, background */
			
			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-1 > a:hover > div.rollover-sprite {
			/* color, border, background */
			background: #FFFFFF url("../images/home_rectangles_sprite.jpg") no-repeat scroll 0px 0px;

			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-2 > a:hover > div.rollover-sprite {
			/* color, border, background */
			background: #FFFFFF url("../images/home_rectangles_sprite.jpg") no-repeat scroll -95px 0px;

			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}
		.home .rectangles > .rect-3 > a:hover > div.rollover-sprite {
			/* color, border, background */
			background: #FFFFFF url("../images/home_rectangles_sprite.jpg") no-repeat scroll -190px 0px;

			/* width, height */
			
			/* margins, padding */
				
			/* position */
			
			/* text */
			
			/* font */
			
			}