/*** 
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/* ------------- GENERIC --------------------*/
* {
  margin: 0;
  padding: 0;
}

html, body {
   min-height: 100%;
   height: 100%;
   width: 100%;
}

body {
   margin: 0;
   padding: 0;
   color: #000;
   background-color: #F0F0F0;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   border: 0px dashed blue;
   text-align:center; /* IE Fix to center the siteContainer */
   word-wrap: break-word;
}

/*** set this due to the inheritance bug. body font is not inherited in the td tags ***/
td, select{
   color: #333333;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/**********************************************************/

img {
   margin: 0;
   padding: 0;
   border: 0px solid red;
   display: block;
}

a img {
   border: 0;
}

p {
   margin: 0 0 1em;
}

ul {
   margin-left: 25px;
}

ol {
   margin-left: 20px;
}

/* ------------- common styles --------------- */
.clear {
   clear: both;
   line-height:0px;
   padding:0px;
   margin:0px;
}

.hrDiv {
   border-top: 1px dashed #ccc;
}

/**********************************************************/
a {
   color:#fff;
   text-decoration: underline;
}

a:hover {
}

/**********************************************************/
h1, h2, h3, h4, h5, h6 {
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   font-weight: bold;
}

h1 {
   font-size: 1.8em;
}

h2 {
   font-size: 1.3em;
   margin-bottom: 0.7em;
}

h3 {
   font-size: 1.3em;
}

.successText,
.errorText
{
   color:#fff;
   font-weight: bold;
}

/**********************************************************/
#siteContainer1 {
   background-image: url(images/background.gif);
   background-position: top center;
   background-repeat: no-repeat;
   height: 780px;
   width:1000px;
   margin:auto;
   text-align:center;
}

#siteContainer2 {
   margin:auto;
   width:910px;
   border:0px solid red;
   text-align:left;
}

/**********************************************************/
#topRow{
   text-align:right;
   padding-top:15px;
   height:25px;
}

/**********************************************************/
#bodyContainer1{
}


/----------------------- THIS FOLLOWING PART IS NO MORE USED BUT KEPT FOR REFERENCE -------------//
/* 
   bodyContainer2, 3 & 4 are used to fix the background growing problem (background technique)
   if this is not used then if the content grows in the right container the left will not be
   grown simultaneously. To fix this we place container over container as stacks and set
   the position of the background image pieces
*/


#bodyContainer2{
   /*
   background-image: url(images/bg_left.jpg);
   background-position: top left;
   background-repeat: repeat-y;
   */
}

#bodyContainer3{
   /*
   background-image: url(images/bg_right.jpg);
   background-position: 186px 0;
   background-repeat: repeat-y;
   */
}

#bodyContainer4{
   /*
   background-image: url(images/left_logo.jpg);
   background-position: bottom left;
   background-repeat: no-repeat;
   */
}

/**********************************************************/
#left
{
   float:left;
   width:180px;
   _height:591px; /* Fix for IE */
   min-height:591px;
   
         background-image: url(images/skin1/corp_logo.jpg);
      background-position: bottom left;
      background-repeat: no-repeat;
         
}

#right
{
   float:left;
   margin-left:5px;
   background-color: #810005;
   width:721px;
}

#rightContainer, .rightContainer
{
   _height:500px; /* Fix for IE */
   min-height:500px;
   padding:0px 9px;
   background-color: #810005;
}
/**********************************************************/