
html { 
}

body {
  margin:0px;
  padding:0px;
/*
  background-image: url(/site/img/darkGreenGradient1x775.png) ;
  background-repeat:repeat-x;
  background-position:top left;
*/
}

#gradientBackground {
  position:            relative;
  background-image:    url(/site/img/darkGreenGradient1x775.png);
  background-repeat:   repeat-x;
  background-position: top left;
  text-align:          center;
  z-index:             0;
}

#whiteBannerBackground {
  position:      relative;
  top:           0px;
  padding:       2px;
  background-image: url(/site/img/grayVerticalGradient1x20.png);
  background-repeat:repeat-x;
  background-position:top left;
}

#maincontainer{
  position:   relative;
  width:      950px;
  margin:     0 auto; /*Center container on page*/
  text-align: left;
}

#topsection{
  position:   relative;
  height:     118px;
  padding-top:5px;
}

img {
  margin-top:    0px;
  margin-bottom: 0px;
  padding: 0px;
  border:  0px;
}

ol {
  color:         #333333;
  font-weight:   normal;
  font:          70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  margin-left:   10px;
  margin-right:  10px;
}

#container{
  margin:       0px 0px 0px 0px; 
  padding-left: 10px; 
  padding-right:0px; 
  padding-bottom: 0px; 
  padding-top:5px; 
}

#containerlong{
  margin:       0px 0px 0px 0px; 
  padding-left: 10px;
  padding-right:0px;
  padding-top:5px; 
  background:   #f0f0f0;  
}

li {
  margin-left:   10px;
  margin-right:  0px;  
  margin-top:    1px;
  margin-bottom: 1px;
}

h1 {
  color:         #5b7a1e; /* #5b7a1e; green  */
  font:          85%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  font-weight:   bold;

}

p {
  color:        #333333; 
  font:         70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  text-align:   left;
  margin-top:   3px;
  margin-bottom: 10px;
  margin-left:  20px;
  margin-right: 20px;
  width:500px;
}

dl {
  color:        #333333; 
  text-align:   left;
  margin-top:   3px;
  margin-bottom: 10px;
  margin-left:  20px;
  margin-right: 20px;
}
dt {
  color:        #333333; 
  font:         70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  font-weight:  bold;
  text-align:   left;
  margin:0;
  float: left;
}

dd {
  color:        #333333; 
  font:         70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  margin:       0 0 0.4em 120; 
}

h2 {
  color:         #333333; /* #5b7a1e; green */
  font:          85%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  font-weight:   bold;
  margin-left:   20px;
}

h3 {
  color:         #333333; /* #5b7a1e; green */
  font:          70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  font-weight:   bold;
  margin-left:   20px;
}
ul {
  color: #333333;
  font-weight:  normal;
  font:         70%/1.4 Verdana,'Trebuchet MS',sans-serif; 
  margin-left:  3px;
  margin-right: 3px;
  margin-bottom:  0px;
  margin-top: 0px;
}
a:link { 
  color:       #5b7a1e; 
  font-weight: bold;
  font-family: Verdana,'Trebuchet MS', sans-serif;
}

a:visited { 
  color: #99cc33; 
  font-weight: bold; 
  font-family: Verdana, 'Trebuchet MS', sans-serif;
}
 
a:hover { 
  color: #99cc33; 
  font-weight: bold;
  font-family: Verdana, 'Trebuchet MS', sans-serif;
}

a:active { 
  color: #5b7a1e; 
  font-weight: bold;
  font-family: Verdana, 'Trebuchet MS', sans-serif;
}



#banner {
   width:        100%;
   float:        left;
   height:       110px;
   top:          10px;
   margin-top:   0px;
   padding-left: 10px; 
   padding-top:  10px; 
   background:   #FFFFFF;
}

#banner-group-button {
   position:    absolute; 
   top:         0px;
   padding-top: 10px; 
   left:        20px;
   margin-left: 770px; 
   width: 100%;
}

#promo-group-button {
   position:    absolute;
   float:       left;
   top:         0px;
   left:        5px;
   margin-left: 22px; 
   margin-top:  10px;
   padding-top: 5px;
   z-index:     1;    /* need this to stack promo button and keep it clickable */
}

#promo-group-button-text {
   position:    absolute;
   float:       left;
   top:         40px;
   margin-top:  10px;
   margin-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   height:      80px;
   left:        10px;
   width:       750px;
   z-index:      2;
}

#login {
   position:      relative;
   top:           75px;
   left:          315px;
}

#object-box {
    position:    relative; 
    top:         20px;
    width:       500px;
    height:      100%;
    margin-top:  0px;
    margin-left: 35px; 
    z-index:     2; /* need this to make shopping clickable */
}

#footer {
   position:       relative;
   float:          center;
   margin-bottom:  0px;
   margin-left:    20px;
   padding-bottom: 10px;
   width:          450px;
   top:            -10px;
   z-index:        2;
}


#text-over-img1 {
  position:      relative; 
  margin-left:  140px;
  margin-top:    0px;
  padding-right: 200px; 
  padding-bottom: 7px; 
  padding-top:    7px;
  padding-left:  40px; 
  font:          85%/1.4 verdana,Helvetica,sans-serif; 
  font-weight:   bold;
  z-index:       1; 
}

/* flamingo stick */
#back-image-flamingo {
  position:     relative;
  top:          0px;
  margin-top:   0px;
  margin-left:  500px;
  left:         0px;
  z-index:     1; /* need this to make shopping clickable */
}

/* membership privs */
#back-image-member {
   position:      absolute;
   top:           0px;
   left:          2px;
   margin-top:    282px;
   margin-left:   778px;
}

/* watch shows button */
#watch-shows-button {
   position:      absolute;
   top:           10px;
   margin-left:   782px;
   left:          0px;
   margin-top:    -25px;
   z-index:       3;
}

/* create a show button */
#create-shows-button{
   position:      absolute;
   top:           0px;
   left:          0px;
   margin-left:   782px;
   margin-top:    135px;
   z-index:       1;
}

/* shop button */
#shop-button {
   position:      absolute;
   top:           0px;
   left:          0px;
   margin-left:   780px;
   margin-top:    630px;
   z-index:       1;
}

/* powered by amazon */
#back-image-amazon {
   position:      absolute;
   top:           0px;
   left:          0px;
   margin-left:   885px;
   margin-top:    695px;
   z-index:       1;
}
#signon {
   position:      absolute;
   top:           0px;
   left:          12px;
   margin-left:   780px;
   margin-top:    50px;
}

#member-privs-text {
   position:    absolute;
   float:       left;
   top:         -5px;
   left:        5px;
   padding-right: 0px;
   margin-top:  343px;
   margin-left: 785px;
   width:       170px;
}

#shop-button-text {
   position:    absolute;
   float:       left;
   top:         630px;
   left:          0px;
   margin-top:  10px;
   margin-left: 773px;
   width:       170px;
   z-index:     2;
}

#grayBox {
   position:    absolute;
   top:         0px;
   margin-top:  0px;
   width:       800px;
   left:        10px;
   margin-left: 0px;
   z-index:     1;
}

#showYourStuff{
   position:    absolute;
   top:         80px;
   margin-top:  14px;
   margin-left: 2px;
   z-index:     1;
   left:        10px;
}

#moreThanVid{
   position:    absolute;
   top:         10px;
   margin-top:  10px;
   margin-left: 180px;
   z-index:     1;
   left:        10px;
}

#helptube {
  position:      relative; 
  margin-top:    -2px;
  top:           28px;
  background:    #FFFFFF;
  width:         100%;
  height:        775px;
  margin-bottom: 0px;
}
 
#helpwrapper {
   position:absolute; 
   top:         80px;
   left:        10px;
   top:         10px;
   margin-left: 350px; 
   margin-top: -10px;
   margin-right:0px; 
}

#helpcontainer{
  position:absolute;
  margin:       20px auto 0px auto;
  padding-left: 0px;
  padding-right:0px;
  z-index:0;
}

ul.NoBullet {
  list-style-type: none;
  font:         70%/1.4 Verdana,'Trebuchet MS',sans-serif;
  margin-left:  3px;
  margin-right: 3px;
  margin-bottom:  0px;
  margin-top: 0px;

}
dl {
    margin-bottom:20px;
}

dl dt {
   color:#333;
   float:left;
   font-weight:bold;
   margin-right:10px;
   padding:5px;
   width:100px;
}

dl dd {
   margin:2px 120px;
   width: 345px;
   padding:5px 0;
}

