*  {margin: 0px; padding: 0px;}

body  {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #000000; color: #666666; margin: 0px; padding: 0px; text-align: center; background: url(../../media/images/site_bg.gif) repeat-x 0px 0px;}


img  {display: block; border: 0px;}
  img.leftImage  {float: left; margin: 0px 10px 10px 0px;}
  img.rightImage  {float: right; margin: 0px 0px 10px 10px;}
  img.inline {display: inline;}
  
a  {text-decoration : underline; color: #339900; font-weight: bold;}
  a:hover  {text-decoration : none; background-color: #339900; color: #FFFFFF;}
  a.label  {text-decoration: none; color: #666666;}
    a.label  {background-color: #FFFFFF; color: #666666;}

p  {margin: 0px 0px 10px 0px;}

form  {margin: 0px;}

h1  {font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 4px 0px 0px 20px; font-weight: bold; display: block; background: url(../../media/images/title_bg.jpg) no-repeat 0px 0px; width: auto; height: 33px; color: #FFFFFF;}
h2  {font-size: 1.4em; margin: 0px 0px 10px 0px; padding: 3px 0px 0px 20px; font-weight: bold; display: block; background: url(../../media/images/title_bg.jpg) no-repeat 0px -3px; width: auto; height: 27px; color: #FFFFFF;}
h3  {font-size: 1.2em; padding: 0px; margin: 0px 0px 7px 0px; font-weight: bold; color: #336699;}
h4  {font-size: 1em; padding: 0px; margin: 0px 0px 5px 0px; font-weight: bold; color: #336699;}
h5  {font-size: .8em; padding: 0px; margin: 0px; font-weight: bold; color: #336699;}
h6  {font-size: .7em; padding: 0px; margin: 0px; font-weight: bold; color: #336699;}

.smallText  {font-size: .9em;}
.quote {font-weight: bold; font-style: italic;}

.footnote  {font-size: .9em;}

.clearAll  {clear: both; font-size: .1em;}
.clearLeft  {clear: left; font-size: .1em;}
.clearRight  {clear: right; font-size: .1em;}
.floatRight {float: right;}
.floatLeft {float: left;}
.floatLeftPad {float: left; margin: 0px 10px 10px 0px;}
.floatRightPad {float: right; margin: 0px 0px 10px 10px;}

.centered  {text-align: center;}

div.clearAll  {clear: both; font-size: .1em; margin: 0px; padding: 0px;}

div.centered  {text-align: center;}


#siteCon  {width: 891px; height: auto; display: block; margin: 0px auto 0px auto;}
  #siteCon #borderLeft  {width: 80px; height: 726px; background: url(../../media/images/content_border_left.jpg) no-repeat 0px 0px; display: block; float: left;}
  #siteCon #borderRight  {width: 79px; height: 726px; background: url(../../media/images/content_border_right.jpg) no-repeat 0px 0px; display: block; float: left;}
  #siteCon #contentCon  {width: 732px; height: auto; display: block; float: left;}
    #siteCon #contentCon #headerCon  {width: 732px; height: 137px; display: block; background: url(../../media/images/header_bg.jpg) repeat-x 0px 0px;}
      #siteCon #contentCon #headerCon #logoCon  {width: 223px; height: 136px; display: block; float: left;}
      #siteCon #contentCon #headerCon #promoCon  {width: 236px; height: 136px; display: block; float: left; margin: 0px 0px 0px 40px;}
      #siteCon #contentCon #headerCon #headerNav  {padding: 60px 0px 0px 0px;}
        #siteCon #contentCon #headerCon #headerNav ul  {margin: 0px; padding: 0px;}
          #siteCon #contentCon #headerCon #headerNav ul li  {margin: 0px; padding: 0px; display: inline;}
            #siteCon #contentCon #headerCon #headerNav ul li a  {margin: 0px; padding: 0px; display: block; color: #FFFFFF; text-decoration: none; width: auto; height: auto; background: url(../../media/images/nav_arrow.gif) no-repeat top right; padding: 2px 15px 2px 5px; margin: 0px 0px 0px 10px; float: left;}
              #siteCon #contentCon #headerCon #headerNav ul li a:hover  {background-color: #0faae0; color: #112558;}



      /**************/
     /* Nav styles */
    /**************/
    #siteCon #contentCon #navCon  {width: 712px; height: 37px; display: block; background: url(../../media/images/nav_bg.jpg) repeat-x 0px 0px; padding: 0px 0px 0px 20px;}

      #siteCon #contentCon #navCon #nav a {display: inline; float: left; color: #FFFFFF; font-weight: bold; text-decoration: none; height: 29px; text-align: left; margin: 0px 0px 0px 8px; padding: 8px 4px 0px 4px; background-color: transparent;}

        #siteCon #contentCon #navCon #nav a:hover {color: #FFFFFF; text-decoration: none; background-color: #65ca04;}
      
      /* all lists */
      #siteCon #contentCon #navCon #nav, #siteCon #contentCon #navCon #nav ul {margin: 0px; padding: 0px; list-style: none;}
    
      /* all list items */
      #siteCon #contentCon #navCon #nav li {margin-left: 0px; float: left; position: relative; z-index: 10; text-align: center; list-style: none;}
        #siteCon #contentCon #navCon #nav li.separator {width: 1px; height: 37px; display: block; background: url(../../media/images/nav_separator.gif) no-repeat 0px 7px; margin: 0px 0px 0px 8px;}
      
      /* second-level lists */
      #siteCon #contentCon #navCon #nav li ul {position: absolute; width: 200px; left: -999em; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
        #siteCon #contentCon #navCon #nav li ul li {width: 200px; margin-left: 0px; color: #FFFFFF; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #FFFFFF; text-align: left;}
          #siteCon #contentCon #navCon #nav li ul li a  {display: block; width: 190px; height: auto; border: 0px; padding: 4px 4px 4px 6px; margin: 0px; background-color: #2f8a2a; color: #FFFFFF;}
           #siteCon #contentCon #navCon #nav li ul li a:hover  {color: #FFFFFF; background-color: #65ca04;}
      
      /* lists nested under hovered list items */
      #siteCon #contentCon #navCon #nav li:hover ul, #siteCon #contentCon #navCon #nav li.sfhover ul {left: 8px; top: 37px;}

    #siteCon #contentCon #mainCon  {width: 732px; height: auto; display: block; background-color: #FFFFFF; padding: 0px; text-align: left;}

        /********************/
       /* HOME PAGE styles */
      /********************/
      #siteCon #contentCon #mainCon #homeCon  {width: 732px; height: auto; display: block; background-color: #FFFFFF; padding: 20px 0px 0px 0px;}
        #siteCon #contentCon #mainCon #homeCon #splashCon  {width: 343px; height: auto; display: inline-block; float: left;}
          #siteCon #contentCon #mainCon #homeCon #splashCon img {margin: 0px 20px 0px 30px;}
        #siteCon #contentCon #mainCon #homeCon #contentCon  {width: 389px; height: auto; display: inline-block; float: left;}
          #siteCon #contentCon #mainCon #homeCon #contentCon #welcomeCon  {width: 369px; height: auto; display: inline-block; float: left;}
          #siteCon #contentCon #mainCon #homeCon #contentCon #calloutConLeft  {width: 175px; height: auto; display: inline-block; float: left; margin: 0px 20px 0px 0px;}
          #siteCon #contentCon #mainCon #homeCon #contentCon #calloutConRight  {width: 175px; height: auto; display: inline-block; float: left;}
  
        /*******************/
       /* SUB PAGE styles */
      /*******************/
      #siteCon #contentCon #mainCon #subCon  {width: 732px; height: auto; display: block; padding: 0px;}
        #siteCon #contentCon #mainCon #subCon #copyCon  {width: 455px; height: auto; float: left; display: block; padding: 20px 10px 10px 35px}
          #siteCon #contentCon #mainCon #subCon #copyCon ul#nav  {display: block; margin: 0px 0px 10px 30px;}
            #siteCon #contentCon #mainCon #subCon #copyCon ul#nav li.separator  {display: none;}
            #siteCon #contentCon #mainCon #subCon #copyCon ul#nav li  {margin: 0px 0px 10px 0px;}
              #siteCon #contentCon #mainCon #subCon #copyCon ul#nav li ul  { margin: 0px 0px 0px 20px;}
                #siteCon #contentCon #mainCon #subCon #copyCon ul#nav li ul li  { margin: 0px 0px 0px 0px;}
          #siteCon #contentCon #mainCon #subCon #copyCon ul  {display: block; margin: 0px 0px 10px 30px;}
            #siteCon #contentCon #mainCon #subCon #copyCon ul li.separator  {display: none;}
            #siteCon #contentCon #mainCon #subCon #copyCon ul li  {margin: 0px 0px 10px 0px;}
              #siteCon #contentCon #mainCon #subCon #copyCon ul li ul  { margin: 0px 0px 0px 20px;}
                #siteCon #contentCon #mainCon #subCon #copyCon ul li ul li  { margin: 0px 0px 0px 0px;}


        #siteCon #contentCon #mainCon #subCon #imageCon  {width: 232px; height: auto; float: left; display: block; text-align: center;}
          #siteCon #contentCon #mainCon #subCon #imageCon img  {margin: 20px auto auto auto;}
          #siteCon #contentCon #mainCon #subCon #imageCon p  {width: 200px; text-align: left; padding-left: 10px;}

      /*****************/
     /* FOOTER styles */
    /*****************/
    #siteCon #contentCon #footerCon  {width: 712px; height: auto; display: block; background-color: #FFFFFF; border-top: 7px solid #339900; padding: 5px 10px 5px 10px; font-size: .85em;}
      #siteCon #contentCon #footerCon ul#nav  {display: block; margin: 0px 0px 10px 0px;}
        #siteCon #contentCon #footerCon ul#nav li {margin-left: 0px; float: left; position: relative; z-index: 10; text-align: center; list-style: none;}
          #siteCon #contentCon #footerCon ul#nav li ul  {display: none;}





#prizedrawImage  {width: 339px; height: auto; display: block; float: left; margin: 20px 0px 0px 0px;}
  #prizedrawImage img  {margin: 0px 20px 0px 30px;}

div#prizedrawContent  {width: 373px; height: auto; display: block; float: left; margin: 20px 0px 0px 0px; padding: 0px 20px 0px 0px;}
  div#prizedrawContent h1  {color: #00669c; margin: 0px; display: block; font-size: 2em; background: none; width: auto; height: auto; padding: 0px;}
  div#prizedrawContent h2  {color: #008b16; margin: 0px 0px 10px 0px; display: block; font-size: 1.4em; background: none; width: auto; height: auto; padding: 0px;}

  div#prizedrawContent ol  {display: block; margin: 0px 0px 10px 30px;}
    div#prizedrawContent ol li.separator  {display: none;}
    div#prizedrawContent ol li  {margin: 0px 0px 10px 0px;}
      div#prizedrawContent ol li ol  { margin: 0px 0px 0px 20px;}
        div#prizedrawContent ol li ol li  { margin: 0px 0px 0px 0px;}

div#drawQuestion  {background: url(../../media/images/prize_draw_question_bg.jpg) no-repeat 0px 0px; display: block; width: 325px; height: 145px; padding: 10px; font-weight: bold; margin: 0px auto 10px auto; text-align: left; color: #00669c;}
  div#drawQuestion p  {color: #00669c; margin: 0px 0px 7px 0px;}
  div#drawQuestion div.drawOptions  {}
    div#drawQuestion div.drawOptions div.fieldInput  {float: left; display: block; display: inline-block; margin: 0px 5px 3px 0px;}
    div#drawQuestion div.drawOptions div.fieldVal  {float: left; display: block; color: #00669c; margin: 0px 0px 3px 0px; position: relative; top: -1px;}
      div#drawQuestion div.drawOptions div.fieldVal a  {color: #00669c; text-decoration: none;}
        div#drawQuestion div.drawOptions div.fieldVal a:hover  {color: #00669c; text-decoration: none; background-color: transparent;}

div#genForm  {display: block;}
  div#genForm div.fieldTitle  {display: block; width: 80px; height: 18px; display: block; float: left; margin: 0px 0px 3px 0px;}
    div#genForm div.fieldValue input  {display: block; width: 200px; height: 18px; display: block; float: left; margin: 0px 0px 3px 0px; font-size: .9em;}

input.subButt  {margin: 0px auto 10px auto; background-color: #008b44; font-weight: bold; color: #FFFFFF; border: 2px outset #00ce65; padding: 2px; cursor: pointer; font-size: 1.5em;}
  input.subButt:hover  {background-color: #FFFFFF; color: #008b44;}

a.nohighlight  {color: #666666; background-color: transparent; text-decoration: none;}
  a.nohighlight:hover  {color: #666666; background-color: transparent; text-decoration: none;}
  a.nohighlight:visited  {color: #666666; background-color: transparent; text-decoration: none;}

div.errors  {border: 1px solid #AA0000; margin: 0px 0px 10px 0px; background-color: #FFEEEE; padding: 5px; color: #AA0000;}
  div.errors p  {margin: 0px 0px 10px 0px; padding: 0px; color: #AA0000;}
  div.errors ul  {margin: 0px 0px 10px 0px; padding: 0px;}
    div.errors ul li  {margin: 0px 0px 5px 30px; padding: 0px; color: #AA0000;}