/* Body */
* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}
body {
	width: 100%;
	height: 100%;
	margin-bottom: 1px;	
	padding: 0px;
	color: #F5F5F5;
	font: 100%/1 sans-serif, helvetica;
	background: #333 url(/public/assets/S-P_Logo_Black_med.png) no-repeat fixed top left;
}

/* Links */
a:link {
	text-decoration: underline;
	color: #FFF;
}
a:visited {
	text-decoration: underline;
	color: #FFF;
}
a:hover{
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	color: #FF0000;
}

/* Images */
.img {
    border-style: none;
    padding: 5px;
}
img {
    border-style: none;
}
.border {
	border: #FFF solid thin;
}

/* Page Layout */
#page	{
	width: 1003px;
	margin: 0 auto;	
	padding: 0px 0px 10px 0px;
}
#pagesm{
	width: auto;
	margin: 0 auto;	
	padding: 5px;
}
#header {
	float: right;
	width: 100%;
	margin: 0 auto;
	padding: 25px 25px 0px 0px;	
}

#full {
	width: 95%;
	margin: 0 auto;
	padding: 5px;	
}
#mailin {
	width: 1003px;
	margin: 0 auto;
	padding: 0px;	
}

/* Text */
h1 {
	color: #FFF;
	font: bold 120%/1 sans-serif, helvetica;
	font-variant: small-caps;
}
h2 {
	color: #FFF;
	font: bold 115%/1 sans-serif, helvetica;
  	font-variant: small-caps;	
}
h3 {
	color: #000;
	font: bold 110%/1 sans-serif, helvetica;
	font-variant: small-caps;
}
p {
  padding: 3px 0px 7px 0px;
  line-height: 1.25;
}
.strong {
	color: #FFF;
	font: bold 100%/1 sans-serif, helvetica;
}


/* navigation */
#nav	{
	width: auto;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}
#nav li {
	margin: 0; 
	padding: 5px; 
	display: inline; 
	list-style-type: none;
	font-weight: bolder;
}
ul {
	padding: 0px 0px 0px 20px
}
li {
list-style: circle inside;
}
#menu li {
	margin: 0; 
	padding: 0px 10px 0px 0px; 
	list-style: none inside ;
}

/* content */

.story {
	width: auto;
  	padding: 5px;
  	font: normal 85%/1 sans-serif, helvetica;
  	color: #000;
  	border: #CCC solid thin;
  	background-color: #F5F5F5;
}
fieldset {
  	padding: 5px;
  	font: 80%/1 sans-serif, helvetica;
	border: #CCC solid thin;
}
legend {
	color: #000;
  	background: #FFF;
  	font: bold 100%/1 sans-serif, helvetica;
  	font-variant: small-caps;
  	padding: 3px;
  	border: #CCC solid thin;
}
#next {
	font-family: Arial, Helvetica, sans-serif, helvetica;
	color: #FFF;
	font-weight: bold;
	font-size: medium;
	text-align: right;
}

/* forms */
form
{
   display: inline;
}

.button {
	width: 225px;
	color: #000;
	font: bold 105%/1 sans-serif, helvetica;
}
.button1 {
	width: 150px;
	color: #0000FF;
	font: normal 100%/1 sans-serif, helvetica;
}


/* tables */

table {
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
}
th {
    background-color: #666;
    vertical-align: middle;
    color: #FFF;
    font: bold 100%/1 sans-serif, helvetica;
    font-variant: small-caps;
    height: 20px;
    padding: 3px;
}
td {
    background-color: transparent;
    padding: 5px;
    font: normal 90%/1 sans-serif, helvetica;
}