/* Dad's Shop Style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #000000;
       background: url(/schema/gifs/bg.gif) top left repeat-x;
       text-align: center;
     }


/* blocks */
#outer             { position: absolute; top: 103px; left: 0; width: 100%; background: url(/schema/gifs/outerbg.gif) bottom left repeat-x #E0EFF6; z-index: 5; }
#wrapper           { margin: 0 auto 1px auto; width: 760px; text-align: left; background: url(/schema/gifs/wrapperbg.gif) bottom center repeat-y;}
#wrapper2          { float: left; width: 760px; background: url(/schema/gifs/wrapper2bg.gif) bottom center no-repeat; }
#content           { float: right; width: 536px; font-size: 75%; display: inline; margin: 0 14px 0 0;
                     background: url(/schema/gifs/contentbg.gif) top right repeat-x}

#leftnav           { float: left; width: 198px; margin-left: 12px; font-size: 75%; display: inline; padding-bottom: 245px;
                     background: url(/schema/gifs/leftnavbg.gif) top right no-repeat; padding-bottom: 300px;}
#clear             { clear: both; width: 760px;}
#footer            { margin: 0 auto;  width: 736px; font-size: 75%; color: #000000; text-align: right; background-color: #ffffff;}
#copyright         { float: right; height: 100px; }

#topouter          { position: absolute; top: 0; left: 0; width: 100%;}
#banner            { margin: 0 auto; height: 105px; width: 736px; text-align: left;
                     background: url(/schema/gifs/bannerbg.gif) top right no-repeat #ffffff; }
#topnav            { float: right; height: 47px; width: 538px; margin-top: 56px;
                     background: url(/schema/gifs/topnavbg.gif) bottom right no-repeat;}
#logo              { float: left; height: 105px; width: 198px; background: url(/schema/gifs/logobg.gif) left bottom no-repeat; }


/* topnav */
#topnav ul.topmenu      { list-style-type: none; margin: 0 0 0 5px; padding: 0; text-align: left; font-size: 75%; }
#topnav li              { float: left; margin: 0 1px 0 0; padding: 0; }
#topnav a               { background: url(/schema/gifs/topnavabg.gif) center center no-repeat; color: #0045C3; text-decoration: none;
                          width: 97px; height: 25px; line-height: 25px; text-align: center; display: block;}
#topnav a.wide          { background-image: url(/schema/gifs/topnavawidebg.gif); width: 120px; }                          
#topnav a:hover         { background-image: url(/schema/gifs/topnavahbg.gif); color: #000000; }
#topnav a.wide:hover    { background-image: url(/schema/gifs/topnavawidehbg.gif);}

/* leftnav */
#leftnav ul.topmenu      { list-style-type: none; margin: 0 0 0 10px; padding: 15px 0 0 0; text-align: right;
                           background: url(/schema/gifs/leftnavulbg.gif) top center no-repeat; }
#leftnav li              { margin: 0; padding: 0 5px 8px 0; color: #ccccff;}
#leftnav li.highlight    { color: #3B7DE1; }
#leftnav a               { color: #555555; text-decoration: none; background: url(/schema/gifs/leftnavabg.gif) center right no-repeat; padding: 0 30px 0;
                           height: 20px; line-height: 20px;}
#leftnav li.highlight  a { color: #3B7DE1; background: url(/schema/gifs/leftnavahbg.gif) center right no-repeat;}
#leftnav a:hover         { color: #3B7DE1; background: url(/schema/gifs/leftnavahbg.gif) center right no-repeat; }

/* footer */

h1, p.header1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 130%;
  color: #0049B6;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  /* Page Title */
}

h2, p.header2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #3B7DE1;
  margin-left: 20px;
  margin-right: 20px
  /* Section Title */
}
h3, p.header3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  margin-left: 20px;
  margin-right: 20px  /* Subsection Title */
}
p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
}

p.nomargin {
  margin: 0;
  padding: 0;
  /* No Margin */
}

p.blue {
  color: #0049B6;
  /* Blue Text Paragraph */
}
p.red {
  color: #FE0000;
  /* Red Text Paragraph */
}


p.indent1 {
  margin-left: 40px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 60px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 80px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 100px;
  /* Indented Text 4 */
}

table {
  margin-left: 20px;
  margin-right: 20px;
}

table.default {
  /* No Style */
}

td { font-size: 75%; }

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;

}
ul.round { /* Round markers */  }
ol.norm { /* Ordered list */ }

li {
  margin-bottom: 5px;
}



a { color: #0049B6; text-decoration: underline; }

span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

span.blue {
  color: #0049B6;
  /* Blue Text */
}


span.red { color: #FE0000; /* Red Text Selected */ }

img { border: none; }

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }