body{
	background: white;
	font-family: "Times New Roman", Serif;}

#masthead{
	text-align: center;
	width: 100%;
	border-bottom-style: groove;}	

/*too keep the link from appearing with an underline*/
#masthead a{ 
	text-decoration: none;}
	
p#contactinfo{
	white-space: pre;
	margin-left: 20px;}
	
.navigation{
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
	border-bottom-style: groove;
	border-top-style: groove;}

.navigation ul{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;}

.navigation li{
	display: inline;}
	
.navigation a:visited{
	color: blue;}
	
.navigation a:hover{
	text-decoration: none;
	color: green;
	padding-bottom: 2-x;
	border-bottom: dotted 2px blue;}

.question {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: thin;
	border-bottom-width: thin;}
	
.question img{
	display: block;
	margin-left: auto; /*centers image*/
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;}
	
.caption{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	margin-bottom: 5px;
	font-family: sans-serif;}
	
table{
	border-collapse: collapse;}
	
table td{
	padding: 5px;
	border: solid thin;}
	
a img{
	border: none;}
	
img#purple{
	float: right;
	margin-bottom: 10px;}
	
img#SSXBBQ{
	margin-left: 10px;
	width: 35%;
	float: right;
	margin-bottom: 10px;}
	
span.ssxlogo{
	vertical-align: -18px;
	font-size: 76px;
	color: black}
	
span.ssxtext{
	font-weight: bolder;
	font-size: 30px;
	vertical-align: middle;
	color: maroon;}
	
span.ssxtext img.swatlogo{
	margin-left: 5px;
	vertical-align: middle}
	
img.fullwidth{
	margin: 5%;
	width: 90%;
	max-width: 1280px;}
	
img.halfwidth{
	float: left;
	margin: 5%;
	width: 40%;
	max-width: 800px;}
	
img.halfwidth + img.halfwidth + * { /*makes space after two half width images*/
	clear: left;}
	
img.center{
	display: block;
	margin-left: auto; /*centers image*/
	margin-right: auto;}
	
address{
	text-align: center;}