BODY{
  background: #EEE;/*background color of whole page is light grey */
  color: #000000; /* text color for whole page is black */
  text-align: center; /* whole page is centered on screen or window */  
}

*{
  margin: 0;
  padding: 0;
}

A{
   color: black;
}

A:hover{
  color: #A90C1A;
}

A.red_link_with_gray_bullet {
   font-size: 8pt;
   color: #A90C1A;
   text-decoration: underline;
   padding-left: 10px;
   background: url('../images/20070508_gray_bullet.gif') 0 0 no-repeat;
   background-position: 2px 4px;
}

P{
  line-height: 1.5;
  text-align: left;
}

.moduleRowOver { 
  width: 100%;
  background-color: #DDDDDD; 
  cursor: pointer; 
  display: inline-block !important;
  display: inline;
}

.moduleRowSelected { 
  width: 100%;
  background-color: #FFFFFF;
  display: inline-block !important;
  display: inline;
}

DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.smallText {
  font-size: 10px;
}

.smallText A:hover{
  font-size: 10px;
}

SPAN.redText{
  color: #A90C1A;
}

INPUT, SELECT, IMG{
  font-size: 8pt;
  vertical-align: middle;
}

.inputRequirement { font-size: 10px; color: #A90C1A; }

#container{ 
  width: 998px !important;
  width: 1000px; /* page width fixed at 1000 pixels */
  margin: 0 auto; /* auto centers page in window */
  background-color: #ffffff; /* white */
  border-left: 1px solid black; /* 1 pixel border on left side of page */
  border-right: 1px solid black; /* 1 pixel border on right side of page */
  font-family: Verdana, Arial, Helvetica, Sansserif; /* keep same font for whole page */
  font-size: 8pt;
}

#main_body{
  height: 100%;
  margin-top: 4px !important;
  margin-top: -4px;
  padding: 0 !important;
  border: 0;
}

/* main content style*/
#content{  
  margin: 0 0 0 5px !important;
  padding: 0;
  width: 572px;
  text-align: center;
  float: left;
}

#main_content{
  width: 100%;
  font-size: 9pt;
  text-align: left;
  margin-left: -1px !important;
  margin: 0;
}

#banner{
  width: 570px !important;
  margin: 0 0 9px 0 !important;
  margin: 0 0 8px 0;
}

#banner IMG{
  width: 570px;
}

#text{
  text-align: left;  
  font-size: 9pt;
}

#text P{
  padding: 1em 0;
  line-height: 1.5;
}

#text H1{
  padding: .5em 0 !important;
  padding: .2em 0;
  line-height: 1.5;
}

#title{
  text-align: left;
  color: #A90C1A;
  font: bold 11pt Verdana, Arial, Helvetica, Sansserif;
  padding-bottom: 1em;
}

DIV.error{
  font: bold 10px Verdana, Arial, Helvetica, Sansserif;
  line-height: 2;
}

.page_title {
   font-weight: 600;
   font-size: 11pt;
   color: #A90C1A;
   padding-bottom: 10px;
}

DIV.emp_desc{
  padding-left: 0.5em;
  font-size: 10pt;
  margin-top: 5px;
}

DIV.emp_desc UL{
  padding-left: 2em;
  list-style-type: square;
}

/* end main content style */

/*left column style*/
#col_left{
  float: left; /* keep elements to the right of this attribute */
  width: 198px !important; 
  width: 200px;
  margin: 0 3px 0 4px !important; /* 5px left margin for non-IE browseres */
  margin: 0 3px 0 2px; /* 3px left margin */
  padding: 0; /* 0 pixel padding */
  text-align: left; /* align all text to left side padding */
  border: 1px solid #808080;
}
/*end left column style*/



/*right column style*/
#col_right{
  float: left; /* keep elements to the left of this attribute */
  width: 204px !important;
  width: 203px;
  text-align: center;
  margin: 0 0.3em !important; /* 3px left and right margin for right column all browsers */
  margin: 0 1px 0 1px;
  padding-left: 3px !important;
  padding-left: 7px;
}

#promo_box1{
  text-align: center;
  margin-bottom: 0.9em !important;
  margin-bottom: 1em;
  border: 1px solid #808080;
  padding: 6px;
  width: auto !important;
  width: 202px;
}

#promo_box2{
  text-align: center;
  margin-bottom: 0.9em !important;
  margin-bottom: 1em;
  border: 1px solid #808080;
  padding: 6px;
  width: auto !important;
  width: 202px;
}

DIV.promo_price{
  text-align: center;
}

.promo_price A{
  color: #A90C1A;
  text-decoration: none;
  font: bold 10pt Verdana, Arial, Helvetica, Sans-serif;
}

.promo_price A:hover{
  text-decoration: underline;
  font: bold 10pt Verdana, Arial, Helvetica, Sans-serif;
}

DIV.promo_text{
  color: #000000;
  text-align: justify;  
  padding: 5px 0;
}

.promo_text A{
  text-decoration: none;
  font-size: 10px;
}

.promo_text A:hover{
  text-decoration: underline;
  color: #000000;
  font-size: 10px;
}

DIV.promo_img{
  padding-top: 5px;
}

#images_right{
  text-align: left;
  padding: 0;
}

#images_right IMG{
  width: 204px !important;
  width: 202px;
  margin-bottom: 0.9em !important;
  margin-bottom: 1em;
}
/*end right column style*/

#footer{
  clear: both; /* keeps all elements above the footer */
  height: 10%;
  font-size: 8pt;
  width: 100%;
  line-height: 1.5;
  padding-top: 10px !important;
  padding: 0;
  margin-top: 10px !important;
  margin-top: 20px;
}

#footer A{
  color: #333333;
}

#footer A:hover{
  color: #A90C1A;
}

.messageBox { 
  font-size: 10pt; 
}

.messageStackError, .messageStackWarning { 
  font: bold 10pt Verdana, Arial, Helvetica, sans-serif; 
}

.messageStackSuccess { 
  font-size: 10pt;
}