/***********************************************/
/* home_main.css for the Home Main page        */
/*   2-col	
/*  9-27-2012 HRN MOD#99 change background to remove musicians image*/
/***********************************************/

/* Override the home_bkg.gif in the main.css */
#container{
	width:880px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000000;
	margin-top: 15px;
	padding: 0px;
	/*background: #FFFFFF url(../images/home_main_bkg.gif) no-repeat left top;*/
	background: #FFFFFF url(../images/home_main_bkg_without_musicians.gif) no-repeat left top;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#leftCol{
	height: 700px;
	float: left;
	width: 300px;

}

#rightCol{
	width: 560px;
	height: 900px;
	float: right;
}

#rcTop{
	float: right;
	height: 500px;
	width: 550px;
}

#rcItem{
	padding: 0px;
	margin-top: 400px;
	margin-left: 370px;
	text-align: center;
	width: 175px;
	margin-right: 20px;
}

#rcBottom{
	float: left;
	width: 550px;

}

#featurePanel{
	float:left;
	margin: 0px;
	padding: 230px 0px 0px;
}


/************* #feature styles ***************/

.featurePanelContent{
	padding: 0px 0px 10px 10px;
	margin: 0px;
}

.rightStep{
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
}

.rightStepTop{
	background: url(../images/home_box_top.gif) no-repeat left top;
	height: 28px;
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.rightStepTop h3{
	padding: 10px 0px 0px;
	text-align: center;
	font-size: 1.6em;
	margin: 0px;
	color: #623911;
}

.rightStepMid{
	background: url(../images/home_box_mid.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
}

.rightStepBottom{
	background: url(../images/home_box_bottom.gif) no-repeat left top;
	height: 25px;
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.featureContent{
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 255px;
}

.featureCheck{
	margin: 0px 3px 0px 6px;
	float: left;
	padding: 0px;
}

.featureHeading{
	color: #0099CC;
	margin: 0px;
	font-weight: bolder;
	font-size: 1.2em;
	padding: 3px 0px 5px;
	text-decoration: underline;
	cursor: pointer;
}

.featureText{
	float:left;
	width: 210px;
	margin-left: 5px;
}
.featureDetail{
	display: none;
	border: 1px dashed #666666;
	background: #FFFF99;
	cursor: pointer;
	line-height: 120%;
	padding: 5px 5px 10px 10px;
}

/************* #rcItem styles ***************/

.startBtn{
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.contactLink {
	margin-top: 10px;
}
.faqLink {
	margin-top: 10px;
}

/************* #rcBottom styles ***************/

#stepRow{
	width: 550px;
	height: 100px;
}
#stepRow ul {
	padding: 0px;
	margin: 0px;
}
#stepRow ul li {
	display:inline;  /* if you don't use float, the inline display will not set the width of each item */
	width: 80px;
	height: 20px;
	padding: 0px;
	margin-top: 2px;
	/*background-color:#3333CC;*/ /*don't set this here, let the menuMouseOut set it for each individual menu item */
	/*border: thin solid #000000;*/
}

.stepContent{
	padding-left: 5px;
	width: 287px;
}

.stepNumber{
	margin: 0px 3px 0px 6px;
	float: left;
	padding: 0px;
}

.stepHeading{
	color: #0099CC;
	margin: 0px;
	font-weight: bolder;
	font-size: 1.2em;
	padding: 10px 0px 5px;
}

.stepHeadingNoImg{
	color: #0099CC;
	margin: 15px 0px 5px;
	font-weight: bolder;
	font-size: 1.2em;
	padding: 0px;
	text-align: center;
}
.stepTextNoImg{
	float:none;
	padding-left: 15px;
	padding-right: 5px;
	width: 500px;
}

.stepText{
	width: 200px;
	float: left;
}
.stepParag{
	margin: 0px 0px 5px;
	padding: 0px;
}

	/* -- css for popupInfo box */
#popupInfo{
	display: none;
	width: 279px;
	position: absolute;
	left: 425px;
	top: 280px;
}

#popupInfoTop{
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/popup_info_top.gif) no-repeat;
	cursor: pointer;
}

#popupInfoMid{
	margin: 0px;
	display: block;
	background: url(../images/popup_info_mid.gif) repeat-y;
	padding: 0px 15px;
}

#popupInfoBot{
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(../images/popup_info_bot.gif) no-repeat;
}		

.popupInfoTitle{
	font-weight: bold;
}