/* This is the overall container */

.outercontainer {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	padding: 0px;

}

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

}

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

}



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

}



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

}

/* Latest News */

.news {

	display:block;

	text-align:left;

	width: 194px;

	float: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

/* The menu container module */

.menucontainer {

	float: right;

	width: 195px;

	margin-bottom: 10px;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	padding: 0px;

}

/* The header and footer */

.header {

	display:block;

	color:#fff;

	text-align:center;

	padding:0px;

	font-size:30px;

	height: 79px;

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: center bottom;

	margin-bottom: 0px;

}

/* The search module */

.contentcontainer {

	display:block;

	float: left;

	clear: none;

	margin: 0px;

	width: 555px;

	padding: 0px;

	height: 100%;

}

/* 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: 136px;



}

/* This bit does all the work */

#container {

	position:relative;

	display:block;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 12px;

	float: left;

	width: 757px;

	min-height:100%;

	height:auto;

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 35px;

	padding-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: 780px;

	vertical-align: middle;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	align: center;

	padding-right: 0px;

	padding-left: 0px;

	text-align: center;

	padding-bottom: 0px;

	background-color: #FFFFFF;

	height: 50px;

	padding-top: 0px;





}



.endtext {

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

	font-size: 11px;

	color: #999999;

}











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

}

.roundcont {

	width: 100%;

	background-color: #f0f0f0;

	color: #000;

}

.sidecontent {

	padding-right: 10px;

	padding-left: 10px;

	height: 100%;

}





.roundtop { 

	background: url(../images/tr.gif) no-repeat top right; 

}



.roundbottom {

	background: url(../images/br.gif) no-repeat top right; 

}



img.corner {

   width: 15px;

   height: 15px;

   border: none;

   display: block !important;

}

img.pic {

	border: 1px solid #CCCCCC;

	padding: 3px;

}

a img, img {

	border:none;

}