/* 

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-inner.alpha, .epsilon-inner.beta {
	margin:0 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;
}

.epsilon-inner h2 { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #2c4514; }

.epsilon-inner h3 { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #2c4514; }

.epsilon-inner h4 { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #2c4514; }

.epsilon-inner h5 { font: normal 12px Georgia, "Times New Roman", Times, serif; color: #2c4514; }

/* --------------- 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;
}



.alpha li img {
	float:left;
	padding:0 10px 0 0;	
}
.alpha ul {
	margin:0;
	padding:0;
}
.alpha li {
	margin:0 0 10px 0;
	padding:10px;
	color:#565656;
	font-style:normal;
	font-size:11px;
	line-height:14px;
	border:1px solid #c6c6c6;
	display:block;
	width:280px;
	float:left;
	overflow:hidden;
	font:normal 11px Verdana, Geneva, sans-serif;
}
.alpha a,
.alpha a:visited,
.beta a,
.beta a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color:#5c1f12;
}

.alpha .more,
.beta .more {
	margin:20px 0 0 0;
	text-align:right;
}

.beta .box-wrap {
	background:url(/images/bg_news-tile.jpg) 0 0 repeat-y;
	width:288px;
}
.beta .box-content {
	padding:10px 20px 30px 20px;
	background:url(/images/bg_news-cap.jpg) bottom no-repeat;
	width:248px;
}