/* 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: #ebeffa;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* wrapper set for max width of 760; for IE, use the width expression what basically tests if the page is winder than 760 px; if so, set width to 760; otherwise, let it auto size */

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

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



.rtrule {
	border-right: 1px solid #4d72c6;
	border-collapse: collapse;
}

.toprule {
	border-top: 1px solid #4d72c6;
	border-collapse: collapse;
}


p {margin-left: 15px; margin-right: 15px; font-size: 12px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

fieldNameCSS, fieldValueCSS { padding: 5px; font-size: 12px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.tbl {margin-left: 1px; margin-right: 1px; font-size: 12px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.tabl td {margin-left: 1px; margin-right: 1px; 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}

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

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

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

.txtpad {margin-left: 10px; margin-right: 12px; 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: #2C69B6; border-style: double; border-width: 3px; 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: #B9CAF5}

.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}

.quotxt {position: relative; top: -150px; right: -10px; z-index: 1; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-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;
}

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

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

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

h4 {margin-left: 15px; margin-right: 15px; 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(images/willo-feature.jpg) no-repeat top left; width: 210px; padding: 40 10 10 10; border: 1px solid #c6b05d; border-collapse: collapse; text-align: left;}

div.bg2 {background: white url(images/highlights.jpg) no-repeat top left; width: 210px; padding: 60px 10 10 10; border: 1px solid #c6b05d; border-collapse: collapse; text-align: left;}

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

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

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

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

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

a.sml:visited {color:#4d72c6; 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: 15px; margin-right: 10px; line-height: 17px; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


.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 #069;	
	border-bottom: 1px dotted #069;
	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: 15px; margin-right: 15px; 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: left;
   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%;
}


/* put following in div id="centercontent" */

#centercontent  {
	margin-top: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
    background-color: #95bb93;
}

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

.wr_fieldset {
width: 490px; 
margin: 5px;
padding: 2px; }

.wr_fieldset fieldset {
border: solid 2px #005aa0;}

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

.wr_fieldset_pad {
margin: 10px 0px;
padding: 2px; }
.wr_required {
color: #af0000; }

.tblsml {padding-top: 2px; padding-bottom: 2px; font-size: 10px;line-height: 16px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

table.special td {padding: 1px; font-size: 12px;line-height: 15px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

table.frm td {
	padding: 4px; 
	font-size: 12px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	border: 1px solid #444444;
	border-collapse: collapse;}
	
	.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}