/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/

/* GLOBAL RESET
********************************************************/
* { margin: 0; padding: 0; }
img, fieldset, abbr, acronym { border: 0; }
.hidden { display: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* BODY
********************************************************/
body {
  margin: 0 auto;

  width: 940px;
  font: small Arial, sans-serif;
  color: #666666;
}

/* HEADER
********************************************************/
div#lpHeader {
  float: left;
  padding: 0;
  width: 940px;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}

div#lpBannerHeader {
  color: #6F9DCA;
  float: left;
  width: 940px;
  min-height: 30px;
}

div#lpCopyHeader {
  color: #EEEED5;
  border-bottom: 2px solid #CCCCCC;
  float: left;
  padding: 20px 20px 0 20px;
  width: 900px;
}

div#lpCopyHeader h1 {
  color: #666666;
  font-size: 185%;
  margin-bottom: 20px;
}

h1, h2, h3, h4, h5 {
  color: #333333;
}

/* MAIN CONTAINER
********************************************************/
div#centerContent {
  float: left;
  position: relative;
  width: 940px;
  margin-bottom: 25px;
}

div#centerContent ul {
  list-style-position: inside;
  list-style-type: disc;
}

div#centerContent ol {
  list-style-position: inside;
  list-style-type: decimal;
}

div#bgFade {
  position: absolute;
  left: -30px;
  top: 0;
  width: 1000px;
  height: 500px;
  background: url(../media/image/bg-fade.png) top left no-repeat;
  z-index: 1;
}

div#lpContentContainer {
  background-color:#FFFFFF;
  border-bottom:2px solid #CCCCCC;
  display:inline;
  float:left;
  min-height:350px;
  padding:20px;
  position:relative;
  width:900px;
  z-index:20;
}

div#lpMainContent {
  float: left;
  display: inline;
  width: 660px;
  margin-bottom: 40px;
}

div#lpMainContent p,
div#centerContent div#lpMainContent ul,
div#centerContent div#lpMainContent ol{
 margin: 0 0 20px 0;
}

div#centerContent div#lpMainContent ul {
 list-style: disc;
}

div#centerContent div#lpMainContent ol{
 list-style: decimal;
}

div#lpMainContent ul li, div#lpMainContent ol li {
  padding: 0px 0 10px 5px;
  line-height: 1.3;

}

div#lpMainContent ol {
 list-style-type: decimal;
}

input.submit {
  padding-top: 10px;
}


/* FORM
********************************************************/
div.formTop {
  background: transparent url(/media/image/form_box_top.gif) no-repeat scroll left top;
  float: left;
  height: 6px;
  width: 278px;
  margin-right: 20px;
  margin-left: 190px;
  display: inline;
}

div.form {
  background: transparent url(/media/image/form_box_btm.gif) no-repeat scroll left bottom;
  clear: left;
  float: left;
  margin: 0 20px 20px 190px;
  padding: 0px 20px 20px;
  position: relative;
  width: 238px;
  font-size: 12px;
  display: inline;
}

div#lpMainContent div.form ul {
  padding: 0px;
  margin: 0px;
}

div#centerContent ul, div#centerContent ul {
  list-style: none;
  padding: 0 0 0 25px;
}

div#lpMainContent div.form li {
  padding: 3px 0 0 0px;
}

div.form #submitLi {
  margin: 10px 0 0 25px;
  padding: 0;
}

div.form #submitLi .submit {
  padding: 5px 6px 4px;
  color: #ffffff;
  background-color: #333333;
  border:0 none;
}

div.form div#formContent {
  margin: 0;
  padding: 20px 0 10px 20px;
  font-size: 180%;
  color:#950101;
}

div.form div#formContent p {
  width: 99%;
}

#hiddenInputs,
#hiddenUserInputs { display:none; }

#requiredNotice {
  padding: 0 0 0 25px;
}

p.error {
  padding-top: 15px;
  font-size: 70%;
}

p.error label.error {
  color: red;
  padding-left: 15px;
  display: block;
  clear: left;
}

h4#thanks {
  margin-left: 20px;
}

/* FOOTER CONTAINER
********************************************************/

div#footer {
  clear: left;
  width: 900px;
  padding: 8px 20px 13px 20px;
  background: url( ../media/image/bg-footer-EEEED5.png ) no-repeat bottom left;
  margin: 0;
  position: relative;
  z-index: 30;
  text-align: right;
}

div#footer p {
  margin: 3px 0 0 0;
}

div#footer a {
  font-style: italic;
}

/* SIDE COLUMN CONTAINER
********************************************************/
div#rightColumn {
  float: right;
  width: 220px;
}

div.columnTop {
  background: transparent url(/media/image/side_column_top.gif) no-repeat scroll left bottom;
  clear: right;
  float: right;
  height: 6px;
  width: 220px;
}

div.columnBottom {
  background: transparent url(/media/image/side_column_btm.gif) no-repeat scroll left bottom;
  clear: right;
  float: right;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 180px;
  font-size: 12px;
}

div#lpContentContainer div.columnBottom span {
  float: left;
  color: #999999;
  margin-bottom: 3px;
}

div#sideColumnContent, div#sideColumnAddress  {
  display: inline;
  float: left;
  width: 180px;
  margin-top: 1em;
}

div#lpContentContainer div#sideColumnContent ul, div#lpContentContainer div#sideColumnContent ol,
  div#lpContentContainer div#sideColumnAddress ul, div#lpContentContainer div#sideColumnAddress ol {
  list-style: disc;
  padding: 15px;
}

div#lpContentContainer div.columnBottom p {
  float: left;
}

div#lpContentContainer div.columnBottom ul#dividers {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 10px 0;
  padding: 10px 0;
  float: left;
}

div#lpContentContainer ul#dividers h3 {
  margin-bottom: 5px;
}

div#lpContentContainer ul#dividers li {
  clear: left;
  margin: 5px 0px;
}

div#lpContentContainer ul#dividers li img.embedded {
  margin-right: 5px;
}

div#lpContentContainer div.columnBottom a {
  float: left;
  margin-bottom: 5px;
  color: #666666;
  margin-top: 1em;
}

div#lpContentContainer div.columnBottom ul {
  padding: 0px;
}

div#lpContentContainer div.columnBottom li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

div#lpContentContainer div.twitterTop {
  background:transparent url(/media/image/twitter_box_top.gif) no-repeat scroll left bottom;
  height: 45px;
}

div#lpContentContainer ul#twitter_update_list a {
  clear: left;
  width: 100%;
  float: none;
}

/* IE Hacks/alternatives for png filters on background fade and footer
********************************************************/

* html div#bgFade {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/media/image/bg-fade.png", sizingMethod="scale");
}

* html div#footer {
  background-image: none;
  background-color: #EEEED5;
}

/*  Right Column
********************************************************/

#mnCupLogo {
  margin-top: 20px;
}

#lpLoginLink {
  margin-left: 15px;
}

div.columnBottom p, div.columnBottom li, div.columnBottom span, div.columnBottom h1, div.columnBottom h2, div.columnBottom h3, div.columnBottom h4, div.columnBottom h5, div.columnBottom h6, div.columnBottom dd, div.columnBottom dt {
  width: 100%;
}