body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font: normal 12px/1.3 Arial, Helvetica, sans-serif;
}
p {
	padding: 0;
	margin: 0 0 1.8em 0;
}
a, a:link {
	color: #00f;
	text-decoration: underline;
}
a:visited {
	color: #306;
	text-decoration: underline;
}
a:hover, a:active, a:visited:hover {
	color: #c00;
	text-decoration: underline;
}
.clear {
	clear: both;
}


/* begin: CSS for identity box and banner */
#ident {
	position: relative;
	padding: 0;
	color: #000;
	background-color: #FFFFFF;
}
#ident img {
	margin: 33px 0 0 0;
	padding: 0;
}
#ident-grad-portraits {
	position: relative;
	padding: 0;
	color: #82919C;
	margin: 0 0 0 0;
	height: 96px;
	background-image: url(/images/bnr/bkgd_grad_portraits.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#ident-grad-portraits a {
	color: #82919C;
	text-decoration: none;
}
#ident-grad-portraits .bannerlink a {
	color: #82919C;
	text-decoration: underline;
}
#ident-grad-portraits .bannerlink a:hover {
	color: #009;
	text-decoration: underline;
}
#ident-yearbooks {
	position: relative;
	padding: 0;
	color: #82919C;
	margin: 0 0 0 0;
	height: 96px;
	background: #fff url(/images/bnr/bkgd_yearbooks.jpg) left bottom no-repeat;
}


.tbanner {
	position: absolute;
	left: 0px;
	top: 0;
	margin: 33px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#tlogo {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 11px;
	width: 91px;
	height: 42px;
	padding: 0;
	margin: 0;
	background-image: url(/images/bnr/logo_jostens.gif);
	background-repeat: no-repeat;
}
#tlogo a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/images/bnr/logo_jostens.gif);
	background-repeat: no-repeat;
}
#tlogo a span {
	position: absolute;
	left: -999em;
	top: 0;
}
/* end: CSS for identity box and banner */

/* begin: CSS for top nav */
#tnav {
	position: absolute;
	z-index: 20;
	left: 131px;
	top: 12px;
	width: 632px;
	color: #999;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}
#tnav ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tnav ul li {
	position: relative;
	display: block;
	float: left;
	height: 21px;
	margin: 0 0 0 4px;
	padding: 0;
}
#tnav ul li a span {
	position: absolute;
	left: -999em;
	top: 0px;
	font-size: 6px;
	font-weight: normal;
	line-height: 1;
}
#tnav a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 21px;
}
#tnav #tn-aboutus {
	width: 58px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	background-image: url(/images/tn/tn-aboutus.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-aboutus.navoff:link, #tnav a#nav-aboutus.navoff:visited, #tnav a#nav-aboutus.navoff:visited:link {
	width: 58px;
	background-image: url(/images/tn/tn-aboutus.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-aboutus.navoff:hover, #tnav a#nav-aboutus.navoff:active, #tnav a#nav-aboutus.navoff:visited:hover, #tnav a#nav-aboutus.navon {
	width: 58px;
	background-image: none;
}
#tnav a#nav-aboutus.navperm {
	width: 58px;
	background-image: url(/images/tn/tn-aboutus.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-rings {
	width: 90px;
	background-color: #fff;
	background-image: url(/images/tn/tn-rings.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-rings.navoff:link, #tnav a#nav-rings.navoff:visited, #tnav a#nav-rings.navoff:visited:link {
	width: 90px;
	background-image: url(/images/tn/tn-rings.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-rings.navoff:hover, #tnav a#nav-rings.navoff:active, #tnav a#nav-rings.navoff:visited:hover, #tnav a#nav-v.navon {
	width: 90px;
	background-image: none;
}
#tnav a#nav-rings.navperm {
	width: 90px;
	background-image: url(/images/tn/tn-rings.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-yearbook {
	width: 58px;
	background-color: #fff;
	background-image: url(/images/tn/tn-yearbook.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-yearbook.navoff:link, #tnav a#nav-yearbook.navoff:visited, #tnav a#nav-yearbook.navoff:visited:link {
	width: 58px;
	background-image: url(/images/tn/tn-yearbook.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-yearbook.navoff:hover, #tnav a#nav-yearbook.navoff:active, #tnav a#nav-yearbook.navoff:visited:hover, #tnav a#nav-yearbook.navon {
	width: 58px;
	background-image: none;
}
#tnav a#nav-yearbook.navperm {
	width: 58px;
	background-image: url(/images/tn/tn-yearbook.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-graduation {
	width: 65px;
	background-color: #fff;
	background-image: url(/images/tn/tn-graduation.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-graduation.navoff:link, #tnav a#nav-graduation.navoff:visited, #tnav a#nav-graduation.navoff:visited:link {
	width: 65px;
	background-image: url(/images/tn/tn-graduation.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-graduation.navoff:hover, #tnav a#nav-graduation.navoff:active, #tnav a#nav-graduation.navoff:visited:hover, #tnav a#nav-graduation.navon {
	width: 65px;
	background-image: none;
}
#tnav a#nav-graduation.navperm {
	width: 65px;
	background-image: url(/images/tn/tn-graduation.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-cgd {
	width: 126px;
	background-color: #fff;
	background-image: url(/images/tn/tn-cgd.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-cgd.navoff:link, #tnav a#nav-cgd.navoff:visited, #tnav a#nav-cgd.navoff:visited:link {
	width: 126px;
	background-image: url(/images/tn/tn-cgd.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-cgd.navoff:hover, #tnav a#nav-cgd.navoff:active, #tnav a#nav-cgd.navoff:visited:hover, #tnav a#nav-cgd.navon {
	width: 126px;
	background-image: none;
}
#tnav a#nav-cgd.navperm {
	width: 126px;
	background-image: url(/images/tn/tn-cgd.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-sports {
	width: 46px;
	background-color: #fff;
	background-image: url(/images/tn/tn-sports.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-sports.navoff:link, #tnav a#nav-sports.navoff:visited, #tnav a#nav-sports.navoff:visited:link {
	width: 46px;
	background-image: url(/images/tn/tn-sports.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-sports.navoff:hover, #tnav a#nav-sports.navoff:active, #tnav a#nav-sports.navoff:visited:hover, #tnav a#nav-sports.navon {
	width: 46px;
	background-image: none;
}
#tnav a#nav-sports.navperm {
	width: 46px;
	background-image: url(/images/tn/tn-sports.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-photo {
	width: 41px;
	background-color: #fff;
	background-image: url(/images/tn/tn-photo.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-photo.navoff:link, #tnav a#nav-photo.navoff:visited, #tnav a#nav-photo.navoff:visited:link {
	width: 41px;
	background-image: url(/images/tn/tn-photo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-photo.navoff:hover, #tnav a#nav-photo.navoff:active, #tnav a#nav-photo.navoff:visited:hover, #tnav a#nav-photo.navon {
	width: 41px;
	background-image: none;
}
#tnav a#nav-photo.navperm {
	width: 41px;
	background-image: url(/images/tn/tn-photo.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
#tnav #tn-renaissance {
	width: 72px;
	background-color: #fff;
	background-image: url(/images/tn/tn-renaissance.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-renaissance.navoff:link, #tnav a#nav-renaissance.navoff:visited, #tnav a#nav-renaissance.navoff:visited:link {
	width: 72px;
	background-image: url(/images/tn/tn-renaissance.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-renaissance.navoff:hover, #tnav a#nav-renaissance.navoff:active, #tnav a#nav-renaissance.navoff:visited:hover, #tnav a#nav-renaissance.navon {
	width: 72px;
	background-image: none;
}
#tnav a#nav-renaissance.navperm {
	width: 72px;
	background-image: url(/images/tn/tn-renaissance.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}

#tnav #tn-edservices {
	width: 99px;
	background-color: #fff;
	background-image: url(/images/tn/tn-edservices.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-edservices.navoff:link, #tnav a#nav-edservices.navoff:visited, #tnav a#nav-edservices.navoff:visited:link {
	width: 99px;
	background-image: url(/images/tn/tn-edservices.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-edservices.navoff:hover, #tnav a#nav-edservices.navoff:active, #tnav a#nav-edservices.navoff:visited:hover, #tnav a#nav-edservices.navon {
	width: 99px;
	background-image: none;
}
#tnav a#nav-edservices.navperm {
	width: 99px;
	background-image: url(/images/tn/tn-edservices.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}

#tnav #tn-shop {
	width: 39px;
	background-color: #fff;
	background-image: url(/images/tn/tn-shop.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tnav a#nav-shop.navoff:link, #tnav a#nav-shop.navoff:visited, #tnav a#nav-shop.navoff:visited:link {
	width: 39px;
	background-image: url(/images/tn/tn-shop.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tnav a#nav-shop.navoff:hover, #tnav a#nav-shop.navoff:active, #tnav a#nav-shop.navoff:visited:hover, #tnav a#nav-shop.navon {
	width: 39px;
	background-image: none;
}
#tnav a#nav-shop.navperm {
	width: 39px;
	background-image: url(/images/tn/tn-shop.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
}
/* end: CSS for top nav */


/* start: CSS for subnav items */
#turnsubsoff.vis {
	position: absolute;
	z-index: 19;
	left: 0;
	top: 0;
	width: 100%;
	height: 20em;
	padding: 0;
	margin: 0;
}
#turnsubsoff.invis {
	position: absolute;
	z-index: 19;
	left: -999em;
	top: 0;
	width: 100%;
	height: 20em;
	padding: 0;
	margin: 0;
}
#subnav {
	z-index: 61;
	position: absolute;
	left: 0;
	top: 33px;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 1.3;
	color: #000;
}
#subnav div, #subnav div.suboff {
	display: none;
	position: absolute;
	left: -999em;
	top: 0px;
	width: 15em;
	background-color: transparent;
}
#subnav ul {
	background-color: #EFEFF5;
	border: 1px solid #669;
	margin: 0;
	padding: .5em 0 1em 0;
	list-style-type: none;
}
#subnav ul li {
	margin: 0;
	padding: 0;
}
#subnav a, #subnav a:link, #subnav a:visited {
	display: block;
	background-color: #EFEFF5;
	margin: 0;
	padding: .3em .7em;
	color: #669;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active, #subnav a:visited:hover { 
	display: block;
	background-color: #fff;
	margin: 0;
	padding: .3em .7em;
	color: #669;
	text-decoration: none;
}
#sub-aboutus.subon {
	left: 113px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-rings.subon {
	left: 175px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-yearbook.subon {
	left: 269px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-graduation.subon {
	left: 331px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-cgd.subon {
	left: 400px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-sports.subon {
	left: 500px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-photo.subon {
	left: 537px;
	display: block;
	position: absolute;
	background-color: transparent;
}
#sub-renaissance.subon {
	left: 555px;
	display: block;
	position: absolute;
	background-color: transparent;
}

#sub-edservices.subon {
	left: 555px;
	display: block;
	position: absolute;
	background-color: transparent;
}

#sub-shop.subon {
	left: 574px;
	display: block;
	position: absolute;
	background-color: transparent;
}
html>body #sub-shop.subon {
	left: 575px;
} 
/* end: CSS for subnav items */


/* begin: CSS for main content block */
#mainbodycontent {
	width: 740px;
	margin: 0;
	padding: 0;
}

/*
h1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin: 1.5em 0 .7em 0;
	padding: 0 0 0 0;
	color: #699;
}
h1 a, h1 a:link, h1 a:visited {
	color: #699;
	text-decoration: none;
}
h1 a:hover, h1 a:active, h1 a:visited:hover {
	color: #000;
	text-decoration: none;
}
h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 6px 0 8px 0;
	padding: 0 0 0 0;
	color: #c33;
	border-bottom: 4px solid #c33;
}
h2 a, h2 a:link, h2 a:visited {
	padding: 0 5px 0 5px;
	color: #c33;
	text-decoration: none;
}
h2 a:hover, h2 a:active, h2 a:visited:hover {
	padding: 0 5px 0 5px;
	color: #00c;
	text-decoration: none;
}
h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 6px 5px 1px 5px;
	padding: 0;
	color: #000;
}
h3 a, h3 a:link, h3 a:visited {
	color: #000;
	text-decoration: none;
}
h3 a:hover, h3 a:active, h3 a:visited:hover {
	color: #00c;
	text-decoration: none;
}
h4 {
	font-size: 23px;
	line-height: 28px;
	font-weight: normal;
	margin: 1em 5px .2em 5px;
	padding: 0;
	color: #c30;
}
h4 a, h4 a:link, h4 a:visited {
	color: #c30;
	text-decoration: none;
}
h4 a:hover, h4 a:active, h4 a:visited:hover {
	color: #00c;
	text-decoration: underline;
}
h5 {
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	margin: 6px 0 8px 0;
	padding: 0 5px 0 5px;
	color: #333;
	border-bottom: 2px solid #333;
}
h5 a, h5 a:link, h5 a:visited {
	color: #333;
	text-decoration: none;
}
h5 a:hover, h5 a:active, h5 a:visited:hover {
	color: #00c;
	text-decoration: none;
}
h6 {
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	margin: 1em 5px .2em 5px;
	padding: 0;
	color: #111;
}
h6 a, h6 a:link, h6 a:visited {
	color: #111;
	text-decoration: none;
}
h6 a:hover, h6 a:active, h6 a:visited:hover {
	color: #00c;
	text-decoration: underline;
}
*/
/* end: CSS for main content block */



/* begin: CSS for footer */
#footer {
	width: 740px;
	margin: 4em 0 2em 0;
	padding: 0;
	color: #333;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
}
#footer a, #footer a:link, #footer a:visited {
	color: #333;
	text-decoration: underline;
}
#footer a:hover, #footer a:active, #footer a:visited:hover {
	color: #00f;
	text-decoration: underline;
}
/* end: CSS for footer */