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

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

body {
   margin: 0; 
   padding: 0;
   background: #ffffff; 
   color: #333333;
   font: 12px Arial, sans-serif;
   border: 0px dashed blue;
}

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

a {
   text-decoration: underline;
   color: #CE0031;
}

a:hover {
   color: #444;
}

a img {
   border: 0;
}

p {
   margin: 0 0 1em;
}

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

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

h1 {
   font-size: 1.8em;
}

h2 {
   font-size: 1.5em;
   font-style: italic;
}

h3 {
   font-size: 1.3em;
}

table.contentInt {
   border: 4px double #777;
   margin-bottom: 5px;
}

table.contentInt td {
   padding: 7px;
}
/* ------------- common styles --------------- */
.clear {
   clear: both;
}

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

/* ------------- masthead styles ---------------- */

#siteContainer, #siteContainerHome {
   text-align: left;
   max-height: 100%; /* For Modern Browsers */
   height: 100%; /* For IE */
   border: 0px solid blue;
   background: url(images/line_dot.gif) 220px 0px repeat-y;
}

#siteContainerHome {
   background: none;
}


#contentFull {
   height: 96%;
   border: 0px solid yellow;
}

#masthead {
   background: #000;
   border: 0px solid cyan;
   
}

#brandingPanel {
   border: 0px solid blue;
}

/*
  we could have used float: left instead of display: inline; (header & language) (which must be the perfect solution).
  we use inline to overcome the ie 6 bug which messes up the header / footer completely
*/
#brandingPanel div.header {
   float: left;
   border: 0px solid blue;
}

#languagePanel {
   float: left;
   vertical-align: top;
   border: 0px solid red;
   color: white;
   margin: 5px 20px;
}

#languagePanel div {
   float: left;
   padding: 2px 8px 2px 8px;
   border-right: 2px solid #CE0031;
}

#languagePanel div.last {
   border-right: 0;
}

#brandingPanel2 {
   background: #fff;
}

#brandingPanel2 div {
   text-align: right;
   width: 800px;
}

#brandingPanel2 div.login {
   text-align: left;
   font-weight: bold;
   margin-top: -1.3em;
   padding: 0 0 0.9em 0.5em;
   border: 0px solid blue;
}
#brandingPanel2 div.login a.memberLogin {
   border: 1px solid #aaa;
   padding: 0.2em 0.5em;
   text-decoration: none;
}

#brandingPanel2 div.date {
   margin-top: -0.7em;
   padding-bottom: 0.9em;
   border: 0px solid #000000;
   background: url(images/line_dot.gif) bottom left repeat-x;
}


      #roomPanel {
         background: #CE0031;
         clear: both;
         border: 0px solid green;
      }
   

#rooms {
   margin: 0; 
   padding: 0.9em 1.5em 0.9em 0.8em;
   font-size: 0.9em;
   font-weight: bold;
   vertical-align: middle;
   letter-spacing: 1px;
   border: 0px solid green;
}

#rooms div {
   display: inline;
   padding-right: 0.7em;
   padding-left: 0.7em;
   border-right: 1px solid #fff;
   font-weight: bold;
   
}

#rooms div.last {
   border-right: 0;
}

#rooms a {
   color: #eeffee;
   text-decoration: none;
}

#rooms a:hover {
   color: #111;
   text-decoration: none;
}

#rooms a.selected {
   font-size: 1em;
   color: #111;
}



/* ------------- body container ----------------- */
#bodyContainer {
   padding: 0 0 25px 0;
   border: 0px solid red;
   width: 800px; 
}

/* ------------- left side ----------------- */
#left {
   float: left;
   margin: 0; 
   padding: 0 10px;
   vertical-align: middle;
   border: 0px solid blue;
   width: 200px;
}

#categories {
   font-weight: bold;
   letter-spacing: 1px;
   font-size: 1.2em;
   margin-top: 0.5em;
   margin-left: 0;
   border: 0px solid green;
}

#categories div {
   font-weight: bold;
   letter-spacing: 1px;
   padding: 0.3em 0.2em;
}

#categories div.selected a {
   color: #000;
   text-decoration: none;
}

/* ------------- left side home page ----------------- */
#leftHome {
   float: left;
   margin: 0; 
   padding: 0 10px 10px;
   border: 0px solid blue;
   width: 250px; /* plus padding 20px = 270px*/
}

/* ------------- sub categories ----------------- */
#categories #subCategories {
   border: 0px solid green;
}

#categories #subCategories div {
   padding-left: 1em;
   background: url(images/left_side_dot_red.gif) 2px 8px no-repeat;
   border: 0px solid green;
}

#categories #subCategories div.selected {
   background: url(images/left_side_dot_black.gif) 2px 8px no-repeat;
}

#categories #subCategories div.selected a {
   color: #000;
   text-decoration: none;
}


/* ------------- main column styles */
#content, #contentHome {
   float: left;
   padding: 10px 0 0 15px;
   text-align: justify;
   border: 0px solid green;
   background: #fff;
}
#contentHome { /* used in the home page */
   width: 513px;
   padding-left: 10px;
}

#content {
   width: 555px;
}

#content {
   background: url(images/line_dot.gif) 0 0px repeat-y;
}

#content p, #content2 p {
}

/*------------- popup forms -------------------------*/
#popupBranding div {
   text-align: right;
   padding-right: 10px;
}

#popupBranding div.date {
   margin-top: 0.5em;
   padding-bottom: 0.9em;
   border: 0px solid #000000;
   background: url(images/line_dot.gif) bottom left repeat-x;
}


/*------------- footer -------------------------*/
#footer {
   height: 4%;
   width: 100%;
   clear: both;
   color: #fff;
   border: 0px solid blue;
   display: table;
   background: #CE0031; 
}

#footer div {
   padding: 0.4em 0 0.4em 0.5em;
   font-size: 10px;
   letter-spacing: 1px;
   
   display: table-cell; 
   vertical-align: middle;
   border: 0px solid green;
}

#footer a {
   color: #fff;
   text-decoration: none;
}


/*------------- quotes -------------------------*/
#quotesContainer {
    background-color: #eee;
    border: 3px solid #999;
    height: 120px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    z-index: 1;
}

#quotesContainer .quote {
    border: 0px solid red;
    height: auto; 
    margin: 0 5px 5px 0;
    overflow: visible; 
    position: absolute;
    font-weight: bold;
    font-style: italic;
    
}