/* Hero Graphic */
.hero{
	background: url('../images/gradHero_bg.jpg') no-repeat 0 0;
	height: 167px;
	padding: 15px 25px;
}
	
	.hero h2{
		position: relative;
		color: #fac92e;
		font-size: 1.5em;
		font-weight: bold;
		border: none;
		width: 416px;
		height: 114px;
		background: url('../images/gradCommComplete_h1bg.png') no-repeat 0 0;
		text-indent:-9999px;
	}
	.hero p{
		color: #fff;
		font-size: .9em;
		line-height: 1.7em;
		width: 350px;
		padding: 0;
	}
		.hero.faqs p{
			position: relative;
			width: 240px;
			left:420px;
		}
	.hero.bCeremony{
		background: url('../images/gradBeforeCeremony_h1bg.jpg') no-repeat 0 0;
	}
	.hero.dCeremony{
		background: url('../images/gradDayCeremony_h1bg.jpg') no-repeat 0 0;
	}
	.hero.aCeremony{
		background: url('../images/gradAfterCeremony_h1bg.jpg') no-repeat 0 0;
	}
	.hero.bCeremony h1, .hero.dCeremony h1, .hero.aCeremony h1{
		background: none;
	}

/* 
** Hero horizontal navigation YELLOW GOLD 
*/
	
.contentMiddleFull ul.highSchoolNav{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 44px;
}
	.highSchoolNav li{
		float: left;
	}
	.highSchoolNav a{
		display: block;
		height: 44px;
		text-indent: -9999px;
	}
	.highSchoolNav a.graduation{
		background: url('../images/graduationMenu_bg.png') no-repeat 0 0;
		width: 146px;
	}
		.highSchoolNav a.graduation:hover, .highSchoolNav a.graduationActive{
			background: url('../images/graduationMenu_bg.png') no-repeat 0 -44px;
			width: 146px;
		}
	.highSchoolNav a.beforeCeremony{
		background: url('../images/graduationMenu_bg.png') no-repeat -146px 0;
		width: 195px;
	}
		.highSchoolNav a.beforeCeremony:hover, .highSchoolNav a.beforeCeremonyActive{
			background: url('../images/graduationMenu_bg.png') no-repeat -146px -44px;
			width: 195px;
		}
	.highSchoolNav a.dayCeremony{
		background: url('../images/graduationMenu_bg.png') no-repeat -341px 0;
		width: 196px;
	}
		.highSchoolNav a.dayCeremony:hover, .highSchoolNav a.dayCeremonyActive{
			background: url('../images/graduationMenu_bg.png') no-repeat -341px -44px;
			width: 196px;	
		}
	.highSchoolNav a.afterCeremony{
		background: url('../images/graduationMenu_bg.png') no-repeat -537px 0;
		width: 183px;
	}
		.highSchoolNav a.afterCeremony:hover, .highSchoolNav a.afterCeremonyActive{
			background: url('../images/graduationMenu_bg.png') no-repeat -537px -44px;
			width: 183px;
		}

/*
** Main Content
*/

.mainContent{
	float: left;
	width: 520px;
	margin-top: 20px;
}
.mainContent ul.noBullets{
	margin-bottom: 20px;
}
.mainContent ul.noBullets li{
	margin-bottom: 10px;
}

.contentMiddleFull ul.arrowBull{
	list-style-type: none;
	padding-left: 5px;
}
	ul.arrowBull li{
	 	margin-bottom: 10px;
	}
	ul.arrowBull.ltPurple li{
		background: url('/images/bullet_ltPurple.png') no-repeat 0 .3em;
		padding-left: 20px;
	}
.smallCallout{	
	width: 250px;
	background: none;
	background-color: #fef8e6;
	border-bottom: 1px solid #fdefc1;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
	.smallCallout.left{
		float: left;
	}
	.smallCallout.right{
		float: right;
	}
	.contentMiddleFull .smallCallout ul.noBullets{
		padding: 0;
		margin-left: 15px;
	}
	
	.smallCallout li{
		margin:10px;
		line-height: 1.2em;
	}
	.mainContent .smallCallout li a:link, .mainContent .smallCallout li a:visited{
		color: #000;
		text-decoration: none;
	}
	.mainContent .smallCallout li a:hover{
		text-decoration: underline;
	}
	
.contentMiddleFull ul.accordian{
	font-size: 1em;
	padding-left: 10px;
}
.contentMiddleFull ul.accordian li{
	margin: 20px 0;
}
.contentMiddleFull ul.accordian div.hiddenCourse{
	margin-top: 5px;
	border-bottom: 1px solid #e6daee;
	border-top: 1px solid #e6daee;
	background-color: #fffcf5;
}
	.contentMiddleFull ul.accordian div.hiddenCourse p{
		padding: 10px 15px;
	}
h4{
	font-size: .75em;
}
ol{
	margin-bottom: 20px;
	font-size: .75em;
	margin-left: 30px;
}
ol li{
	margin-bottom: 5px;
	list-style: decimal;
	
}
	
/*
** Rightsidebar styles
*/

.sidebarRight{
	margin-left: 540px;
	margin-top:50px;
}

.contentMiddleFull .sidebarRight ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*
** Graduation Chart Styles
*/

table.gradChart {
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px #EEE6F3 solid;
}

table.gradChart td {
	padding: 5px;
}

table.gradChart td p {
	padding-bottom: 0px;
}

table.gradChart tr.altRow {
	background-color: #EEE6F3;
}

table.gradChart td.leftText {
	padding-left: 10px;
	text-align: left;
}

table.gradChart td.centerText {
	text-align: center;
}

table.gradChart td.centerBorders {
	text-align: center;
	border-left: 1px #DCD5E2 solid;
}

table.gradChart td.leftBorders {
	padding-left: 10px;
	text-align: left;
	border-left: 1px #DCD5E2 solid;
}

div#studentSpeaker {
	margin-bottom: 20px;
	padding: 20px 20px 10px;
	width: 480px;
	background-color: #FCF8F9;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

div#studentSpeaker img {
	margin: 0px 20px 10px 0px;
	float: left;
}

div#studentSpeaker h4 {
	color: #981E32;
	font-weight: bold;
	padding-bottom: 10px;
}