* {
  font-family:verdana,helvetica,arial,sans-serif;
}

/* start page specific */
#start {
  background:#ffffff url(data/images/splogo_bg.gif) no-repeat bottom fixed;
  color:#202020;
}

#startpage {
  width:800px; /* 760 */
  position:relative;
  left:50%;
  margin-left:-400px;
}

#starthead {
  padding-top:50px;
  padding-left:10px;
}

#startlinks {
  padding-top:60px;
}

#startfooter {
  position:absolute;
  bottom:10px;
  left:50%;
  width: 800px;
  height:auto;
  margin-left:-400px;
  /*visibility: visible;
  display: block;*/
}

.gadstart { /*  google ad on startpage bottom */
  padding-top:22px;
}


#startfooter p {
  margin-top:0px;
}

.starth1 {
  background:transparent;
  color:#202020;
  font-size:x-large;
  font-weight:normal;
}

.grey {
  background:transparent;
  color:#c0c0c0;
}

.grey2 {
  background:transparent;
  color:#606060;
}


a:link   { color:#E00000; text-decoration:underline;}
a:visited{ color:#606060; text-decoration:none;}
a:hover  { color:white; background:#E00000; text-decoration:underline; }
a:active { color:#FF0000; text-decoration:underline;}



/* general for all pages */
html, body {
  margin:0;
  padding:0;
/*  width:100%;
  height:100%;*/
  overflow:auto;
}
#start {
  margin-top:15px;
}
/* the main layout */
#content_table {
  width:950px;
  background:url(data/images/spmain_bg.gif);
  color:black;
}
.toprow {
  height:120px;
}
.bottomrow {
  /* no need here, this is just a fix for ie */
}

/* the logo */
#logo {
  height:120px;
  text-align:center;
  vertical-align:top;
}
#logo img {
  margin-left:10px;
  margin-top:1px;
}

/* the main page header container */
#maintop {
  width:667px;
  height:120px;
  color:black;
}

#mainhead {
  width:667px;
  height:56px;
  background:white url(data/images/sphead_bg.gif);
  color:black;
}

#maintop h2 {
  font-size:xx-small;
  font-weight:normal;
  color:#c1c1c1;
  margin:0;
  padding-top:108px;
  padding-right:25px;
  text-align:right;
}
#mainhead h3 {
  text-align:left;
  font-size:large;
  color:#636363;
  margin:0;
  padding-top:13px;
  padding-left:22px;
}

/* the navigation bar on top */
#topnav {
  margin:0;
  margin-top:-1.0em;
  padding:0;
  position:relative;
  top:97px;
  left:left;
  height:1.0em;
  text-align:center;
  color:white;
  font-size:xx-small;
}

#topnav ul {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
}
#topnav li {
  display:inline;
}

#topnav a:link { color:#ffffff; text-decoration:underline; }
#topnav a:visited { color:#efefef; text-decoration:none; }
#topnav a:hover, #topnav a:active { color:white; background:#E00000; text-decoration:underline; }


/* the navigation bar on the left side */
#leftnav {
  margin:0;
  position:relative;
  /*top:0;
  left:10px;*/
  padding-top:20px;
  padding-left:10px;
  text-align:left;
  color:white;
  font-size:small;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
  padding-left: 20px;
  background-image: url(data/images/nav_norm.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

#active {
  background-image: url(data/images/nav_act.gif);
}

#leftnav a:link { color:#ffffff; text-decoration:underline; }
#leftnav a:visited { color:#efefef; text-decoration:none; }
#leftnav a:hover, #leftnav a:active { color:white; background:#E00000; text-decoration:underline; }




#copybit {
 position:relative;
 /*bottom: 0px;*/
 /*top:100%;
 margin-top:-30px;
 left: 0px;
 width: 100%;
 height: 20px;
 visibility: visible;
 display: block*/
 width:630px;
 left:50%;
 margin-left:-315px;
 border-top:solid 1px #e00000;
}
/* the center column */
#centercol {
  background:url(data/images/sptop_bg.jpg) no-repeat left top;
  position:relative;
  top:0;
  vertical-align:top;
  margin:0;
  padding:0;
}

#content {
  margin:0;
  padding:0;
  width:100%;
  color:black;
}
#content #inner {
  margin:0;
  padding-left:18px;
  padding-top:0x;
  padding-right:20px;
}

.leftcol, .rightcol {
  margin-top:0;
  font-size:small;
}

.leftcol {
  vertical-align:top;
  width:150px;          /* LC width */
}
.rightcol {
  width:133px;          /* RC width */
  background:transparent url();
  color:black;
  text-align:center;
  vertical-align:top;
  position:relative;
}

/* the two-column layout in the content area */
.mainleft {
 width:468px;
 float:left;
}

.mainright {
 width:150px;
 float:right;
}

/* the content boxes*/
.box {
  width:100%;
  border:solid 1px #c1c1c1;
  margin-bottom:8px;
}

.box h4 {
  text-align:left;
  font-size:x-small;
  width:100%;
  margin:0;
  padding:0;
  padding-top:2px;
  padding-bottom:2px;
  background:black;
  color:white;
}
.box h4 span {
  padding-left:4px;
}

.box p {
  margin-top:0;
  margin-bottom:0.3em;
  font-size:x-small;
  padding-left:4px;
  padding-right:4px;
  padding-top:3px;
}

p.j { /* a justified paragraph */
  text-align:justify;
}
 /*div { border:solid 1px blue;}*/

/* the ad div on the right side */
.rightads {
  width:120px;
  border:solid 1px black;
  /*position:relative;
  left:50%;*/
  margin-right:11px; /* pull it some px left */
}

/* generic text formatting */
img { /* make the alt look neat */
  font-size:x-small;
}

small {
  font-size:xx-small;
  font-weight:normal;
}

.right {
  width:auto;
  float:right;
}

.left {
  width:auto;
  float:left;
}

.textright {
  text-align:right;
}

.textleft {
  text-align:left;
}

.textcenter, .sites td {
  text-align:center;
}

.medium {
  font-size:medium;
}

.small {
  font-size:small;
}

.xsmall {
  font-size:x-small;
}

.normal {
  font-weight:normal;
}

.greyframe {
  border:solid 1px #c4c4c4;
  padding:2px;
}

.greyborder {
  border:solid 1px #c4c4c4;
}

.noborder {
  border:none;
}

.illu {
  margin:5px;
}

.red {
  color:#e00000;
  background:transparent;
}

.white {
  color:#ffffff;
  background:transparent;
}

img, a.img:link, a.img:visited, a.img:hover, a.img:active  {
  background:transparent;
  color:#e00000;
}