*{
padding: 0;
margin: 0;
}

body {
margin: 0; border: none;
padding: 0;
font-family: "Comic Sans MS",sans-serif;
font-size: medium;
background-image: url(images/refrazebg.jpg);
}

p { padding: 0 30px 0 30px; }

h4 { text-align: center; font-size: 110%;
color:#bf2043; letter-spacing: 1px; line-height: 1.5em; padding: 0 40px 0 40px;}

img {  border-style: none;
}

h1 {text-align: center; font-size: 180%;
color:#bf2043; letter-spacing: 2px; line-height: 1.5em;}

h2 { padding: 0 30px 5px 30px; color:#ef6a22; }

h3 { padding: 10px 30px 5px 30px;}

h6 { padding: 10px 30px 5px 0px; font-size: 60%;}

a { border: none; text-decoration: none; list-style-type: none;}
ul {list-style-type: none;}


/* entire page holder */

#wrap {
width: 800px;
height: auto; 
padding: 0; margin: 10px auto 40px auto;
min-width: 780px; }

#header { background: url(images/header_image.gif) no-repeat; width: 800px; height: 250px; }

#header img{ margin-top: 72px;}

#indexImage { width: 800px; height: 519px; background: url(images/indexImage.jpg) no-repeat top left; }

#junior { width: 360px; height: 266px; margin-left: 5px; margin-top:-190px;}

#greenFox { width: 236px; height: 122px; margin-left: 620px; margin-top: -168px;}

#greenfoxRight { width: 236px; height: 192px; margin-left: 520px; margin-top: -120px;}

#mainContent {width: 800px; height: auto; background: url(images/howToBg.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContentL {width: 800px; height: auto; background: url(images/bg3.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContentL2 {width: 800px; height: auto; background: url(images/bg5.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContentL3 {width: 800px; height: auto; background: url(images/bg6.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContentL4 {width: 800px; height: auto; background: url(images/bg8.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContentR {width: 800px; height: auto; background: url(images/bg4.jpg) bottom right no-repeat #ccffff; margin-bottom: 10px;}

#mainContent0 {width: 800px; height: auto; background: #ccffff; }

#mainContent0 img {float: left;
}

#submissionContent {width: 800px; height: auto; background: #ccffff; }

#mainContent01 {width: 800px; height: auto; background: #ccffff; margin-bottom: 10px;}

#mainContentjr {width: 800px; height: auto; background: url(images/jrKids.jpg) top left #ccffff no-repeat;  }

#mainContentXmas {width: 800px; height: auto; background: url(images/xmas.jpg) top left #ccffff no-repeat; }

#mainContent a { padding: 0 30px 30px 30px; text-decoration: none; color:#993366;}

#mainContent a:hover { color:#ff9900; }

#mainContent0 a {text-decoration: none; color:#993366;}

#mainContent0 a:hover { color:#ff9900; }

#jrText { width: 475px; height: auto; background: #ccffff; margin-bottom: 0px; float: right;}

#submission { width: 798px; padding: 20px 0 0 0;
}

#editions {width: 760px; height: auto; padding-top: 60px; padding-left: 30px; }

#editions img {padding-bottom: 10px;}

#editions2 {width: 760px; height: auto; padding-top: 10px; padding-left: 30px; }

#editions2 img {padding-bottom: 10px;}

.buyitLeft {width: 365px; height: auto; padding-left: 30px; float: left;}

#buyitRight {width: 365px; height: auto; padding-right: 30px; float: left; }

.buyitst { width: 800px; height: auto; border-top: 1px solid #ef6a22; text-align: left; float: left;}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7 { width: 365px; height: 118px; }

#btn1 span a{ width: 365px; height: 103px; background: url(images/LuckyBtn1.jpg) no-repeat top left; z-index: 90; position: absolute; }

#btn1 span a:hover { background: url(images/LuckyBtn1Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn2 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn2.jpg) no-repeat top left; z-index: 90; position: absolute;}

#btn2 span a:hover { background: url(images/LuckyBtn2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn3 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn3.jpg) no-repeat top left; z-index: 90; position: absolute;}

#btn3 span a:hover {width: 365px; height: 88px; background: url(images/LuckyBtn3Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn4 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn4.jpg) no-repeat top left; z-index: 90; position: absolute;}

#btn4 span a:hover { width: 365px; height: 88px; background: url(images/LuckyBtn4Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn5 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn5.jpg) no-repeat top left; z-index: 90; position: absolute; }

#btn5 span a:hover { background: url(images/LuckyBtn5Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn6 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn6.jpg) no-repeat top left; z-index: 90; position: absolute; }

#btn6 span a:hover { background: url(images/LuckyBtn6Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

#btn7 span a{ width: 365px; height: 88px; background: url(images/LuckyBtn7.jpg) no-repeat top left; z-index: 90; position: absolute; }

#btn7 span a:hover { background: url(images/LuckyBtn7Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

input { margin-bottom: 10px;}

#clear { clear: both;}

.clear { clear: both;}

.spacer { width: 40px; height: 50px; float: left;
}

#foxSpacer { width: 650px; height: 125px; padding-left: 40px;
}

#foxSpacer img { float: left; margin-right: 20px;
}

/*navigation */

.menu {font-family: "Comic Sans MS",sans-serif;
letter-spacing: 1px; line-height: normal; width: 100%; margin: -10px 0 0 0; font-size: 110%; z-index: 100; background:#ccffff; text-align: center;}

.menu a { float:left;
      background:url("images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none; overflow:hidden;}

.menu a span {
      float:left; width: 194px;
      display:block; padding-bottom: 5px;
      background:url("images/tabrightI.gif") no-repeat right top;
      text-align: center;
      color:#cc0000;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
    .menu a:hover span {
      color:#ccffff;
      }
    .menu a:hover {
      background-position:0% -42px;
      }
    .menu a:hover span {
      background-position:100% -42px;
      }

 .menu a.current {
      background-position:0% -42px;
      }

 .menu a.current span {
      background-position:100% -42px; color:#000;
      }

.menu ul li {float:left; margin-right:1px; position:relative;}

.menu2 {font-family: "Comic Sans MS",sans-serif;
letter-spacing: 1px; line-height: normal; width: 100%; margin: -40px 0 0 0; font-size: 90%; z-index: 100; text-align: center;}

.menu2 a { float:right;
      background:url("images/tabLeft2.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none; overflow:hidden;}

.menu2 a span {
      float:right; width: 98px;
      display:block; padding-bottom: 3px;
      background:url("images/tabRight2.jpg") no-repeat right top;
      text-align: center;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu2 a span {float:none;}
    /* End IE5-Mac hack */
    .menu2 a:hover span {
      color:#000;
      }
    .menu2 a:hover {
      background-position:0% -42px;
      }
    .menu2 a:hover span {
      background-position:100% -42px;
      }

.menu2 ul li {float:right; padding-right:49px; position:relative;}

/* tool tip */
a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:3px; font-weight:normal; color:#000; border:1px solid #ff0; background:#8cc; width:320px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

.clear {clear:both;}


/* table for distributors */
#mainContent0 table {
font: 75%/1.5em arial, geneva, sans-serif;
border-collapse: collapse; margin: 0 auto;
}
	
/* headline */

#mainContent0 caption {
margin: 0;
border-bottom: 4px solid #fff;
padding: 10px;
background: #Ffcc00;
text-align: left;
font: bold 250%/1em arial, geneva, sans-serif;
color: #0066ff;
width: 100%;
text-transform: uppercase;
letter-spacing: 0.1em;
width: auto;
}	
	
/* data */

#mainContent0 tbody {
background: #0099cc;
}
#mainContent0 tbody td {
font-size: 100%;
letter-spacing: 0.05em;
}
#mainContent0 tbody td, th {
border-bottom: 4px solid #fff;
border-left: 1px dotted #fff;
vertical-align: top;
padding: 10px;
}

/* header */ 
	
#mainContent0 thead th { /* headers */
padding: 5px 10px;
text-align: left;
background: #0099cc;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: bold;
font-size: 110%
}


#mainContent0 tbody th { 
padding: 10px 10px 10px 10px;
text-align: left;
font-size: 110%;
color: #1f1f1f;
letter-spacing: 0.1em;
line-height: 1.5em;
}	

/* colors */

#mainContent0 tbody tr.odd th {
background: #ff9933; 
}
#mainContent0 tbody tr.odd {
background: #ffcc33; 
}

#mainContent0 tbody tr th {
background: #0099ff; 
}
#mainContent0 tbody tr {
background: #33ccff; 
}

/* footer */

#mainContent0 tfoot th, tfoot td {
margin: 0;
border-top: 2px solid #fff;
padding: 5px 10px;
text-align: left;
background: #ffcc00;
color: #000;
}

#mainContent0 tfoot th {
text-transform: uppercase;
letter-spacing: 0.2em;
border: none;
}

#mainContent0 tfoot td {
padding-left: 10px;
}

/* form.css */

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 660px;
  max-width: 800px;
  width: 800px;
}
input, select, textarea {
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #000;
}

textarea {
  overflow: auto;
}
.orderConfirm { width: 410px; font-size: 110%; float: left; padding-left: 10px; margin: 5px 180px; background: #66CCFF;
}

.orderConfirm2 { width: 410px; float: left; border: 1px solid #fff; padding-left: 10px; margin: 5px 180px; background:#66aaFF; }

/*----the following are for the submission form page-----*/
#submissionContent fieldset p { font-size: 75%;
color: black;
font-weight: normal;
text-align: left;
line-height: 1em;}

#submissionContent fieldset {
margin: 0 0 0 110px;
padding: 1em;
border: 1px solid #bf2043;
width: 540px;
line-height: 1em; }

#submissionContent fieldset#event {
background: transparent; }

#submissionContent fieldset#event div { width: 8em; float: left; }
#submissionContent fieldset#event label { width: 3em; float: none; display: inline;}

#submissionContent legend {font-weight: bold; color: #ef6a22; }

#submissionContent textarea {
width: 400px; height: 100px;}

#submissionContent textarea.submission { 
width: 400px; height: 30px;}

#submissionContent label {float: left; width: 10em; }

#submissionContent input[type="text"] { width:300px; }

#submissionContent input.submit {width: auto; }

#submissionContent input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/

img, div { behavior: url(iepngfix.htc) }

#MBD { width: 450px; height: 20px; background: url(images/MBDbkgd.png) no-repeat; margin: 5px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #666; padding-top: 4px;
}

#MBD a{ color: #666; text-decoration: none; text-align: center; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#MBD a:hover {
text-decoration: underline;
color: #3366ff;
}