/* body   { color: #000; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(images/WR-swoosh-2.jpg) no-repeat center top; margin: 0; padding: 0 } */

body, html {
	background-color: #96D4C6;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* wrapper set for max width of 800; for IE, use the width expression what basically tests if the page is winder than 800 px; if so, set width to 800; otherwise, let it auto size */

#wrapper {
	position: relative;
	text-align: left;
	max-width: 800px;
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
	background-color: #ffffff;	
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
	border-left: 1px solid #7aa7d2;
	border-right: 1px solid #7aa7d2;
	border-bottom: 1px solid #7aa7d2;
}

#scrollbox {
width:400px;
height:300px;
overflow: auto
}

#mainCol {background: #fff url(images-mwf/white-rose.gif) no-repeat center top; margin: 0; padding: 20px; }


/* css rollover image effect - moves the image up and down within a mask or display box. Adjust for image name and size, as well as whether or not you want overlaid text

#navlist { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    list-style:none; 
} 
#navlist a { 
    display:block; 
    width:125px; 
    color:#fff; 
    text-decoration:none; 
    background:url("images-an/download.gif") no-repeat; 
    padding:7px 10px 6px 10px; 
} 
#navlist a:hover { 
    background-position:0 -25px; 
} 

 */
 
#continfo {padding: 20px 10px 10px 10px;}

p {padding: 0px 10px 0px 10px; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.ovrstrk {text-decoration:line-through; line-height: 16px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.minmargin {margin-left: 1px; margin-right: 1px;}

.smlltxt {padding-left: 20px; padding-right: 20px; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.txtpad {padding-left: 20px; padding-right: 20px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad50 {margin-left: 50px; margin-right: 12px; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad100 {margin-left: 100px; margin-right: 12px; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pad80dbl {margin-left: 80px; margin-right: 80px; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.frmtxt {font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.quotboxb {border-color: #2E6B5D; border-style: dotted; border-width: 1px; margin-top: 20px; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EBFAF6}

.quotbox { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; margin-right: 15px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #ff8822; font-size: 12px; font-weight:bold; font-family: Georgia,'Times New Roman',Times, serif}

.quotex {

	border-top: 2px solid #ba1e11; 
	border-bottom: 2px solid #ba1e11;
	margin: 15px 30px 15px 30px; 
	padding: 10px 10px 10px 10px; 
	background-color: #ffffff; 
	font-size: 14px; 
	font-weight:bold; 
	font-style: italic; 
	font-family: Georgia,'Times New Roman',Times, serif;
}

.quotxt {

	float: right;
	width: 325px;
	border-top: 2px solid #ba1e11; 
	border-bottom: 2px solid #ba1e11;
	margin: 15px 10px 15px 10px; 
	padding: 10px 10px 10px 10px; 
	font-size: 12px;
	font-style: italic;
}

h1 {margin-left: 10px; margin-right: 10px; font-size: 14px; line-height: 19px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

h2 {margin-left: 10px; margin-right: 10px; font-size: 13px; line-height: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

h3 {margin-left: 10px; margin-right: 10px; font-size: 12px; line-height: 17px;font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

h4 {margin-left: 10px; margin-right: 10px; font-size: 11px; line-height: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptcol {text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.pthdr1 {text-align: center; font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.wht {color: #ffffff;}

/*td.bg1 {background: white url(images-tl/cleanroom-bkgrnd.jpg) no-repeat top left; padding-top: 20px }*/

/* div.bg1 {background: white url(../lem-images/product-page-header.gif) no-repeat top left; width: 236px; padding: 48 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

a:link {color:#2E6B5D; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a:hover {color:#333333; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a:visited {color:#339982; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:link {color:#003399; font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:hover{color:#333333;  font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

a.sml:visited {color:#339982; font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

/* a.wht:link {color:#ffffff;}

a.wht:hover {color:#f2f2f2;} */

.whtlnk {
color:#ffffff;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
} 

a.whtlnk:link  {
color:#ffffff;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.whtlnk:hover {
color:#ffff66;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.whtlnk:visited {
color:#f1f1f1;
font-size: 11px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

.news {
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.news {
color:#000066;
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.news:hover {
color:#ffff66;
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

a.news:visited {
color:#333399;
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
}

ul, li, ol {margin-left: 20px; margin-right: 15px; padding-bottom: 5px; line-height: 17px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

ol.alpha {list-style-type: lower-alpha;}

.tblborder {
	border: 1px solid #338BA6;
	border-collapse: collapse;
}

/* hr {border: none; background-color: #006699; color: #006699; height: 1px; width: 93%;} */

hr {
	border: none 0;
	border-top: 1px dotted #7aa7d2;	
	border-bottom: 1px dotted #7aa7d2;
	width: 90%;
	height: 1px;
	margin: 10px 30 0 20;
	text-align: center;
}

.shablue {margin: 5px 5 5 5; padding: 5px 5 5 5; background-color: #dce3f5;}

.shagold {margin: 5px 5 5 5; padding: 5px 5 5 5; background-color: #f7f0ae;}

.quotRIP {border: 5px solid black; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #eeeeee; font-weight: bold; }

.pbox {border: 1px solid #a1a5a9; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}

div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }



div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
div.spacer {
  clear: both;
  }

.rollover a { display:block; width:140px;}  
.rollover a:hover { display:block; width:140px; background-color: #000066}

/* For image captions; border line not necessary, only the float and width; done as
<div class="figure">
  <p><img src="image.jpg" width="136"
    height="200" alt="My Image">
  <p>This is my image caption
</div>
 */

div.figure {
  float: right;
  width: 50%
  margin: 15px;
  padding: 15px;
}
div.figure p {
  text-align: center;
  line-height: 10px;
  font-size: 9px;
}
img.scaled {
  width: 100%;
}


/* for automatic back2top.js script--styles the link */

.bak2top {
	font-family: Arial;
	font-size: 10px;
	color: #004477;
	background-color: #ffffff;
	border: 1px dotted;
	border-color: #004477;
	padding: 2px;
}

/* for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cc0000;}

/* adds nice border and title box around a section */

.wr_fieldset {
width: 420px; 
margin: 12px 0 12px 0;
padding: 0; }

.wr_fieldset fieldset {
border: dotted 1px #004477; }

.wr_fieldset legend {
color: #333333;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

.tblborder {
	border-left: 1px dotted #722100;
	border-collapse: collapse;
}