body {background:url('../graphics/gradient.png'); background-repeat: repeat-x; background-attachment: fixed; text-align:center;  
}
.mattboard {width:990px; background: #ffffcc; margin:0 auto; padding:20px; /* border:30px groove gold; */ border:5px outset #cccccc; position:relative;
}
.content_area {width:980px; margin: 0 auto; text-align:center; background: #fffffe; border:0px solid #cccccc; position:relative; 
}
.bannerwrap {background:url('../graphics/g51.png'); background-repeat: repeat-x; height:50px; /*#c0c0c0;*/ padding:5px 0px 0px 0px; border:0px solid black;   
} 
.contentbox {background:#fffffe; /*width:660px;*/ overflow:auto; margin: 0 auto; text-align:left; position:relative; padding:0px 10px 0px 15px;
}
.center {text-align:center;}
.main {padding-top:10px;}
.lead {margin-top:0px}
.right {text-align:right;}
.last {padding-bottom:10px}
.sidebar {position:absolute; left:-200px; bottom:0px; background:#FFFFFF; /*border:5px outset #cccccc;*/ width:190px;}
.nonessential {display:none}
.tight {padding-left:5px}

.demoframe {width:300px; height:250px; margin-left:10px; margin-bottom:10px; float:right; position:relative; top:3px;
}
#adcolumn {width:300px; float:right
}
.contentcolumn {width:660px;
}
.header_ad {width:970px; height:25px; padding: 5px 10px 0px 10px; margin: 0 auto; text-align:left; position:relative; top:0px; background: #ffffff; border:0px solid white; 
}

div#logo {
float:left;
width:252px;
background:#c0c0c0;
}
div#banner_ad {
float:right;
background:#c0c0c0;
height:90px;
/*width:728px*/
}

div#pagefooter {
border-top: 0px solid #d4d4d4; 
background:transparent; 
color:#909090; 
font-size:70%; 
text-align:left; 
padding-bottom:3px;
position:absolute;
bottom:-30px;
/*right:0px;*/
z-index:2
}
#bottompad {height:15px; overflow:hidden;
}
table#nav, td.menuI, td.stepNav, div#banner, div#bannerwrap {background-color:/*silver*/transparent;
}  
table.menu {margin-top:0px; width:84px; position:absolute; z-index:7; visibility: hidden; background:silver;
}
td.menuI, td.stepNav, td.menuII {font-size:13px; font-weight:600; color:blue; 
}
table#nav
{
position:relative; top:8px;
}
td.menuI  
{
/*height:20px;*/
width:84px;
text-align:center; 
border:3px outset silver;
}
td.stepNav  
{
height:20px;
width:25px;
text-align:center; 
border:3px outset silver;
}
td.menuII {height:22px;
 border-left: 0px solid black;
 border-right:0px solid silver;
 border-bottom: 1px solid silver;
 border-top: 1px solid black;
 text-align:left;
 background:silver;
 }
td.sunken{border:0px inset silver; text-align:right; 
}
td.this{border:3px inset silver;  
}
td.raised{border:3px outset red; background-color:red; cursor:pointer; text-align:center;
}
a.m_item         {display:block;}
a.m_item:link    {text-decoration:none;color:blue; background-color:transparent} /* nav buttons */
a.m_item:visited {text-decoration:none;color:blue; background-color:transparent}
a.m_item:hover   {text-decoration:none;color:silver; background-color:blue; font-weight:bold}	
a.m_item:active  {text-decoration:none;color:silver; background-color:transparent}

a.demo:link    {text-decoration:none;color:#0000ff; background-color:transparent}
a.demo:visited {text-decoration:none;color:#6699ff; background-color:transparent}
a.demo:hover   {text-decoration:underline;color:#0000ff; background-color:transparent}
a.demo:active  {text-decoration:none;color:red; background-color:transparent}


/*************** Meet Girls ***************/
#meetgirlsbackground{background:url(../graphics/star_trek.jpg); height:600px; z-index:0; /*  */
}
#meetgirlscontent{z-index:1; height:600px;
}
#meetgirlstriggerpad{ background:none; width:80px; height:110px; position:absolute; z-index:2; top:350px; left:435px; /*mouseover event triggers change in menu */
} 
#meetgirlshelpbox {background:none; width:50px; height:80px; position:absolute; z-index:2; top:0px; right:0px; color:white; font-size:40px; text-align:center; 
                   opacity:0; filter:alpha(opacity=0); cursor:help;
}
#meetgirlsclue {background:none; position:absolute; z-index:0; top:350px; right:100px; color:white; font-size:80%; text-align:left; visibility:hidden; 
}
/*************** About *******************/
#aboutcontent
{
background:url(../graphics/raildown.jpg); height:430px; background-repeat:no-repeat;  
} 
#aboutinfo {width:45%; height:415px; position:absolute; right:0px; padding-right:20px; color: #fffff0; background:transparent; overflow:auto;
}    /* had trouble in MSIE with background and overflow when this div was relative. */
a.aboutme:link    {color:#fffff0; text-decoration:none; background-color:transparent}
a.aboutme:visited {color:#fffff0; text-decoration:none; background-color:transparent}
a.aboutme:hover   {color:#404040; font-weight:500; text-decoration:none; background-color:transparent}
a.aboutme:active  {color:#fffff0; text-decoration:500; background-color:transparent}
/*************** Gift Shop *****************/
#backgroundImage {background:url(../graphics/lakescene.jpg); height:426px; background-repeat: no-repeat; background-position:top left;
}
#foregroundImage {background:url(../graphics/lakescene.jpg); *height:426px; background-repeat: no-repeat; background-position:top left;
}
#contentFrame {position:absolute; top:70px; left:15px; height:426px; width:432px; z-layer:2; overflow:auto; text-align:left;
               /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;
}
#catalog {background-color:white; width:415px; overflow:auto; position:relative;}
 /* puttin catolog inside of contentFrame lets catalog shrink to minimun 
    and adds a scroll bar to handle overflow. */ 

/*************** Success *******************/
#successcontent
{
background:url(../graphics/fireworks.jpg); height:505px; background-repeat:no-repeat;  
} 
#successinfo {width:45%; height:495px; position:absolute; right:0px; padding-right:20px; color: #fffff0; background:transparent; overflow:auto;
}