/* 

Colorado Rocky Mountain School, 2009

Table of Contents:
	3. INTERIOR CONTENT
		a. sub-nav
		b. interior content area
		c. layout 1 - two-column content
		d. layout 2 - one-column content	
*/

/* 3. INTERIOR CONTENT */

.epsilon #interior-flash-photo {
	margin: 0;
	padding: 0;
	width: 724px;
	height: 273px;
}
.epsilon #interior-flash-slideshow {
	margin: 0;
	padding: 0;
	width: 724px;
	height: 600px;
	background:#000;
}

/* --------------- a. sub-nav --------------- */

.interior {
	background: url(/images/bg_interior-in-tile.gif) 0 0 repeat-y;
	width: 960px;
	height: 100%;
}

.delta {
	padding: 15px;
	background: #94a72a;
	width: 206px;
	float: left;
	display: inline; /* Fixes IE 6 Float Bug */
}

.delta h2 {
	padding: 5px 10px 5px 12px;
	background: #2c4514;
	font: normal 20px Georgia, "Times New Roman", Times, serif;	
	color: #FFF;
}
.delta ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #FFF;
	border-top: none;
	z-index:10;
	
}
.delta li {
	border-top: 1px solid #FFF;
}
.delta li a {
	padding: 5px 5px 5px 20px;
	background: url(/images/icon_arrow.gif) 11px 15px no-repeat;
	color: #FFF;
	display: block;
	min-height: 20px;
  	height:auto !important; /* fix for IE6 */
  	height: 20px;
	font-weight:normal;
}
.delta li a:hover,
.delta li.active a:hover {
	background: #a2b246 url(/images/icon_arrow.gif) 11px 15px no-repeat;
	color: #2c4514;
	text-decoration: none;
}
.delta li.active a {
	background: #b5c26c url(/images/icon_arrow.gif) 11px 15px no-repeat;
	color: #2c4514;
	text-decoration: none;
}


/* --------------- b. interior content area --------------- */
.epsilon {
	padding: 0 0 30px 0;
	width: 724px;
	float: left;
	display: inline; /* Fixes IE 6 Float Bug */
}
.epsilon .callout {
	margin: 0;
	padding: 10px 30px;
	background: #2c4514;
	width: 664px;
}
.epsilon .callout h2 {
	margin: 0;
	padding: 0;
	font: normal 20px Georgia, "Times New Roman", Times, serif;	
	color: #FFF;
}

/* --------------- c. layout 1 - two-column content --------------- */

.epsilon div.ep-wrap {
	padding: 0 0 0 30px;
}
.epsilon .epsilon-inner {
	margin: 30px 30px 0 0;
	padding: 0;
	width: 317px;
	float: left;
	display: inline; /* Fixes IE 6 Float Bug */
}
.epsilon .epsilon-inner h1,
.epsilon .epsilon-inner h1 a,
.epsilon .generic h1, 
.epsilon .generic h1 a {
	font: normal 20px Georgia, "Times New Roman", Times, serif;	
	color: #2c4514;
	text-decoration: none;
}
.epsilon .epsilon-inner h1 a:hover {
	text-decoration: underline;
}

/* --------------- d. layout 2 - one-column content --------------- */
.epsilon .generic {
	margin: 30px;
}
.epsilon .generic h1 {
	padding: 0 0 10px 0;
}
.epsilon .top {
	margin: 0 0 0 24px;
}