/*Page setup */

body { background: #fdeb9b url(../images/background.gif) repeat-y; padding: 0 0 0 0; text-align: center; font-family: Georgia, Arial, Helvetica, sans-serif;}
#page-container { height: 100%; width: 75%; margin-left: 10%; margin-top: 2px; padding: 0px; text-align: left; padding-top: 5px; position: relative; z-index: 0;}
div { -moz-box-sizing: border-box; box-sizing: border-box; }
#page   { width: 1024px; height: 100%; background: url(../images/top.gif) no-repeat; position: absolute; padding-top: 0px; }
img.bottom { position: absolute; padding-bottom: 0px; }
/*Content set up*/

/*both sidebars*/
.sidebar{ margin: 0px; width: 210px; float: left; position: relative; z-index: 10; font-size: 1em; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: bold; }
.sidebar .dialog { z-index: 3;}
.sidebar a { text-decoration: none; color: #fff; }

/*the nav menubar*/
#menubar .content { height: 335px; padding-top: 20px; text-align: center; }
#menubar .content ul { border-left: 2px solid black; border-top: 2px solid black; width: 180px; }
#menubar .content li {display: block; height: 20px; background:transparent url(../images/button_back.png) no-repeat;}
#menubar .content .current { border-left: 2px solid #660000; border-top: 2px solid #660000; }

/*lower sidebar*/
#secondbar { clear: both; }
#secondbar .content { height: 125px; padding-top: 20px; text-align: center; }

/*current news display: homepage only*/
#newsbar { width: 350px; position: relative; left: 140px; z-index: 3; float: right;}
#newsbar .content { height: 115px; padding-top: 15px; }

/*titlebar: homepage only*/
#titlebar { position: relative; top: -630px; margin-left: 102px; width: 100%; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  }
#titlebar .content { padding-left: 110px; height: 70px; padding-top: 15px;  z-index: 2; }
#titlebar img { width: 75%; }

.store { width: 100%; float: left; margin-bottom: 4px; }
.store img { margin: 3px; }

/*main content area on each page*/
#textbox {position: absolute; width: 100%; margin-left: 102px; float: left; top: 20px; }
#textbox .content { padding-left: 108px; height: 100%; min-height: 450px;  }
#textbox .menu {height: 630px;}

#textbox .store .content { height: 150px; padding-left: 5px; }
#textbox a { color: #fdeb9b; text-decoration: none; }
.title { font-size: 3em; font-weight: bold; }

/*news page only*/
#newscontent{ height: 575px; }

/*heading styles*/
h1 { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2.5em; font-weight: bold; }
h2 { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; }
h3 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: bold; }

/*link styles*/
a { text-decoration: none; color: #ffffff;}
a:visited { color: #ffffff; }

dt { font-weight: bold; }
dd { margin-left: 15px; }
#editlink {float:right; font-size: 10px; color: #000000;}

/*Menu page specific styles*/
#menu_display {height: 100%; width: 100%; border: 1px dashed #004411;}
#menu_nav { text-align: center; font-size: 1.5em; }
#menu_nav ul li { display: inline; }


#menuiframe {}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
  --technique from scott schiller, shillmania.com
*/
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:842px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 height: 100%;
}


.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div 
{
    height: 100%;
 background:transparent top right;

}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image: url(../images/dialog3-red-350x500.png);

}

.dialog.type1 .content,
.dialog.type1 .t,
.dialog.type1 .b,
.dialog.type1 .b div {
 background-image: url(../images/dialog2-green-800x1600.png);

}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:14px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */

 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 /*max-height:1000px;*/
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}



.footer
{
  clear: both;

  padding-bottom: 0px auto;
  text-align:center;
}
.pfooter
{
  clear: both;
  padding-bottom: 0px auto;
  text-align: center;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#homesub
{
    font-size: 18pt;
    color: White;
    font-weight: bold;
    text-align: left;

}
#subtitles
{
    font-size: 14pt;
    color: #FEB550;
    font-style: oblique;
}

h6 {font-size: small;}

#ownbox
{
    position: relative;
    
}
#topten
{
     background-color: #F4E49A; 
     color: black; 
     width: 100%; 
     padding: 10px;
}