@charset "utf-8";
/* Commencement Site - Screen Styles - Created by SUU Web Services 09/09 from Marketing/PR design */

body {
	background: #d7d6d6;
}
/* ---- Container for all Commencement Content ---- */
#container {
	background: #FFFFFF url(../images/bkg-container.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px auto;
	min-height: 840px;
	padding: 0px 0px 30px 0px;
	width: 960px;
}
	/* ---- Branding for Commencement Site ---- */
	#container h1 {
		background: url(../images/bkg-h1-2012.gif) no-repeat;
		font-size: 0.5em;
		height: 58px;
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
		width: 960px;
	}
	#container h1 a {
		display: block;
		height: 58px;
		width: 960px;
	}
	/* ---- Main Navigation Bar across top ---- */
	#container ul#navbar {
		background: url(../images/bkg-navbar.jpg) no-repeat;
		font-size: 0.9em;
		height: 33px;
		list-style-type: none;
		margin: 0px;
		padding: 0px 78px 0px 82px;
		width: 800px;
	}
		#container ul#navbar li {
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px;
		}
		#container ul#navbar li a {
			display: block;
			font-size: 1.3em;
			height: 26px;
			padding: 7px 0px 0px;
			text-align: center;
			text-decoration: none;
			width: 159px;
		}
		#container ul#navbar li a:hover {
			background: url(../images/bkg-navbar-hover.jpg) no-repeat;
		}
	/* ---- Container for featured photo slideshow on commencement home ---- */
	#container #featurephoto {
		height: 423px;
		margin: 15px 0px;
		text-align: center;
	}
	/* ---- Text box columns on commencement home page ---- */
	#container #textboxes {
		color: #666666;
		font-size: 0.9em;
		min-height: 580px;
		overflow: auto;
		padding: 0px 60px 15px 61px;
	}
		#container #textboxes h2 {
			border-bottom: 2px solid #990000;
			color: #990000;
			font-size: 1.4em;
			margin: 10px;
			padding: 0px 2px;
		}
		#container #textboxes h3 {
			color: #990000;
			font-size: 1em;
			margin: 0px 10px;
			padding: 0px;
		}
		#container #textboxes p {
			margin: 4px 12px 5px;
			padding: 0px;
		}
		#container #textboxes ul {
			margin: 2px 30px 10px;
			padding: 0px;
		}
		#container #textboxes li {
			margin: 0px;
			padding: 0px 0px 3px;
		}
		/* ---- First text column on commencement home ---- */
		#container #textboxes #textcol1 {
			background: #f7f7f7 url(../images/bkg-textbox.jpg) repeat-x;
			border: 1px solid #f0f0f0;
			float: left;
			margin: 0px 19px 0px 0px;
			min-height: 590px;
			width: 240px;
		}
		/* ---- Second text column on commencement home ---- */
		#container #textboxes #textcol2 {
			background: #f7f7f7 url(../images/bkg-textbox.jpg) repeat-x;
			border: 1px solid #f0f0f0;
			float: left;
			margin: 0px 19px 0px 0px;
			min-height: 590px;
			width: 315px;
		}
		/* ---- Third text column on commencement home ---- */
		#container #textboxes #textcol3 {
			background: #f7f7f7 url(../images/bkg-textbox.jpg) repeat-x;
			border: 1px solid #f0f0f0;
			float: left;
			min-height: 590px;
			width: 240px;
		}

/* ---- Sub Pages ---- */

#container .row-rightcontent { /* ---- Styling for text boxes on the right ---- */
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 35px 0px 0px 0px;
	overflow: auto;
}
	#container .row-rightcontent .pic {
		float: left;
		width: 255px;
	}
		#container .row-rightcontent .pic img {
			border: 1px solid #ececec;
			margin: 0px 0px 0px 25px;
		}
	#container .row-rightcontent .text {
		background: #f7f7f7 url(../images/bkg-ceremonies-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
#container .ticketannouncement {
	margin: 10px 0px 0px 25px;
	padding: 0px;
}
	#container .ticketannouncement img {
		border: 1px solid #ececec;
	}
#container .row-leftcontent { /* ---- Styling for text boxes on the left ---- */
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 35px 0px 0px 0px;
	overflow: auto;
}
	#container .row-leftcontent .pic {
		float: left;
		width: 248px;
	}
		#container .row-leftcontent .pic img {
			border: 1px solid #ececec;
			margin: 0px 0px 0px 22px;
		}
	#container .row-leftcontent .text { 
		background: #f7f7f7 url(../images/bkg-ceremonies-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
		#container .text h2 {
			border-bottom: 2px solid #990000;
			color: #990000;
			font-weight: normal;
			margin: 15px 15px 20px;
			padding: 0px 0px 2px;
		}
		#container .text h3 {
				clear: both;
				color: #990000;
				font-size: 1em;
				margin: 0px 15px 2px;
				padding: 0px;
		}
		#container .text h4 {
				color: #000000;
				font-size: 1em;
				margin: 5px 15px 2px;
				padding: 0px;
		}
		#container .text p {
			line-height: 1.5em;
			margin: 0px 15px 20px;
			padding: 0px;
		}
		#container .text ul {
			line-height: 1.5em;
			list-style-type: none;
			margin: 0px 35px 0px;
			padding: 0px;
		}
		#container .text ul li {
			margin: 3px 0px 15px;
			padding: 0px;
		}
		#container .text ul ul {
			list-style-type: disc;
			margin: 0px 35px 0px;
			padding: 0px;
		}
		#container .text ul ul li {
			margin: 0px 0px 10px;
			padding: 0px;
		}
		#container .text .guestinfo {
			clear: left;
			margin: 0px 15px;
			padding: 0px 0px 20px;
		}
		#container .text .guestinfo li {
			float: left;
			width: 45%;
		}
		#container .text ul .indent {
			display: block;
			margin: 10px 0px 10px 30px;
		}
		#container .text p .headerbold {
			color: #990000;
			font-size: 1.5em;
		}
		#container .text p .headerbold a {
			color: #666666;
			text-decoration: none;
		}
		#container .text p .headerbold a:hover {
			color: #666666;
			text-decoration: underline;
		}
		#container .text .indentheader {
			margin-left: 10px;
		}
		#container .text .nobulletpoint {
			list-style-type: none;
		}
		#container .text .ceremonies {
			color: #990000;
			font-size: 1em;
		}
		#container .text h3 a {
			color: #666666;
			text-decoration: none;
		}
		#container .text h3 a:hover {
			color: #666666;
			text-decoration: underline;
		}
		#container .text .unbold {
			font-weight: normal;
		}
		#container .text .indented {
			padding-left: 30px;
		}
		#container .text .phone {
			color: #990000;
		}
		#container .text .bullets {
			list-style-type: disc;
		}
		
#container .updating {
 	color: #dedede;
 }
		 #container h3.updating{
			color: #dedede;
		 }
		 
		 #container h4.updating{
			color: #dedede;
		 }

		 #container .updating a {
			color: #dedede;
		 }
#container #textboxes .updating h3 {
 	color: #dedede;
 }
		 

/* ---- Sub Pages ---- */
/* -- ROW 1 -- */
#container #row1 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 35px 0px 0px 0px;
	overflow: auto;
}
	#container #row1 #row1pic { /* ---- Ceremonies page pic ---- */
		float: left;
		width: 255px;
	}
	#container #row1 #row1pic img {
		margin: 0px 0px 0px 25px;
	}
	#container #row1 #row1text { /* ---- Ceremonies page text ---- */
		background: #f7f7f7 url(../images/bkg-ceremonies-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row1 #row1facstafftext { /* ---- Faculty/Staff page text ---- */
		background: #f7f7f7 url(../images/bkg-facstaff-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row1 #row1graduatestext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-graduates-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
	#container #row1 #row1guestinfotext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-guestinfo-row1text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 360px;
		width: 682px;
	}
	#container #row1 #row1graduatespic { /* ---- Graduates page pic ---- */
		float: left;
		width: 248px;
	}
	#container #row1 #row1graduatespic img {
		margin: 0px 0px 0px 22px;
	}
/* -- ROW 2 -- */
#container #row2 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 25px 0px 0px 0px;
	overflow: auto;
}
	#container #row2 #row2pic {
		float: left;
		width: 255px;
	}
	#container #row2 #row2pic img {
		margin: 0px 0px 0px 25px;
	}
	#container #row2 #row2text {
		background: #f7f7f7 url(../images/bkg-ceremonies-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row2 #row2facstafftext { /* ---- Faculty/Staff page text ---- */
		background: #f7f7f7 url(../images/bkg-facstaff-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row2 #row2graduatestext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-graduates-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
	#container #row2 #row2graduatespic { /* ---- Graduates page pic ---- */
		float: left;
		width: 248px;
	}
	#container #row2 #row2graduatespic img {
		margin: 0px 0px 0px 22px;
	}
	#container #row2 #row2guestinfotext { /* ---- Guest Info page text ---- */
		background: #f7f7f7 url(../images/bkg-guestinfo-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
/* -- ROW 3 -- */
#container #row3 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 25px 0px 0px 0px;
	overflow: auto;
}
	#container #row3 #row3pic {
		float: left;
		width: 255px;
	}
	#container #row3 #row3pic img {
		margin: 0px 0px 0px 25px;
	}
	#container #row3 #row3text {
		background: #f7f7f7 url(../images/bkg-ceremonies-row3text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row3 #row3text .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row3 #row3facstafftext { /* ---- Faculty/Staff page text ---- */
		background: #f7f7f7 url(../images/bkg-facstaff-row3text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row3 #row3graduatestext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-graduates-row3text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
	#container #row3 #row3graduatestext .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row3 #row3graduatespic { /* ---- Graduates page pic ---- */
		float: left;
		width: 248px;
	}
	#container #row3 #row3graduatespic img {
		margin: 0px 0px 0px 22px;
	}
	#container #row3 #row3guestinfotext { /* ---- Guest Info page text ---- */
		background: #f7f7f7 url(../images/bkg-guestinfo-row3text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 790px;
		width: 682px;
	}
/* -- ROW 4 -- */
#container #row4 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 25px 0px 0px 0px;
	overflow: auto;
}
	#container #row4 #row4pic {
		float: left;
		width: 255px;
	}
	#container #row4 #row4pic img {
		margin: 0px 0px 0px 25px;
	}
	#container #row4 #row4text {
		background: #f7f7f7 url(../images/bkg-ceremonies-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row4 #row4text .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row4 #row4graduatestext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-graduates-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
	#container #row4 #row4graduatestext .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row4 #row4graduatespic { /* ---- Graduates page pic ---- */
		float: left;
		width: 248px;
	}
	#container #row4 #row4graduatespic img {
		margin: 0px 0px 0px 22px;
	}
/* -- ROW 5 -- */
#container #row5 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 25px 0px 0px 0px;
	overflow: auto;
}
	#container #row5 #row5pic {
		float: left;
		width: 255px;
	}
	#container #row5 #row5pic img {
		margin: 0px 0px 0px 25px;
	}
	#container #row5 #row5text {
		background: #f7f7f7 url(../images/bkg-ceremonies-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		width: 682px;
	}
	#container #row5 #row5text .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row5 #row5graduatestext { /* ---- Graduates page text ---- */
		background: #f7f7f7 url(../images/bkg-graduates-row2text.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0px 2px 26px;
		min-height: 250px;
		width: 682px;
	}
	#container #row5 #row5graduatestext .ceremonies {
		color: #990000;
		font-size: 1em;
	}
	#container #row5 #row5graduatespic { /* ---- Graduates page pic ---- */
		float: left;
		width: 248px;
	}
	#container #row5 #row5graduatespic img {
		margin: 0px 0px 0px 22px;
	}
/* -- Contact Page -- */
#container .contactrow {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 37px 0px 0px 0px;
	overflow: auto;
}
	#container .contactrow .contactpic, #container .contactrow2 .contactpic { 
		float: left;
		width: 255px;
	}
	#container .contactrow .contactpic img, #container .contactrow2 .contactpic img {
		margin: 0px 0px 0px 25px;
	}
	#container .contactrow .contacttext, #container .contactrow2 .contacttext { 
		background: #f7f7f7 url(../images/bkg-contactrow.png) repeat-x;
		border: 1px solid #ececec;
		float: left;
		margin: 2px 0;
		min-height: 140px;
		width: 682px;
	}
	.contactrow h2, .contactrow2 h2 {
		border-bottom: 2px solid #990000;
		color: #990000;
		font-weight: normal;
		margin: 10px 15px 15px;
		padding: 0px 0px 2px;
	}
	#container .contactrow .contacttext .indented, #container .contactrow2 .contacttext .indented {
		padding-left: 30px;
	}
	#container .contactrow .contacttext .phone, #container .contactrow2 .contacttext .phone {
		color: #990000;
	}
#container .contactrow2 {
	clear: both;
	color: #707070;
	font-size: 0.9em;
	margin: 26px 0px 0px 0px;
	overflow: auto;
}

#container #row1 h2, #container #row2 h2, #container #row3 h2, #container #row4 h2, #container #row5 h2 {
	border-bottom: 2px solid #990000;
	color: #990000;
	font-weight: normal;
	margin: 15px 15px 20px;
	padding: 0px 0px 2px;
}
#container #row1 h3, #container #row2 h3, #container #row3 h3, #container #row4 h3, #container #row5 h3, .contactrow h3, .contactrow2 h3 {
		color: #990000;
		font-size: 1em;
		margin: 0px 15px 2px;
		padding: 0px;
}
#container #row1 h4, #container #row2 h4, #container #row3 h4, #container #row4 h4, #container #row5 h4, .contactrow h4, .contactrow2 h4 {
		color: #000000;
		font-size: 1em;
		margin: 5px 15px 2px;
		padding: 0px;
}
#container #row1 p, #container #row2 p, #container #row3 p, #container #row4 p, #container #row5 p, .contactrow p, .contactrow2 p {
	line-height: 1.5em;
	margin: 0px 15px 20px;
	padding: 0px;
}
#container #row1 ul, #container #row2 ul, #container #row3 ul, #container #row4 ul, #container #row5 ul, .contactrow ul, .contactrow2 ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px 35px 0px;
	padding: 0px;
}
#container #row1 ul li, #container #row2 ul li, #container #row3 ul li, #container #row4 ul li, #container #row5 ul li, .contactrow ul li {
	margin: 3px 0px 15px;
	padding: 0px;
}
#container #row1 ul ul, #container #row2 ul ul, #container #row3 ul ul, #container #row4 ul ul, #container #row5 ul ul, .contactrow ul ul {
	list-style-type: disc;
	margin: 0px 35px 0px;
	padding: 0px;
}
#container #row1 ul ul li, #container #row2 ul ul li, #container #row3 ul ul li, #container #row4 ul ul li, #container #row5 ul ul li, .contactrow ul ul li {
	margin: 0px 0px 10px;
	padding: 0px;
}
/* ---- Specific Sub-Page Style ---- */
#container #row1 #row1graduatestext ul, #container #row2 #row2graduatestext ul, #container #row3 #row3graduatestext ul, #container #row4 #row4graduatestext ul, #container #row5 #row5graduatestext ul, #container #row1 #row1facstafftext ul, #container #row3 #row3facstafftext ul, #container #row1 #row1guestinfotext ul, #container #row2 #row2guestinfotext ul {
	list-style-type: disc;
}
#container #row3 #row3graduatestext h3 {
	font-size: 1.4em;
}
#container #row3 #row3graduatestext h4 {
	color: #990000;
	font-weight: normal;
	margin-bottom: 8px;
}
/* ---- Guest Info Styles ---- */
#container #row1 #row1guestinfotext h3, #container #row2 #row2guestinfotext h3, #container #row3 #row3guestinfotext h3 {
	clear: both;
	font-size: 1.3em;
}
#container #row3 #row3guestinfotext ul {
	margin: 0px 15px;
	padding: 0px 0px 20px;
}
#container #row3 #row3guestinfotext li {
	float: left;
	width: 45%;
}
/* ---- Faculty/Staff List Styles ---- */
#container #row1 #row1facstafftext ul {
	margin: 0px 45px 0px;
}
/* ---- More isolated text styling ---- */
#container ul .indent {
	display: block;
	margin: 10px 0px 10px 30px;
}
#container p .headerbold {
	color: #990000;
	font-size: 1.5em;
}
#container p .headerbold a {
	color: #666666;
	text-decoration: none;
}
#container p .headerbold a:hover {
	color: #666666;
	text-decoration: underline;
}
#container .indentheader {
	margin-left: 10px;
}
#container .nobulletpoint {
	list-style-type: none;
}
#container .ceremonies {
	color: #990000;
	font-size: 1em;
}
#container h3 a {
	color: #666666;
	text-decoration: none;
}
#container h3 a:hover {
	color: #666666;
	text-decoration: underline;
}
#container .unbold {
	font-weight: normal;
}