/* --Page Layout -- */

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

#wrapper {
width: 776px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
margin: 0 auto;
background-color:#ffffff ;
}

#wrapv {
width: 1000px;
padding: 10px;
margin: 0 auto;
background-color:#ffffff ;
}


#top {
height: 110px;
background-color:#333333;
background: url(backs/banner.jpg) no-repeat;
border-bottom: 2px solid #000000;
}

#navigation {
padding-top:100px;

}

#leftside {
width: 235px;
padding: 20px 10px;
float: left;
margin-right: 10px;
margin-left: 5px;

}


#rightside {
float: right;
width: 476px;
padding: 20px 10px;
}



#wholepage{
width: 750px;
margin: auto;
padding: 20px 10px;
}




.separator {
clear: both;
height: 0;
}
#footer{
text-align: center;
color: #333399;
font: 12px Verdana, Arial, sans-serif;
}

/* -- nav bar -- */

#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li {
float: left;
margin: 0;
padding: 0;
display: inline;
background: url(backs/nav_button.gif) no-repeat;
}
#navigation a {
display: block;
padding: 0 0 0 16px;
height: 30px;
width: 81px;
font: bold 12px/30px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
}
#navigation a:hover {
color:#ffcc00;
}
#navigation a:active {
color:#00ccff
}


/* --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;}
li.gy {list-style: url(backs/star-gy.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: 440px;
margin: auto;
color: #000099;
background-color: #ffff99;
border-width: 1px;
border-color:#000066;
border-style: solid;
padding: 10px;
text-align: center;
}

#box3 {
width: 200px;
margin: auto;
color: #000099;
background-color: #ffff99;
border-width: 2px;
border-color:#000066;
border-style: double;
padding: 10px;
}


#boxclose {
width: 300px;
margin: auto;
color: #000099;
background-color: #ffff99;
border-width: 2px;
border-color:#000066;
border-style: double;
padding: 10px;
text-align: center;
}




#box4g {
width: 450px;
margin: auto;
color: #000000;
background-color: #ffffff;

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:#000000; font-size: 28px; 
}

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

h1.frontpage{
text-align: center; color:#ff0000; 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;
}

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

.midblue {
color:#333399;
}