html, body, form { margin: 0; padding: 0; }
body { font: normal 76% "Comic Sans", "Comic Sans MS" cursive; background: #723c93; color: #000000; }

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre { margin: 0; padding: 0; }
/*ul { list-style-type: none; list-style-image: none; }*/
hr { display: none; }
input, textarea, select { font-family: inherit; color: #000000; }
strong, b { font-weight: bold; }

a img { border: 0; }
a { text-decoration: udnerline; }
a:link,
a:visited,
a:active { color: #ffdd00; }
a:hover { color: #ffdd00; }

h1 { font-size: 2.0em; font-weight: lighter; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; margin: 1.2em 0em 1.2em 0em; font-weight: lighter; }
h3 { font-size: 1.4em; margin: 1.2em 0em 1.2em 0em; font-weight: lighter; }
h4 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.hide { display: none; }
.mt { margin-top: 1em; }
.mb { margin-bottom: 1em; }
.pt { padding-top: 1em; }
.pb { padding-bottom: 1em; }
.nom { margin: 0; }
.nop { padding: 0; }
.nomp { margin: 0; padding: 0; }
.nob { border: 0; }
.smaller { font-size: 0.9em; }
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.banner-hr { border: 1px solid #ddd; border-width: 1px 0 0 0; margin: 1em 0; clear: both; }
.additional-info { line-height: 1.5em; font-size: 0.9em; }
 

.table { border-collapse: collapse; border-spacing: 0; clear: left; }
.table.full_width { width: 100%; }
.table td { vertical-align: top; }

#container { position: relative; background: #e6d7ff; margin: 20px auto; padding: 0 0 20px 0; border: 2px solid #ffbe00; width: 860px; height:auto;}

#content { width: 100%; font-size: 1.2em; text-align: center;}
#content img {vertical-align: middle; }
#content h2 {color: #ffdd00; display: inline; padding: 0 50px; font-size: 1.8em;}

.header 
{ 
  background: url(/images/cal_header.jpg); 
  height: 189px; width: 860px;
}

.block { height: 124px; width: 124px; display: block}
#logo { position: absolute; top: 10px; left: 10px; }
#kiwi { position: absolute; top: 10px; right: 10px; }

.nav a { display: block; position: absolute; top: 149px;height: 20px;}
.nav #home { left: 135px; width: 80px; }
.nav #rules { left: 235px; width: 225px; }
.nav #order { left: 485px; width: 110px; }
.nav #view { left: 615px; width: 105px; }

.copy { background: url(/images/cal_copy.jpg); height: 448px; }

#callink 
{ 
  display: block; 
  position: absolute; 
  top: 190px; 
  left: 10px; 
  height: 410px; 
  width: 420px;
}

#callink2
{
  display: block;
  position: absolute;
  top: 450px;
  right: 20px;
  height: 150px;
  width: 417px;
}

.copyblock 
{ 
  position: absolute; 
  top: 200px; 
  right: 20px; 
  width: 400px; 
  height: 240px; 
  overflow: auto; 
}

.goleft { position: absolute; top: 370px; left: 50px; } 
.goright { position: absolute; top: 370px; right: 50px; } 

.calnav { color: #6c4272 !important; text-decoration: none; font-size: 5em;}

.instructions { text-align: center;}

#mainimg { margin: 0 130px; }
.smallimg { padding: 10px 14px; }

.survey_right {float: right; padding-top: 40px; width: 240px;}
.survey_right img { float: right; width: 150px; clear: right; padding: 25px 50px 0 0;}

.error { color: #f00; font-style: italic; font-weight: bold;}

#footer { margin: 0 auto 20px auto; text-align: center; color: #FFFFFF;}
#footer a { text-decoration: none; color: #FFFFFF; }
#footer a:hover { color: #ffff00; text-decoration: underline; }