/* 


eadd mobydiv footer
tree

*/

/* Set the default stuff - font, alignment*/
body{
  padding-bottom: 0;
  text-align: center;  
  font-family: sans, sans-serif;
  font-size: 16.5px;
  font-weight: bold;
  background: #008CDC url("../images/ie_body_bg.png") repeat; 
  background-attachment: fixed;
  margin: 0;
  overflow: auto;
}
 
/* the centered column wrapper */ 
#column{  
  width: 750px;
  height: 100%;
  background: #DDB581 url("../images/ds.png") top right repeat-y; /* drop shadow */
  border-left: 1px solid #777;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px 5em 0; /* 5px padding on the right for the drop shadow */
  text-align: center;
  
}

/* top bar image - the cart picture background*/
#topbar{
  display: block;
  height: 230px;
  width: inherit;
  background: transparent url("../images/tb-day.png") no-repeat;
}

/* navigation bar - links */
#nav{
  margin: -1.4em auto 0 auto;
  padding: 0;
  width: 700px;
  text-align: right; 
  background: url("../images/nav_bg.png") bottom left repeat-x;	
  height: 30px;  
}

#nav a{
  position: relative;
  top: 1em;
  margin-right: 3.5em;
  padding: 5px;
  border: 1px solid #008bdb;  
  background: #fff;  
  color: #00BEFE;
  text-decoration: none;
  height: 30px;
  width: 4em;
  font-weight: bold;
}

#nav a:hover{
  background: #dff;
}

#nav a span{
  width: 100px;
}  

/* main content section - blue "menu" */
#text{ 
   background: #70DAFE top left repeat;
   color: #fff;
   border-color: #fff;
   width: 700px;   
   margin: auto; 
   line-height: 1.8em;   
}


#text #pad{
  padding-right: 5px;
  background: url("../images/ds_text.png") top right repeat-y;
}

#text #pad .textbox{
  padding: 0; 
  background: #00BEFE url("../images/ie_fill.png");  
  margin: 0.5em 0 0 0;  
  width: 600px;
}

/* 
--
--
-- outer corner rules - use id attribute of divs 
--
-- 
*/
#text #tl {
  background: url("../images/tlo.png") top left no-repeat;    
}
#text #tr {
  background: url("../images/tro.png") top right no-repeat;   
}
#text #br {
  background: url("../images/bro.png") bottom right no-repeat;    
}
#text #bl {
  background: url("../images/blo.png") bottom left no-repeat;
  padding: 3em;    
}

/* inner corners used classes to allow the possibility of 
   text in multiple sections */


#text .tli{
  background: #00BEFE  url("../images/tl.png") top left no-repeat;
}

#text .tri{
  background: url("../images/tr.png") top right no-repeat;
}

#text .bri{
  background: url("../images/br.png") bottom right no-repeat;
}

#text .bli{
  display: block;
  background: url("../images/bl.png") bottom left no-repeat;
  padding: 1em 0 1em 0;
  
  
}




/* h1 rules */
h1 {
  border-bottom: 1px dashed;
  line-height: 1.35em;
  text-align: left;
  margin: 0 1em 0 1em;  
}


/*h4 rules */
h4{
  margin: 0.1em 2em 0 0; 
  text-align: right;  
}

/* paragraph rules */
p{  
  text-align: left;
  margin: auto auto auto auto; 
  text-align: justify;
  width: 500px;
  padding: 1em;
}

p:first-letter{
  margin-left: 2em;  
}

/* a link when placed in a paragraph */

p a{
  color: #fff;
}

p a:visited{
  color: #fff;
}

p a:hover{
  color: #CCC;
}


/* strong rules - used for homepage empahsis on certain elements*/

strong{
  font-size: 1.05em;
  font-weight: 900;
  line-height: 0.9em;  
}



/* table rules for menu page */

table{  
  width: 500px;
  margin: auto;  
  border-collapse: collapse;
  border: 0;
  font-weight: 600;
  font-size: 1.1em;
}


tr{
  padding: 0;
  margin: 0; 
}

th{
    background: url("../images/border-bottom.png") bottom left repeat-x;
   width: 500px;
   text-align: center;
   margin:0 0 0 0.3em;
   padding: 0.5em 0 0.5em 0;
   font-weight: 600;
   border: 1px dashed white;
}

td{
  text-align: left;
  margin: 0;
  padding: 0.25em;   
}

/* fix the break on the light rows, not ie6 compat */
td + td{
  margin-left: -10px;
  text-align: center;
  padding: 0.5em;
  
}

tr:hover > td{
  color: #00BEFE;
  background: #fff;
}

tr:hover > * + td{
  color: #00BEFE;
  background: #fff;
}