/* This is the overall container */

.outercontainer {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	padding: 0px;

	height: 650px;

}

/* Products front page */

.products {

	display:block;

	text-align:left;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: 143px;

}

/* product1 */

.product1 {

	display:block;

	text-align:left;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 133px;

	margin-top: 0px;

	clear: right;

	float: left;

	padding-top: 0px;

	background-color: #CCCCCC;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 143px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

/* product2 */

.product2 {

	display:block;

	text-align:left;

	padding: 0px;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 133px;

	margin-top: 0px;

	float: left;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 143px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}



/* product3 */

.product3 {

	display:block;

	text-align:left;

	padding: 0px;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 133px;

	margin-top: 0px;

	float: left;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 143px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}



/* product4 */

.product4 {

	display:block;

	text-align:left;

	padding: 0px;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 133px;

	margin-top: 0px;

	float: left;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 143px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

/* Latest News */

.news {

	display:block;

	text-align:left;

	width: 194px;

	height: 143px;

	float: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

/* The menu container module */

.menucontainer {

	float: right;

	width: 175px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 10px;

	padding-left: 8px;

	background-color: #F0F0F0;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

}

/* The header and footer */

.header {

	display:block;

	color:#fff;

	text-align:center;

	padding:0px;

	font-size:30px;

	height: 79px;

	margin-bottom: 0px;

}

/* The search module */

.contentcontainer {

	display:block;

	float: left;

	width: 540px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 10px;

	padding-left: 8px;

	padding-left: 8px!important;

	background-color: #F0F0F0;

	margin-left: 0px;

	clear: none;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	border-top-width: 2px;

	border-bottom-width: 2px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

}

/* Main menu */

.mainmenu {

	height:30px;

	color:#000000;

	text-align:left;

	font-size:11px;

	display: block;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-menu-bar-bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 3px;

}

/* Sub menu */

.submenu {

	display:block;

	color:#FFFFFF;

	text-align:left;

	font-size:11px;

	background-image: url(../images/transparent-bg.png);

	background-repeat: repeat;

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	height: 290px;



}

/* This bit does all the work */

#container {

	position:relative;

	display:block;

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;



}

#inner {

	display:block;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

}

#right {

	float:left;

	position:relative;

	width:198px;

	right:0px;

}

#center {

	position:relative;

	display:block;

	height:1%;

	padding-top: 0px;

	padding-left: 0px;

	margin: 0px;

	width: 580px;

}

.clear {clear:both;

}

.footer {

	color:#584B21;

	font-size:9pt;

	width: 758px;

	height: 70px;

	vertical-align: middle;

	background-image: url(../images/tagman-heart-logo-footer.jpg);

	background-repeat: repeat;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	align: center;

	background-attachment: scroll;

	background-position: right top;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: center;



}

.end {

	color:#999999;

	font-size:9pt;

	width: 745px;

	vertical-align: middle;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	align: center;

	padding-top: 5px;

	padding-right: 0px;

	padding-left: 10px;

	text-align: center;

	padding-bottom: 0px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	height: 50px;





}

.endtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	padding-left: 180px;

}









/* The top bar */

.topbar {

	display:block;

	color:#fff;

	text-align:center;

	padding:0px;

	font-size:30px;

	height: 35px;

}

/* The toplinks module */

.toplinks {

	height: 35px;

	float: left;

	width: 275px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}

/* The search module */

.search {

	height: 24px;

	float: right;

	width: 50px;

	padding-top: 1px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: right;

	clear: none;

}

.footerslogan {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align: center;

	height: 20px;

	vertical-align: middle;

	padding-top: 5px;

}

.footerslogan a:link, .footerslogan a:visited, .footerslogan a:hover, .footerslogan a:active{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align: center;

	height: 20px;

	vertical-align: middle;

	padding-top: 5px;

	text-decoration: underline;

}

.redfooter {

	height:50px;

	color:#000000;

	text-align:left;

	font-size:11px;

	display: block;

	background-attachment: scroll;

	background-image: url(../images/spc-yearbooks-red-footer-bg.gif);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 3px;

	margin-top: 5px;

}

a img, img {

	border:none;

}