/* CSS Document */

/* BODY */

body, html {
background-color: #CCFFCC;
text-align: center;
margin: 0 auto;
padding: 0;
}

/* MAIN CONTAINER DIV */

#container {
position: relative;
margin: 15px auto;
width: 700px;
color: #000;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
border: 3px solid #333399;
background-color: #FFF;
text-align: left;
}

/* CONTENT DIV */

#content {
width: 650px;
padding: 20px 25px 0 20px;
text-align: left;
}

/* HEADER DIV */

#header {
width: 700px;
height: 135px;
background-image: url(http://www.savvysponsoring.com/images/ssbanner.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #333399;
}

#detail {
padding: 5px 5px 0 0;
text-align: right;
font: normal 900 12px Verdana, Arial, Helvetica, sans-serif;
}

/* BOXES */

.box1 {
width: 500px;
border: 4px solid #333399;
padding: 15px;
text-align: left;
}

.box2 {
width: 500px;
background: #FEFAD9;
font: normal 900 9px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666;
padding: 10px;
text-align: center;
}

.box3 {
width: 500px;
background: #FFF;
border: 1px solid #669966;
padding: 15px;
text-align: left;
}

/* COLORED TEXT */

.redtxt {
color: #FF0000;
}

.purpletxt {
color: #512970;
}

.tinytxt {
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

p {
line-height: 18px;
}


/* HEADINGS */

h1 {
font: normal 18px Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #333399;
}

h2 {
font: normal 20px Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #CC0000;
}

h3 {
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #000;
}

/* LIST STYLES */

ul li {
list-style-type:disc;
margin-top: 5px;
}

ol li {
margin-top: 5px;
}

/* IMAGE */

.imgfltlft {
float: left;
padding: 20px;
}

.imgfltright {
float: right;
padding: 20px;
}

.imgbrdr {
float: left;
border: solid 1px #000;
margin: 10px;
}

/* FOOTER DIV */

#footer {
position: relative;
margin: 0 auto;
bottom: 0;
font: normal 900 9px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000;
width: auto;
height: 20px;
}

/* TEXT LINKS */

A:link {text-decoration: underline; color: #333399;}
A:visited {text-decoration: underline; color: #333399;}
A:active {text-decoration: underline; color: #333399;}
A:hover {text-decoration: underline; color: #9900CC;}