/*------------------------------------------------------------------
[Master Stylesheet]

Project:	
Version:	1.0
Last change:	
Assigned to:	Brian Gallagher (bg)
Primary use:	Online Reference
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]
#
# Stuff:							#000000
#
# Overlay color used in rollover image in Photoshop is :#007700 for the green arrow.
# 
# [Dimensions]
# 
# Content Div is 880px/920px wide. Height is 420px/480px.
# 
#
#
#
# */


body {
	background:#dbdbdb;
	}



* html { height:100%; } /*Footer Hack for IE.*/
html, body {height:100%; padding:0; margin:0; text-align:center;}

#container {
	width:920px;
	margin:0 auto;
	}

#header{
	text-align:left;
	padding:10px 10px;
	width:900px;
	height:80px;
	}
	#topNAV {float:right; padding-top:20px;}
		#topNAV a {padding:0 5px;}
	#toppromo { float: right; width: 180px;}	
	#toppromo2 { float: left; width: 195px;}	
		
#contentdivTOP {width:920px; height:10px; background:url(../images/div-top.png) no-repeat top;}
#contentdivBOTTOM {width:920px; height:10px; background:url(../images/div-bottom.png) no-repeat bottom;}

#contentdiv {
	width:880px; 
	min-height:420px; 
	background:url(../images/div-fill.png);
	padding:20px 20px 40px;
	text-align:left;
	}
	#column1 {
		float:left;
		width:228px;
		padding-right:10px;
		}
		#column1 div {border:1px solid #d5d6d7; margin:0 0 10px;}
		#column1 #leftTOP {width:226px; height:98px;}
		#column1 #leftMID {width:226px; height:98px;}
		#column1 #leftBOT {width:226px; min-height:172px;}
	#column2 {
		width:637px; 
		float:left;
		}
	
		#column2 div.flashmovie {border:1px solid #d5d6d7; height:392px;}
		#column2 div.content {border:1px solid #d5d6d7; min-height:392px;font-size: 11px;line-height:15px;color: #292929;}
		#column2 #text {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}

	#column2-cancer {
		width:637px; 
		float:left;
		}
	
		#column2-cancer div.flashmovie {border:1px solid #d5d6d7; height:392px;}
		#column2-cancer div.content {
	border:1px solid #f49ac0;
	min-height:392px;
	font-size: 11px;
	line-height:15px;
	color: #292929;
	background-image: url(../images/HeroesCornerWeb.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
		#column2-cancer #text {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}
		
	#column3 {
		width:444px; 
		border:1px solid #d5d6d7; 
		float:left;
		margin-right:10px;
		min-height:392px;
		}
		#column3 #text {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}		
		#column3 #content {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}
	#column3-narrow {
		width:359px; 
		border:1px solid #d5d6d7; 
		float:left;
		margin-right:10px;
		min-height:392px;
		}
		#column3-narrow #text {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}		
		#column3-narrow #content {margin:25px; line-height: 15px; color: #292929; font-size: 11px;}			
	#column4 { float:left; width:181px; min-height:392px; font-size: 11px; line-height:15px;color: #292929; }
		#column4 img {border:1px solid #d5d6d7;}
	#column4-color { float:left; width:182px; min-height:392px; font-size: 11px; line-height:15px;color: #292929; background-color:#f1f1f1; }
		#column4-color img {border:1px solid #d5d6d7;}
	#column4-wide { float:left; width:266px; min-height:392px; background-color:#f1f1f1; font-size: 11px; line-height:15px;color: #292929; }	
		#column4-wide img {border:1px solid #d5d6d7;}	
	#rightinfopanel {margin:10px 0 0; background-color:#f1f1f1; border:1px solid #d5d6d7;}
	#rightinfopanel p {margin:0;}
	#rightinfopanel2 {margin:10px 0 0; background-color:#f1f1f1; border:1px solid #d5d6d7;}
\
		
#dealerphoto {position: relative; min-height:200px;}
#dealercert {position: absolute; top:0; left: 230px;}	
		
#footer {
	text-align:left;
	padding:10px;
}


ul.leftLIST {padding:10px; 	list-style-type:none;}
ul.leftLIST li {
   list-style-image: none;
   background-image: url(../images/bullet.jpg);
   background-repeat: no-repeat;
   background-position: 0 10px;
   padding:5px 10px 5px;
   line-height:16px;
   }
ul.rightLIST {padding:7px; 	list-style-type:none;}
ul.rightLIST li {
   list-style-image: none;
   background-image: url(../images/bullet2.jpg);
   background-repeat: no-repeat;
   background-position: 0 7px;
   padding:2px 10px 2px;
   line-height:16px;
   }   

.right {float:right;}
.left {float:left;}
.clear {clear:both; border:none;}

hr { height: 1px; margin: 10px 0; color: #d5d6d7; background-color: #d5d6d7;}