body {text-align: center;
      margin:0px;
      padding:0;}
#wrapper {
         position: relative;
         width: 792px;
         margin: 0 auto;
         text-align: left;
         }
#admin-wrapper {
         position: relative;
         width: 1016px;
         margin: 0 auto;
         text-align: left;
         }

.locnav A:link {text-decoration: none; color: black;}
.locnav A:visited {text-decoration: none; color: black;}
.locnav A:active {text-decoration: none; color: black;}
.locnav A:hover {text-decoration: none; color: green;}

.class2 A:link {text-decoration: underline}
.class2 A:visited {text-decoration: underline}
.class2 A:active {text-decoration: underline}
.class2 A:hover {text-decoration: underline; color: green;}

    html .wrapper {
    height: 0.1%;
  }

    html #threecolumn div {
  	height: auto;
  }

  .editable {
    border: 1px dashed blue;
  }

  #footer {
    clear: both;
  }


#price{
        font-family: Arial;
        font-size: 18px;
        color: white;
        background-color: white;
	font-weight: normal;
	padding: 0px;         
}
#price2{
        font-family: Arial;
        font-size: 18px;
        color: white;
	font-weight: normal;
	/* padding: 0px; */
}

#price3{
        font-family: Arial;
        font-size: 18px;
        color: white;
	font-weight: normal;
	/* padding: 0px; */
}

.price4{
        font-family: Arial;
        font-size: 18px;
        color: white;
	font-weight: normal;
	padding: 12px 24px 12px 36px;
        text-indent: -24px;
}

.pricewoah{
	font-family: Georgia;
        font-size: 28px;
        text-align: center;
        color: white;
        background-color: #0a0a0a;  /* #0a0a0a is 2/3rds of 18/18ths black */
	font-weight: normal;
	padding: 12px 12px 12px 12px;
}

.bg0 {
	background-color: gray;
        vertical-align: top;
        text-align: left;
        width: 34%;
}
.bgacross {
        background-color: gray;
        vertical-align: top;
        text-align: center;
} 
.bg1 {
         background-color: #FF0080;
         vertical-align: top;
         text-align: center;
         width: 22%;
}
.bg2 {
         background-color: #138DC4; /* // this is blue (darker blue) from Tour button // this was #408080 */
         vertical-align: top;
         text-align: center;
         width: 22%;
}         
.bg3 {
         background-color: green;
         vertical-align: top;
         text-align: center;
         width: 22%;
}         




.locnav{
	position: absolute;
	left:36px;
	top:42px;
	width:612px;
	overflow: hidden;
	display:block;
	text-align: left;
	font-family: Garamond;
        font-size: 14px;
	font-weight: normal;
	padding:4px;
}

h1{
	font-family: Georgia;
        font-size: 28px;
  
	font-weight: normal;
	padding:0px;
}

h1.h12{
    font-family: Verdana;
        font-size: 24px;

        font-weight: normal;
	padding:0px;

}

h2{
    font-family: Verdana;
        font-size: 24px;
  
        font-weight: normal;
	padding:0px;
}

h3{
    font-family: Georgia;
        font-size: 12px;
  
	font-weight: normal;
	padding:0px;
}

h5{
    font-family: Arial;
        font-size: 18px;
	font-weight: normal;
    padding: 0px 0px 0px 6px;
}

h6{
    font-family: Arial;
        font-size: 16px;
	font-weight: normal;
	padding:0px;
        }

sup {
font-size: 9px; 
	bottom: 1ex;
    font-family: Arial;
        font-size: 9px;
	font-weight: normal;
    padding: 0px 0px 0px 0px;
}


h7{
    font-family: Verdana;
        font-size: 12px;
	font-weight: normal;
    padding: 0px 6px 0px 6px;
}






#cloud1{
	position: absolute;
	right:36px;
	bottom:72px;
	overflow: hidden;
	display:block;
}

#cloudtour1{
	position: absolute;
	right:36px;
	bottom:72px;
	overflow: hidden;
	display:block;
}


#cloudlow{
	position: absolute;
	right:36px;
	bottom:-144px;
	overflow: hidden;
	display:block;
}

#cloudmarch1{
        position: absolute;
	right:306px;
	top:134px;
    width:180px;
	overflow: hidden;
	display:block;
 }
.rainmarch1{
	position: absolute;
	right:306px;
	top:134px;
	width:240px;
	z-index:2;
	overflow: hidden;
	display:block;
    text-align: left;
	font-family: Arial;
        font-size: 12px;
	font-weight: normal;
	padding:0px;
}

#cloudmarchlow{
        position: absolute;
	right:306px;
	top:322px;
    width:180px;
	overflow: hidden;
	display:block;
 }
.rainmarchlow{
	position: absolute;
	left:306px;
	top:322px;
	width:240px;
	z-index:2;
	overflow: hidden;
	display:block;
    text-align: left;
	font-family: Arial;
        font-size: 12px;
	font-weight: normal;
	padding:0px;
}

#cloudrelative{
	position: relative;
	left:137px;
	top:-242px;
	overflow: hidden;
	display:block;
}

#helpcloud1{
	position: absolute;
	right:54px;
	bottom:90px;
	overflow: hidden;
	display:block;
}

#helpcloudlow{
	position: absolute;
	right:54px;
	bottom:-126px;
	overflow: hidden;
	display:block;
}

.rain{
	position: absolute;
	left:100px;
	top:50px;
	width:240px;
	z-index:2;
	overflow: hidden;
	display:block;
    text-align: left;
	font-family: Arial;
        font-size: 12px;
	font-weight: normal;
	padding:0px;
}



.parachute{
	position: absolute;
	left:140px;
	top:50px;
	width:96px;
	z-index:1;
	overflow: hidden;
	display:block;
    text-align: left;
	font-family: Arial;
        font-size: 12px;
	font-weight: normal;
	padding:0px;
}



.loc1{
	border:#FFFFFF 2px solid;
	width:306px;
	height:170px;
	position: absolute;
	left:168px;
	top:218px;
	overflow: hidden;
	display:block;
}

.loc2{
	border:#FFFFFF 2px solid;
	width:306px;
	height:170px;
	position: absolute;
	left:168px;
	top:418px;
	overflow: hidden;
	display:block;
}

.loc3{
	border:#FFFFFF 2px solid;
	width:306px;
	height:170px;
	position: absolute;
	left:168px;
	top:618px;
	overflow: hidden;
	display:block;
}

.locrate{
	border:#FF0000 3px solid;
        padding: 10px;
	width:204px;
	height:206px;
	position: absolute;
	left:598px;
	top:684px;
	overflow: hidden;
	display:block;
}

#loginform{
        padding: 0px;
	position: absolute;
	right:18px;
	top:42px;
	z-index:1;
	overflow: hidden;
	display:block;
	text-align: left;
}


#pagenum{
        position: absolute;
	left:726px;  
	top:116px;
	overflow: hidden;
	display:block;
 }
#helpbar1{
        position: absolute;
	right:6px;
	top:144px;
    width:180px;
	overflow: hidden;
	display:block;
 }
#helpbarlow{
        position: absolute;
	right:6px;
	top:430px;
    width:180px;
	overflow: hidden;
	display:block;
 }

tdscreenhelp {  padding-left: 2px;  padding-right: 2px;}

#helpspeech1{
	position: absolute;
    left:526px;
	top:150px;
	z-index:1;
	overflow: hidden;
	display:block;
	font-weight: normal;
	padding:0px;
}
#helpspeech3{
	position: absolute;
    left:526px;
	top:150px;
	z-index:1;
	overflow: hidden;
	display:block;
	font-weight: normal;
	padding:0px;
}
.helptext{
	position: absolute;
    left:25px;
	top:50px;
	width:144px;
	z-index:2;
	overflow: hidden;
	display:block;
    text-align: left;
	font-family: Arial;
        font-size: 12px;
	font-weight: normal;
	padding:0px;
}



.footer{
        position: absolute;
	left:36px;
        bottom: 0;
        padding-top: 36px;
	overflow: hidden;
	display:block;
 }
 
.imgloc1{
	position: absolute;
	left:0px;
	top:0px;
	overflow: hidden;
	display:block;
}

.imgloc2{
	position: absolute;
	left:0px;
	top:72px;
	overflow: hidden;
	display:block;
}
.imgloc3{
	position: absolute;
	left:318px;
	top:390px;
	overflow: hidden;
	display:block;
}



.loclight1{
	border:#FFFFFF 2px solid;
	width:120px;
	height:120px;
	position: absolute;
	left:474px;
	top:251px;
	overflow: hidden;
	display:block;
}

.loclight2{
	border:#FFFFFF 2px solid;
	width:120px;
	height:120px;
	position: absolute;
	left:474px;
	top:451px;
	overflow: hidden;
	display:block;
}

.loclight3{
	border:#FFFFFF 2px solid;
	width:120px;
	height:120px;
	position: absolute;
	left:474px;
	top:651px;
	overflow: hidden;
	display:block;
}

.tour{
	position: absolute;
	left:576px;  
	top:126px;
	overflow: hidden;
	display:block;
}
#tourboxtext{
	position: relative;
	left:8px;
	width:170px;
	overflow: hidden;
	display:block;
}
#tourboxfooter{
	position: relative;
	left:0px;
	overflow: hidden;
	display:block;
}


.donate{
	position: absolute;
	left:576px;  
	top:202px;
    width:188px;
	overflow: hidden;
	display:block;
    text-align: left;
}

.hho{
	width:180px;
	position: absolute;
	left:612px;
	top:144px;
	overflow: hidden;
	display:block;
}

.hho2{
	border:#FF6D79 1px solid;
    background-color: #FFFDFB;
 	width:180px;
	position: absolute;
	right:36px;
	top:36px;
	overflow: hidden;
	display:block;
    text-align: left;
}


.adsense{
	position: absolute;
	left:576px;  
	top:360px;
	overflow: hidden;
	display:block;
}

#paypalverified{
	position: absolute;
	left:72px;
	top:0px;
	z-index:1;
	overflow: hidden;
	display:block;
    padding:0px;
}

.history{
	width:756px;
        position: absolute;
	left:36px;
	top:108px;
	overflow: hidden;
	display:block;
}

.fortune{ 
	width:504px;
        position: absolute;
	left:36px;  
	top:108px;
	overflow: hidden;
	display:block;
}
.fortuneprice{ 
	position: absolute;
	width:720px; /* was 756px */
        left:36px; 
        top:108px;
	overflow: hidden;
	display:block;
}
.questions{ 
	width:540px;
        position: absolute;
	left:36px;  
	top:108px;
	overflow: hidden;
	display:block;
}


 /*

  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --

  	This file uses CSS filtering methods to fix various
  	layout bugs.

  	Each of the following three imported files is a
  	separate, browser-specific CSS file that keeps all
  	hacks out of the main style sheet.

  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.

  */

  /*
    fix ie6 "peekaboo bug" using the "holly hack".
    Note, this style only gets applied to ie6
  */
  * html .wrapper {
    height: 0.1%;
  }

  /*
   * IE5 mac - overrides the IE/Win hack
   */

  /*\*//*/

  * html #threecolumn div {
  	height: auto;
  }

  /**/


  /*
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */

  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;
  }

  #footer {
    clear: both;
  }

  /* Extra divs hidden by default. The custom CSS can override this though */
  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
    display: none;
  }

  a img,:link img,:visited img {border: none;}


  body {
    text-align: center;
  }
  #container {
    width: 730px;
    text-align: left;
    margin: 0 auto;
  }


  /* Tweaks for Three-column layout
  ----------------------------------------------- */
  #threecolumn #main-content .wrapper {padding:0 25px;}

  /* Tweaks for Two-column Left layout
  ----------------------------------------------- */
  #twocolumn-left #main-content .wrapper {padding-left:25px;}

  /* Tweaks for Two-column Right layout
  ----------------------------------------------- */
  #twocolumn-right #main-content .wrapper {padding-right:25px;}

  /* Tweaks for Two-column Liquid layout
  ----------------------------------------------- */
  #twocolumn-liquid-right #container {margin:1em 1em;}
  #twocolumn-liquid-right #main-content .wrapper {padding-right:25px;}
  #twocolumn-liquid-left #container {margin:1em 1em;}
  #twocolumn-liquid-left #main-content .wrapper {padding-left:25px;}

  /* Tweaks for One-column Liquid layout
  ----------------------------------------------- */

  /* Tweaks for One-column layout
  ----------------------------------------------- */
  #onecolumn #main-content .wrapper {padding-left:0;}

  /* ie5win */
  @media tty { i{content:"\";/*" "*/}} * html #container { padding: 25px 0px 10px 10px; } /*";}
  }/* */