/* Do we want to split this file up. Say one file for columns, header, footer, one for boxes and one for HTML? */


.ToolTip
{
 border-bottom: 1px dotted #000;
 color: red;
 cursor: help;
}

acronym
{
 border-bottom: 1px dashed black;
 cursor: help;
}

acronym:hover:after
{
 content: " (" attr(title) ") ";
}

abbr
{
 border-bottom: 1px dashed black;
 cursor: help;
}

/* appears on screen, but not on hardcopy */
.noprint
{
}

@media print
{
 .noprint
 {
 display: none;
 }
}

blockquote
{
 background: #ffffcc;
 border-left: 15px solid #eeff00;
 color: gray;
 margin: 15px 30px 0 10px;
 padding-left: 20px;
}

blockquote
{
 background-color: #f7fcdc;
 background-image: url("http://leonixsolutions.com//images/quote.jpg");
 background-position: top right;
 background-repeat: no-repeat;
 border-bottom: 1px solid #b7d83b;
 border-left: 10px solid #b7d83b;
 border-right: 1px solid #b7d83b;
 border-top: 1px solid #b7d83b;
 font-style: italic;
 margin: 0px 10px 0px 10px;
 padding: 5px 100px 5px 10px;
}

blockquote:first-letter
{
 color: red;
 float: left;
 font-size: 300%;
}

.pullquote
{
 background: url();
 background: url("./images/closequote.gif") no-repeat bottom right !important;
 float: right;
 font-size: 125%;
 line-height: 140%;
 margin: 10px;
 padding: 0px 25px 5px 0px;
 width: 20%;
}

.pullquote:first-letter
{
 background: url();
 background: url("./images/openquote.gif") no-repeat left top !important;
 padding: 0px;
 padding: 5px 2px 10px 35px!important;
}

body
{
 background-color: white;
 margin: 0;
 min-width: 240px;       /* LC fullwidth + CC padding */
 padding-left: 200px;    /* LC fullwidth */
 padding-right: 190px;   /* RC fullwidth + CC padding */
}



/* The page sections */
.header, .menu_bar, .footer
{
 margin-left: -200px;
 margin-right: -190px;   /* RC fullwidth + CC padding */
}

p.no_opacity
{
  opacity:1;
}

.water_treatment_background
{
  background-image:url('http://leonixsolutions.com/images/waste_water_treatment.jpg'); 
  /* background-repeat:no-repeat; */
  background-size: 100%;
  opacity:0.1;
  filter:alpha(opacity=10); /* For IE8 and earlier */
}


.header
{
  top:0; 
  left:0; 
  height: 90px;
  width:100%;
}

.menu_bar
{
 background-image: url("http://leonixsolutions.com/images/menu_background.jpg");
 background-repeat: repeat-x;
 font-size: large;
 padding-left: 160px;
 padding-top: 5px;
 text-align: center;
}

.footer
{
 background-image: url("http://leonixsolutions.com/images/menu_background.jpg");
 background-repeat: repeat-x;
 font-size: large;
 clear: both;
 text-align: center;
 padding: 0.3em 0;
}


.left_column, .center_column, .right_column
{
 float: left;
 position: relative;
 padding-top: 1em;
 text-align: justify;
}


.left_column
{
 margin-left: -100%;
 padding: 0 10px;
 right: 240px;           /* LC fullwidth + CC padding */
 width: 180px;
}

.center_column
{
 padding: 0 20px;
 width: 100%;
}

.right_column
{
 margin-right: -100%;
 padding: 0 10px;
 width: 130px;
}

/*** IE Fix ***/
* html .left
{
 left: 150px;            /* RC fullwidth */
}




/* The drop shadow box */
.content
{
 bottom: 4px;
 position: relative;
 right: 4px;
 background-color: #f1f8ff;
 border: 1px solid black;
 color: black;
 padding: 0.5em;
}

.shadow
{
 background-color: #cccccc;
 bottom: 4px;
 position: relative;
 right: 4px;
}


.container
{
 margin-left: 10px;
 width: 180px;
}