html, body
{
  xbackground-color: #2a223e;
  background-color: #464646;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

a img {border: 0px;}

h1
{
    margin: 0px;
    padding: 0px;
    width: 123px;
    height: 134px;
    position: absolute;
    top: 14px;
    left: 36px;
    letter-spacing: -500em;
    word-spacing: -500em;
    line-height: 0px;
    font-size: 0px;
    color: #998677;
    overflow: hidden;
    background: transparent url("/images/logo.jpg") scroll top left no-repeat;
}
h2
{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 23px;
  left: 178px;
  font-size: 1.6em;
  color: #FFFFFF;
}
h3
{
  font-size: 1.3em;
  color: #3b3b3b;
}
#body-main h3 
{
  margin: 0px 0px 10px;
}
h4
{
  margin: 35px 0px 0px;
  padding: 7px;
  background: transparent url("/images/backgrounds/actionHeading.png") scroll top left repeat-y;
  color: #998677;
  text-transform: uppercase;
}
h4.topAction
{
  margin: 5px 0px 0px;
}
h4 img
{
  vertical-align: 2px;
}
h5
{
  font-size: 0.9em;
  color:#998677;
  margin: 16px 0 10px 0;
}
p, 
ul#list li 
{
  margin: 10px 0px;
  font-size: 0.8em;
  line-height: 1.6em;
  color: #000000;
}

a:link {color: #998677;text-decoration: none; border-bottom: solid 1px #998677;}
a:visited {color: #998677;text-decoration: none; border-bottom: solid 1px #998677;}
a:active {color: #998677;text-decoration: none; border-bottom: solid 1px #998677;}
a:hover {color: #000000;text-decoration: none; border-bottom: solid 1px #000000;}
h1 a:hover {color: #000000;text-decoration: none; border-bottom: none; }

#head
{
  position: relative;
  width: 675px;
  padding-left: 180px;
  height: 151px;
  text-align: left;
  margin: 30px auto 0px;
  background: #998677 url("/images/backgrounds/head.png") scroll top left repeat-y;
}
#head p
{
  padding-top: 73px;
  font-size: 1.1em;
  color: #FFFFFF;
}
#head .logoLink 
{
  text-decoration: none; 
  width: 123px; 
  display: block; 
  padding-top: 50px; 
  padding-bottom: 80px;
}

ul#nav
{
  width: 855px;
  list-style-type: none;
  margin: 0px auto;
  padding: 0px;
  height: 39px;
  overflow: hidden;
}
ul#nav li
{
  margin: 0px;
  padding: 0px;
  display: inline;
  height: 39px;
  overflow: none;
}
ul#nav li img
{
  margin-top: -39px;
}
ul#nav li a img
{
  margin-top: 0px;
  vertical-align: top;
}
ul#nav li a:hover img
{
  margin-top: -39px;
}
#body
{
  width: 795px;
  text-align: left;
  margin: 0px auto;
  padding: 10px 30px 25px;
  background: #FFFFFF url("/images/backgrounds/dropShadow.gif") scroll top left repeat-x;
}

#body-main
{
  width: 483px;
  margin-top: 15px;
  padding-right: 30px;
  float: left;
  border-right: dotted 3px #CCCCCC;
  
}

#body-actions
{
  width: 251px;
  margin-top: 15px;
  padding-left: 26px;
  float: left;
}

#sponsors
{
  clear: both;
  border-top: dotted 3px #CCCCCC;
  margin-top: 35px;
  padding-top:10px;
}

#footer
{
  width: 855px;
  margin: 0px auto 30px;
  padding: 5px 0px 0px;
  background: #998677 url("/images/backgrounds/dropShadowFooter.gif") scroll top left repeat-x;
}
#footer p
{
  color: #FFFFFF;
  font-size: 0.7em;
  text-align: right;
  padding: 5px 30px;
  margin: 0px;
  background: #998677 url("/images/backgrounds/head.png") scroll top left repeat-y;
}
#footer p a:link {color: #FFFFFF;border-bottom: solid 1px #FFFFFF;}
#footer p a:visited {color: #FFFFFF;border-bottom: solid 1px #FFFFFF;}
#footer p a:active {color: #FFFFFF;border-bottom: solid 1px #FFFFFF;}
#footer p a:hover {color: #000000;border-bottom: solid 1px #000000;}

/*FORM PAGES*/

#formContainer
{
  min-height: 58px;
}
#formContainer p
{
  margin: 0px;
  line-height: 22px;
}
#formContainer span.uploadControl
{
  cursor: pointer;
  /*color:#FFFFFF;
  background:#EB255A url(/images/backgrounds/head.png) repeat-y scroll right top;
  border:dotted 1px #CCCCCC;
  padding: 2px;*/
  padding: 1px 28px 2px 2px; 
  background: #eeeeee url(/images/backgrounds/uploadFiles_bt.jpg) repeat-y scroll left top;
  color: black;
  display: block;
  width: 81px;
  text-align: center;
}

input#submit 
{
  color: black;
  border: 0pt none ; 
  padding: 3px 26px 4px 4px; 
  background: #eeeeee url(/images/backgrounds/input_bt.jpg) repeat-y scroll left top;
}

#voteForm input#submit 
{
  background: #eeeeee url(/images/backgrounds/uploadFiles_bt.jpg) repeat-y scroll left top;
  padding:3px 85px 4px 26px;
}

.enterBusiness ol 
{
  list-style-type: none; 
  padding-left: 0pt; 
  padding-right: 60px;
}

.topBorder 
{
  border-top:3px dotted #CCCCCC; 
  /*width:300px;*/ 
  margin:20px auto 10px auto;
}

ol li
{
  margin-bottom: 25px;
  font-family: "Times New Roman", serif;
  color: #6D6E71;
}
ol li p
{
  font-family: Arial, Helvetica, sans-serif;
}
form li p input
{
  width: 225px;
}
form li p textarea
{
  width: 425px;
  height: 125px;
}

.clrB
{
  clear: both;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
}

#voteForm .wrapVoteForm {
  width: 409px; 
  height: 32px;
}

#voteForm .wrapVoteForm .paragraph {
  float:left;
}
#voteForm .wrapVoteForm .paragraph p {
  display:inline;
}
#voteForm .wrapVoteForm input  {
  float:right;
  color:#6D6E71;
  font-size:0.8em;
  width:200px;
}
#voteForm input#submit {
  margin-top:13px;
  width:80px;
  margin-left:0px;
}
.fontPink {
  color: #ed174f;
}

#body .categoriesLeft,
#body .categoriesRight {
  float: left;
  width: 368px;
}

#body .categoriesLeft {

  border-right:3px dotted #CCCCCC;
  padding-right:26px;
}

#body .categoriesRight {
  padding-left:26px;
}
.progressWrapper {
 width: 357px;
 overflow: hidden;
}

.progressContainer {
 margin: 5px;
 padding: 4px;
 border: solid 1px #E8E8E8;
 background-color: #F7F7F7;
 overflow: hidden;
}
/* Message */
.message {
 margin: 1em 0;
 padding: 10px 20px;
 border: solid 1px #FFDD99;
 background-color: #FFFFCC;
 overflow: hidden;
}
/* Error */
.red {
 border: solid 1px #B50000;
 background-color: #FFEBEB;
}

/* Current */
.green {
 border: solid 1px #DDF0DD;
 background-color: #EBFFEB;
}

/* Complete */
.blue {
 border: solid 1px #CEE2F2;
 background-color: #F0F5FF;
}

.progressName {
 font-size: 8pt;
 font-weight: 700;
 color: #555;
 width: 323px;
 height: 14px;
 text-align: left;
 white-space: nowrap;
 overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
 font-size: 0;
 width: 0%;
 height: 2px;
 background-color: blue;
 margin-top: 2px;
}

.progressBarComplete {
 width: 100%;
 background-color: green;
 visibility: hidden;
}

.progressBarError {
 width: 100%;
 background-color: red;
 visibility: hidden;
}

.progressBarStatus {
 margin-top: 2px;
 width: 337px;
 font-size: 7pt;
 font-family: Arial;
 text-align: left;
 white-space: nowrap;
}

a.progressCancel {
 font-size: 0;
 display: block;
 height: 14px;
 width: 14px;
 background-image: url(../images/cancelbutton.gif);
 background-repeat: no-repeat;
 background-position: -14px 0px;
 float: right;
}

a.progressCancel:hover {
 background-position: 0px 0px;
}
 

 
a#booking_link
{
  display: block;
  border: 2px solid rgb(70, 70, 70);
  min-height: 60px;
  background-color: rgb(153, 134, 119);
  margin-bottom: 20px;
  color: rgb(255, 255, 255);
  line-height: 60px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}
a#booking_link:hover
{
  background-color: rgb(70, 70, 70);
}