body 
{
   font-family:Arial;
   font-size:12pt;
   font-weight:normal;
   color:#215868;
   height: 100%;
  
   /*margin: 0 10px;*/
   text-align:center; /* for IE */
   margin:0 auto; /* for the rest */ 
  
}

/*
html { height: 100%;}
body { height: 100%;}
#nonFooter { position: relative; min-height: 100%;}
* html #nonFooter { height: 100%;}
#Footer { position: relative; margin-top: -7.5em; }
*/

h1
{
   font-size:18pt;
   font-weight:Bold;
}

h2
{
   font-size:16pt;
   font-weight:Bold;
}

h3
{
   font-size:14pt;
   font-weight:Bold;
}

h4
{
   margin: 0;
   padding:0;
   font-size:10pt;
   font-weight:Bold;
   
}
hr
{
    color: #31849b;
    

}

li
{
 margin: 0.25em 0; 
 
 
}

li.alt
{
 margin: 0.75em 0; 
 list-style-type:circle;
 
 
}

a
{
    color:#31849b;
}


a:visited
{
    color: #31849b;
}

a:hover
{
    color: White;
}

div#container
{
    /*border: 1px solid black;*/
    min-width:1024px;
    max-width:1024px;
    position:relative;
   /* margin: 0;*/
    text-align:center; /* for IE */
    margin:0 auto; /* for the rest */ 
    display:inline-block; /* for IE6 */
    width:1024px;/* for IE6 */
    background-color:#deefe8;/* for IE6 */
}

div#left
{
    position:absolute;
    top: 0;
    bottom:0;
    left:0;
    width:236px;
    /*border-right: 1px solid black;*/
    padding: 15px 5px 2px 5px;
    background-color:#deefe8;
    font-size:10pt;
    text-align:left;
    
}

div#leftOrder
{
    position:absolute;
    top: 0;
    bottom:0;
    left:0;
    width:260px;
    /*border-right: 1px solid black;*/
    padding: 15px 5px 2px 5px;
    background-color:#deefe8;
    font-size:10pt;
    text-align:left;
    
}
div#content
{
    margin-left:237px;
    /*border: 1px solid black;*/
    padding:10px;
    background-color: #deefe8;
    text-align:left;
}

div#contentOrder
{
    margin-left:261px;
    /*border: 1px solid black;*/
    padding:10px;
    background-color: #deefe8;
    text-align:Left;
    font-size:smaller;
    
}

div#contentWide
{
    margin: 0 auto;
    /*border: 1px solid black;*/
    padding: 10px 10px;
    background-color: #deefe8;
    text-align:left;
    width:780px;
}

div#contentWide p
{
    font-size:10pt;
}

div#contentWide p.right
{
    font-size:8pt;
}

div#contentWide li
{
 margin: 0.75em 0;
  font-size:10pt;
}


table.orderSummary
{

 font-size: 8pt;
  text-align:left;
}

tr.orderTotal
{
    font-weight:bold;
}

tr.orderGrandTotal
{
    font-weight:bold;
    font-size: 9pt;
}

.spacer
{
    height:100px;
}

.spacersmall
{
    height:50px;
}
div#menu
{
    position:relative;
    width:1024px;
    height:35px;
    background: url(Images/menu_bar.jpg) repeat-x right top;
    font-size:12pt;
    text-align:center; /* for IE */
    margin:0 auto; /* for the rest */ 
}

div#bottom
{
    position:absolute;
    bottom:0;
    left:0;
   
}

.price
{
    color:Red;
      font-weight:bold;
}
 
 p.orderFootNote
 {
  text-align:right;
  font-size: 10pt;
  font-style:italic;
 } 
 
 p.quote
 {
 font-style:italic;
 font-size: 10pt;
 font-weight:bold;
 } 
 
 img.testimonial
 {
 float:right;
 width:150px;
 height: 150px;
 padding:5px;
 }
/*
.mainPageLeft
{
    background-color: #deefe8;
    width:236px;
    float:left;
    font-size: 10pt;
    color: Black;
    padding: 15px 5px 2px 5px;
    bottom:0;
}

.mainPageCenter
{
    background-color: #deefe8;
    width:774px;
    float:left;
    padding: 15px 2px 0px 2px;
    bottom:0;
}
*/

.pageTop
{
    display:block;
    clear:both;
    position:relative;
    background: url(Images/menu_bar.jpg) repeat-x right top;
    width:1024px;
    height: 10px;
    text-align:center; /* for IE */
    margin:0 auto; /* for the rest */ 

}
.pageFooter
{
    clear:both;
    color:Black;
    font-size:9pt;
    position:relative;
    background: url(Images/menu_bar.jpg) repeat-x right top;
    width:1024px;
    height: 50px;
    bottom:0;
    left:0;
    text-align:center; /* for IE */
    margin:0 auto; /* for the rest */ 
}

.pageFooter a
{
    color:White;
}


.pageFooter a:visited
{
    color: #deefe8;
}

.pageFooter a:hover
{
    color: #deefe8;
}


/********************************************************************************************************
http://www.arkesystems.com/blog/post/2008/01/Creating-a-Horizontal-Tabbed-Menu-with-the-Menu-Control.aspx
*********************************************************************************************************/

.MenuHorizontalTabsMenuItem * div
{
float:left;
    background:url(Images/left_tab.png) no-repeat left top; 
    padding-left: 10px; 
    cursor: pointer;
    
}
.MenuHorizontalTabsMenuItem * span
{
    float:left;
    background:url(Images/right_tab.png) no-repeat right top; 
    padding-right: 10px; 
    color: #31849b; 
}
.MenuHorizontalTabsSelectedMenuItem * div
{
    background:url(Images/left_tab_sel.png) no-repeat left top; 
}
.MenuHorizontalTabsSelectedMenuItem * span
{
    background:url(Images/right_tab_sel.png) no-repeat right top; 
    color: Black;
}
.MenuHorizontalTabsHoverMenuItem * div
{
    background:url(Images/left_tab_sel.png) no-repeat left top; 
    text-decoration: none;
}
.MenuHorizontalTabsHoverMenuItem * span
{
    background:url(Images/right_tab_sel.png) no-repeat right top;
    text-decoration: none;
    color: Black;
}

/******************** Left Side Box ************************/

div#left .coreboxbody
{
    background-image:url(images/left_box_content.png);
    width:206px;
    padding-left:10px;
    padding-right:10px;
    float:left;
 
}
div#left .coreboxtop
{
   float:left;
   background-image:url(images/left_box_top.png);
   background-position:bottom;
   background-repeat:no-repeat; 
   height:10px;
   width:226px;

}
div#left .coreboxbottom
{
   float:left;
   background-image:url(images/left_box_bottom.png);
      background-position:top;
   background-repeat:no-repeat; 
   height:10px;
   width:226px;

}