html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding-top: 0px; border: 0px; text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; 
	font-size: 13px; line-height: 15px; }
img { border: none; }
table, tr, td { border-collapse: collapse; vertical-align: top; font-size: 13px; line-height: 15px;}
a { color: #000000;}


textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; background: #FFFFFF; overflow:auto;}


/*#header { height: 70px; margin: 0px; padding: 0px; text-align: center; 
	background: #FFFFFF; color: #1D5C96;}*/


	
/*#header {
	width: 100%;
	height: 120px;
	margin: 0px auto;
	background-image: url(../images/ssp_header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #000000;
}*/

#container {
  width: 1175px;
  background: #FFFFFF;
  border-left: 1px solid black;
  border-right: 1px solid black;
	border-bottom: 1px solid black;
	position: relative;
  margin: auto;
	text-align: left;

}

#page {
	height: 600px;
  padding-left: 2em; vertical-align: top;
  background: #FFFFFF;

  margin: 20 auto; 
	/*overflow: auto; */}

#header {
  /*position: relative;*/
	width: 100%;
  height: 360px;
	background-image: url(../images/ssp_header.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#menu-bar {

	position: absolute;
	top: 222px;
	height: 35px;
	width: 1175px;

}

#menu-bar a {
	padding-top: .8em;
	padding-right: 6em;
	float: right;
	color: #ccc;
	text-align: right;
	font-weight: bold;
	}
	
#header h1 { margin: 0px; }
#footer { height: 2em; margin: 0px; padding: 1em; text-align: center; clear: both; 
	 color: #1D5C96;}
#labuse { width: 100%; padding-bottom: 3em; margin-left: auto; margin-right: auto; padding-left: 5em;}
#photog {margin-left: em;}
#page_title { 
	/*color: #1D5C96;*/
	color: #000000; 
	margin-top: 2em; 
	margin-left: 28em;
	text-align: left;
}
#sidebar { width: 20%; margin-right: 2em;  color: #000; background: #CCC; float: right; padding: 1em; 		border: 1px solid gray;

}
#collage { margin-left: 2em; border-style: groove;}
/*#page_content { width: 50%; margin: 2em; color: #1D5C96; background: #FFFFFF; float: left;}*/
#page_content { width: 60%; height: 90%; margin: 0em 7em 2em 2em; color: #000000; background: #FFFFFF; float: right; padding: 1em; 	border: 1px solid gray;
 overflow: scroll;}
#login { color: #000000; background: #FFFFFF; 
	width: 300px; 
	height: 30%;
	margin-left: 400px;
	margin-right: auto;
	border: 1px solid gray;
	padding: 1em;
}
#login input{
	width: 150px;

}

#items-content { width: 70%; color: #000000; background: #FFFFFF; float: left; padding: 1em; 	border: 1px solid gray; height: 90%; overflow: scroll;
 }
 
/*#items {
height: 87%;
 overflow: scroll;}*/

#view_data { width: 95%; margin: 1em; color: #000000; background: #FFFFFF; float: left; padding: 1em; border-style: groove; }

#join_content { width: 50%; height: 60%; margin-left: auto; margin-right: auto; color: #000000; background: #FFFFFF; padding: 1em; border: 1px solid gray; }

#checkout_content { width: 70%; height: 90%; margin-left: 0em; padding: 1em; color: #000000; background: #FFFFFF; float: left; 	border: 1px solid gray;}
#consumer { color: #000000; background: #FFFFFF; float: left;}

#league_code { width: 20%; margin: 2em;  color: #1D5C96; background: #FFFFFF; float: left;} 
#receipt {
	width: 100%;
	margin-left: 2em auto;
	color: #1D5C96;
	text-align: center;

}

#print_receipt {
	width: 100%;
	color: #1D5C96;
	padding-bottom: 5em;

 }

/*ul.subjects {text-align: left; padding-left: 0; list-style: none;}
ul.pages { text-align: left; padding-left: 0; list-style: none; background: none;}
*/
.selected { font-weight: bold; list-style-image: url(../images/star.png); }
.not { font-weight: 200; list-style-image: none;}

#sidebar ul.subjects li { 
	text-align:left;
	list-style-type:disc;
	padding-bottom: 1em;

	/*background:url(../images/star.png) 0px 15px no-repeat;*/
	}
	
#sidebar ul.pages li { 
	margin-left: -1.5em;
	padding:0 0 0 16px;
	text-align:left;
	list-style-position: inside;
	list-style-type:disc;
	padding-top: .5em;
	padding-bottom: .5em;
	/*background:url(../images/star.png) 0px 0px no-repeat;*/
	}	
	
/* Page Content */
/*#page { padding-left: 2em; vertical-align: top; background: #FFFFFF;}
#page h2 { color: #277AC7; margin-top: 1em;}
#page h3 { color: #277AC7; }*/
#info { clear: both; margin-top: 3em;}
#info td { font-size: 10px; padding-left: 5em;}
#barcode  {margin-bottom: 1em; }
#splash { height: 75%; margin-left: 2em; font-weight: bold; font-size: 15px;}
#statements { height: 80%; width: 20%; text-align: center; float: right; padding-right: 2em; padding-left: 2em; background: #FFFFFF; }

table.receipt {
border:1px solid #C3C3C3; float: left; margin-left: 10px; caption-side: top; font-size: 10px;
/*border-collapse:collapse;*/
}

table.image {
border:1px solid #C3C3C3; float: left; margin-left: 10px; font-size: 10px;
/*border-collapse:collapse;*/
}

table.receipt td {
border:1px solid #C3C3C3;
padding:3px;
height:30px;
width: 20px;
}




table.image td {
border:1px solid #C3C3C3;
padding:3px;
height:30px;
width: 20px;
}

tr.top {
	padding-top: 1em;
	border-top: solid thin silver;
}

tr.bottom {
	padding-bottom: 1em;
	border-bottom: solid thin silver;
}
tr.space {
	height: 20px;
}

p.submit-order {
padding-left: 50em;
}