* {
margin: 0; /* This sets all default margins and padding to 0 */
padding: 0;
}

br {
line-height: 25px; /* so that IE7 wraps better */
}

body {
background-color: #000000;
text-align: center; /* IE7 is stupid and seems to need this to centre */
}

#wrapper {
width: 890px;
border: 5px double #000000;
margin: 3px; /* Moved the auto margin to the outer div. Makes more sense there */
}



#outer {
width: 907px;
background: #FFFFEE;
border: 5px solid #000000;
margin: 0 auto; /* added to centre the design as noted above */
}

#header {
width: 730px;
background-color: #FFFFEE;
background: url(image.jpg) no-repeat;
float: left;
height: 105px;
margin-top: 25px;
margin-left: 25px;
text-align: center;
}

#header h2{
font-family: "Comic Sans MS";
font-size: 16px;
margin-top: 50px;
margin-left: -20px;
}

#header1 {
width: 110px;
background-color: #FFFFEE;
background: url(stamp.jpg) no-repeat;
float: right;
height: 135px;
margin-left: auto;
vertical-align: middle;
margin-top: 5px;
}



#left-column {
float: left;
width: 870px; 
background-color: #FFFFEE;
text-align: left;

}

.col2 { 
padding: 6px;
display: inline;
float: left;
width: 410px;
border-right: 2px solid #000000;
margin-left:10px;
} 

.col3 {
padding: 6px;
display: inline;
float: left;
width: 412px;
margin-left:10px;
margin-top:20px;

}


a:focus {
outline: none; 
}


#footer {
clear: both;
text-align: center;
background-color: #FFFFEE;
margin-top:5px;
}


.mfont {
font-style: normal;
font-size: 12pt;
font-family: comic sans ms, arial;
color: black;
text-align: center;
}

.sfont {
font-style: normal; 
font-size: 10pt; 
font-family: comic sans ms, arial; 
color: black;
}

.font1 {
font-style: normal; 
font-size: 24pt; 
font-family: comic sans ms, arial; 
color: red; 
}

.font2 {
font-style: normal; 
font-size: 12pt; 
font-family: comic sans ms, arial; 
color: red;
text-align: center;
}

.font3 {
font-style: normal; 
font-size: 10pt; 
font-family: comic sans ms, arial; 
font-weight: bold;
color: red;
text-align: center;
}



.roll {
font-style: normal; 
font-size: 12pt;
font-family: comic sans ms, arial; 
color: #0000FF; 
text-decoration: none;
}

a.roll:hover {
font-style: normal; 
font-family: comic sans ms, arial; 
color: #FF0000; 
text-decoration: underline;
}



.set-links {
float: left;
font-style: normal;
font-size: 12pt;
font-family: comic sans ms, arial;
padding-left: 20px;
padding-top: 20px;
display: block;
}
.set-links a {
display: block;
width: 370px;
text-decoration: none;
color: #0000FF
}
.set-links li {
	list-style-image: url(pawbut1.gif);
	margin-left: 15px;
}
.set-links a:hover{
	color: #FF0000;
}

.set-cards {
float: left;
font-style: normal;
font-size: 12pt;
font-family: comic sans ms, arial;
padding-left: 15px;
padding-top: 20px;
display: block;
}
.set-cards a {
display: block;
width: 200px;
text-decoration: none;
color: #0000ff;
}
.set-cards li {
list-style-type: none;
list-style-image: none;
margin-left: -15px;
margin-bottom: 15px;
}
.set-cards a:hover{
	color: red;
}
.set-cards br {
	line-height: 75%;
}

.hset-cards {
float: left;
font-style: normal;
font-size: 12pt;
font-family: comic sans ms, arial;
padding-left: 15px;
padding-top: 20px;
display: block;
}
.hset-cards a {
display: block;
width: 200px;
text-decoration: none;
color: #0000ff;
}
.hset-cards li {
list-style-type: none;
list-style-image: none;
margin-left: -15px;
}
.hset-cards a:hover{
	color: red;
}
.hset-cards br {
	line-height: 75%;
}

.links {
float: center;
font-style: normal;
font-size: 12pt;
font-family: comic sans ms, arial;
padding-left: 0px;
padding-top: 0px;
display: block;
}
.links a {
display: block;
width: 400px;
text-decoration: none;
color: #0000ff;
}
.links li {
list-style-type: none;
list-style-image: none;
margin-left: 0px;
margin-bottom: 0px;
}
.links a:hover{
	color: red;
}
.links br {
	line-height: 75%;
}

hr {
	display: none;
	height: 5px;
}
img a{
border: none;
}

h3 {
margin-botom: 2px;
}