/* --Page Layout -- */

body {
padding: 0;
margin: 0;
background-color: #ffffff;
font: 16px Verdana, Arial, sans-serif;
color: #000000;
}

#wrapper {
width: 776px;
margin-left: auto;
margin-right: auto;

border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}



#leftside {
width: 575px;
padding: 2px 0px;
float: left;
font: 14px Verdana, Arial, sans-serif;

}


#rightside {
float: right;
width: 175px;
padding: 2px 10px;

}

#separator {
clear: both;
height: 0;
}

#footer{
text-align: center;
color: #333399;
font: 12px Verdana, Arial, sans-serif;
}


#joinus
{
  display: block;
  width: 262px;
  height: 93px;
  background: url("pics/join-us.jpg") no-repeat 0 0;

}

#joinus:hover
{ 
  background-position: 0 -96px;
}

#joinus span
{
  display: none;
}


#exist
{
  display: block;
  width: 262px;
  height: 93px;
  background: url("pics/existing-affiliates.jpg") no-repeat 0 0;

}

#exist:hover
{ 
  background-position: 0 -96px;
}

#exist span
{
  display: none;
}


/* --Lists-- */
li.star {list-style: url(backs/star.jpg) circle outside;}
li.mars {list-style: url(backs/mars.jpg) circle outside;}
li.star1 {list-style: url(backs/star1.gif) circle outside;}
li.nep {list-style: url(backs/neptune.jpg) circle outside;}



/* --Boxes -- */


#box1 {
width: 200px;
background-image:url(backs/newsletter.jpg);
color: #000000;
background-color: #ffffff;
border-width: 1px;
border-color:#000000;
border-style: solid;
padding: 10px;
font-size: 14px;

}

#box2 {
width: 200px;
color: #000000;

background-color: #ffff99;
border-width: 4px;
border-color:#000000;
border-style: double;
padding: 10px;
text-align: center;
}

#box3 {
width: 200px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#000099;
border-style: double;
padding: 10px;
}

#box4 {
width: 450px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#000000;
border-style: double;
padding: 10px;

}

#box5 {
width: 400px;
color: #000000;
background-color: #ccccff;
border-width: 4px;
border-color:#000099;
border-style: double;
padding: 5px;
margin: auto;
text-align: center;
font-weight: bold;
}


#box6 {
width: 200px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#cc9900;
border-style: double;
padding: 10px;
}


#boxgrey{
width: 600px; margin: auto;
background-color:#ececec; text-align: center;
}

#box-get-email{
width: 595px; margin: auto;
background-color:#ececec; text-align: center; padding: 20px;
border-color: #990000; border-width: 4px; border-style: double;
font-size: 18px;
}

#box-get-email-01{
width: 400px; margin: auto;
background-color:#ececec; padding: 20px;
text-align: center;
}


#boxbonus1
{
     width: 500px; 
     margin: auto;
     background-color:#ffff99;
     border-width: 1px;
     border-style: solid;
     border-color:#990000;
     padding: 20px; 
     text-align: left;
     color: #000000;
}


#box-test
{ 
  width: 500px;
  margin: auto;
  border: #eeeeee outset 2px;
  color:#000099;
  background-color:#fffbc6;
  padding: 10px;
}


/* --Fonts -- */


h1 {
text-align: center; color:#cc0000; font-size: 28px; 
}

h2 {
text-align: center; color:#cc0000; font-size: 22px; 
}

h1.frontpage{
text-align: center; color:#cc0000; font-size: 24px; 
}

h1.mainhead {
text-align: center; color:#000000; font-size: 24px; 
}

h1.box2 {
text-align: center; color:#ff0000; font-size: 24px; text-align: center;
}



.red {
color: #ff0000;
}

.yell {
color: #ffcc00;
}

.grn {
color: #006600; font: 24px  Verdana,Geneva,Arial;
}
.grn1 {
color: #006600; font: 20px    Verdana,Geneva,Arial;

}
.big {
color: #000000; font: 24px  Verdana,Geneva,Arial;
}
	
.small {
color: #000000; font: 12px  Verdana,Geneva,Arial;
}

.redhead1{
text-align: left; color: #cc0000; font-size: 20px; 
}


.redhead{
text-align: left; color: #ff0000; font-size: 16px; 
}

.midblue {
color:#333399;
}

 .dropcap {font-size: 60px;
           Verdana,Geneva,Arial; font-weight: bold; 
           color: #ff0000;
           float: left;}

  .cblw {font-size: 16px; 
        Verdana,Geneva,Arial;
        color: #000000; background-color: #ffff00; }