body{
margin-top:0px;
background-image:url('images/SPP_Web_Background.jpg'); 
background-repeat:repeat-x;
background-color: #003333;
text-align:center; 
color:black;
padding:0px;
font-family: Calibri, Trebuchet MS, Liberation Serif;
font-size:12pt;
margin:0px;
overflow:auto;
}

h1{
font-size:20pt;
color:RGB(255,255,255);
margin: 0px 0px 0px 0px;
}
h2{
text-transform: uppercase;
font-size:12pt;
margin-bottom: 0px;
font-weight: bold;
margin: 0px 0px -20px 0px;
}
h3{
text-transform: uppercase;
font-size:12pt;
margin-bottom: 0px;
font-weight: bold;
margin: 20px 0px 0px 0px;
}
h4{
color: RGB(255,255,255);
text-transform: uppercase;
font-size:14pt;
margin-bottom: 5px;
margin-top: -30px;
font-weight: bold;
}
h5{
color: RGB(255,255,255);
text-transform: uppercase;
font-size:14pt;
margin-bottom: 5px;
margin-top: 0px;
font-weight: bold;
}
h6{
color:RGB(255,255,255);
font-size:12pt;
margin:0px;
font-weight: normal;
}
textarea {
overflow:auto;
}
a{
color:RGB(255,255,255);
text-decoration: none;
}
a:visited {
color:RGB(255,255,255);
text-decoration: none;
}
a:hover{
color:#8fd400;
text-decoration: underline;
}
img{
border: 0px
}
li{
margin: 0px 0px 10px 10px;
}
span{
margin:0px 0px 0px 0px;
}

ul{
margin:10px 0px 20px 10px;

}
.title{
position:absolute;
margin:350px 0px 0px 40px;
width: 360px;
height: 20px;
}

.table1{
margin:0px 0px 0px 40px;
width: 800px;
text-align:left;
}
.table2{
margin:0px 0px 0px 0px;
width: 500px;
text-align:left;
}
.layout{
margin:0px auto;
width:800px;
text-align:left;
padding:0px;
}

.nav{
position:relative;
margin-top:0px;
width:800px;
text-align:left;
padding:0px;
height: 135px;
background-image:url('images/SPP_Web_Header.jpg'); 
}

.info{
margin-top:0px;
width:800px;
text-align:left;
padding:0px;
height: 368px;
z-index: 1;
}
.content{
margin-top:0px;
width:800px;
text-align:left;
padding-top:30px;
overflow:auto;
background-image:url('images/SPP_Web_Image_B.png'); 
background-repeat:repeat-y;
}

.itemheader{
text-transform: uppercase;
font-size:12pt;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
.footer{
margin-top:0px;
width:800px;
text-align:left;
padding:0px;
height: 90px;
background-image:url('images/SPP_Web_Image_D.png'); 
background-repeat:no-repeat;
}
.footercopy{
margin: 0px 20px 0px 20px;
font-size:10pt;
color:RGB(255,255,255);
text-align:center;
}
.smallcopy{
margin: 0px 0px 0px 0px;
font-size:9pt;
color:RGB(255,255,255);
text-align:left;
}
.news{
margin: 0px 0px 0px 467px;
width:306px;
text-align:left;
padding:0px;
height: 21px;
background-repeat:no-repeat;
}
.newsbody{
margin: 0px 0px 0px 467px;
width:306px;
text-align:left;
padding:0px;
background-image:url('images/SPP_Web_Image_Box_Middle.png');
background-repeat:repeat-y; 
}
.newscopy{
margin: 0px 20px 0px 15px;
width:280px;
text-align:left;
padding-top:30px;
overflow:auto;
font-size:11pt;
}
.newsheader{
color: RGB(255,255,255);
text-transform: uppercase;
font-size:11pt;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

.testimonials{
color: RGB(255,255,255);
font-size:11pt;
margin: 0px 0px 0px 0px;
font-weight: bold;
text-align: right;
font-style:italic;
}
.Socailmedia{
background-color: rgb(255,255,255);
padding-left:5px;
padding-top:5px;
border-style: solid;
border-width: 2px;
border-color:#8fd400;
width:270px;
}
.main{
margin: 0px 0px 0px 40px;
width:400px;
text-align:left;
float:left;
clear:both;
overflow:auto;
padding: 0px 10px 0px 0px;
}
.fact{
font-size:20pt;
color:RGB(255,255,255);
position:absolute;
margin:50px 15px 0px 481px;
width: 280px;
height: 170px;
}
.factIE{
font-size:20pt;
color:RGB(255,255,255);
position:absolute;
margin:90px 15px 0px 481px;
width: 280px;
height: 170px;
}
/*
Original fact code*/
.fact{
font-size:20pt;
color:RGB(255,255,255);
position:absolute;
margin:65px 15px 0px 485px;
width: 280px;
height: 170px;
}
.factIE{
font-size:20pt;
color:RGB(255,255,255);
position:absolute;
margin:99px 15px 0px 485px;
width: 280px;
height: 170px;
}
.button{
margin-left: 0px;
margin-top: 10px;
font-size: 18pt;
color:RGB(255,255,255);
background-color:RGB(0,158,203);
padding-top:5px;
width: 280px;
height:40px;
text-align:center;
border-style: solid;
border-width: 2px;
border-color:RGB(0,91,118);
font-family: Calibri, Trebuchet MS, Liberation Serif;
text-decoration: none;
text-transform: uppercase;
}
.buttonlong{
margin-left: 0px;
margin-top: 10px;
font-size: 12pt;
color:RGB(255,255,255);
background-color:RGB(0,158,203);
padding:10px 5px 5px 5px;
width: 390px;
height:40px;
text-align:center;
border-style: solid;
border-width: 2px;
border-color:RGB(0,91,118);
font-family: Calibri, Trebuchet MS, Liberation Serif;
text-decoration: none;
text-transform: uppercase;
}

.buttonsmall{
margin-left: 0px;
margin-top: 10px;
font-size: 18pt;
color:RGB(255,255,255);
background-color:RGB(0,158,203);
padding-top:5px;
width: 180px;
height:40px;
text-align:center;
border-style: solid;
border-width: 2px;
border-color:RGB(0,91,118);
font-family: Calibri, Trebuchet MS, Liberation Serif;
text-decoration: none;
text-transform: uppercase;
}
.buttoncal{
margin-left: 0px;
margin-top: 10px;
font-size: 18pt;
color:RGB(255,255,255);
background-color:RGB(0,158,203);
width: 152px;
height:40px;
text-align:center;
border-style: solid;
border-width: 2px;
border-color:RGB(0,91,118);
font-family: Calibri, Trebuchet MS, Liberation Serif;
text-decoration: none;
text-transform: uppercase;
}

.buttonsurvey{
margin-left: 0px;
margin-top: 0px;
font-size: 18pt;
color:rgb(0,91,118);
background-color:#FFE06B;
width: 270px;
height:80px;
text-align:center;
border-style: solid;
border-width: 3px;
border-color:#015B76;
font-family: Calibri, Trebuchet MS, Liberation Serif;
text-decoration: none;
white-space: normal; 

}

.data{
background-color: #009ECB;
color: black;
caption-side: top;
padding: 0px;
border-bottom: 5px solid black;
}

div.preload { display: none; }

#marqueecontainer{
position: relative;
width: 275px; /*marquee width */
height: 200px; /*marquee height */
overflow: hidden;

}