@charset "utf-8";
  .custombutton {padding:0px;margin:0px;border:none;background:none;cursor:pointer; width:130px; vertical-align:middle}
  .custombutton150 {padding:0px;margin:0px;border:none;background:none;cursor:pointer; width:150px; vertical-align:middle}
  * html .custombutton {cursor:hand;} /* alternate cursor style for ie */
button {padding:0px;margin:0px;border:none;background:none;cursor:pointer; width:130px; }  
.orange { color:orange; }
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a{ 
	color:#0054a6;
}
a:visited {
	color:#3b8bca;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* this will create a container of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* border-bottom: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #ffffff; 
	border-bottom: 1px solid #a8beec;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #searchbar {
	background-color:#ffffff; 
	height:50px;
	padding: 5px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #infobar {
	border-top: 1px solid #a8beec;
	background-color:#dbe4f9; 
	height:25px;
	padding: 5px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #mainContent {
	/*padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	text-align:justify;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
	text-align:justify;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
    /* set the image to use and establish the lower-right position */
    .cssboxBlue, .cssboxBlue_body, .cssboxBlue_head, .cssboxBlue_head h2{
      background: transparent url(../images/imgRoundBlue.png) no-repeat bottom right}
    .cssboxBlue{
    /* intended total box width - padding-right(next) */
      width:390px !important; /* IE Win = width - padding */
      width: 375px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssboxBlue_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssboxBlue_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssboxBlue_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssboxBlue_head right/left */
	  
/* GREEN CIRCLE /*

     /* set the image to use and establish the lower-right position */
    .cssboxGreen, .cssboxGreen_body, .cssboxGreen_head, .cssboxGreen_head h2{
      background: transparent url(../images/imgRoundGreen.png) no-repeat bottom right}
    .cssboxGreen{
    /* intended total box width - padding-right(next) */
      width:390px !important; /* IE Win = width - padding */
      width: 375px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssboxGreen_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssboxGreen_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssboxGreen_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssboxGreen_head right/left */	  

/* ORANCE CIRCLE /*

     /* set the image to use and establish the lower-right position */
    .cssboxOrange, .cssboxOrange_body, .cssboxOrange_head, .cssboxOrange_head h2{
      background: transparent url(../images/imgRoundOrange.png) no-repeat bottom right;
	  color:#FFFFFF;}
    .cssboxOrange{
    /* intended total box width - padding-right(next) */
      width:410px !important; /* IE Win = width - padding */
      width: 395px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}
.Orangebutton {
    border: 1px solid #000;
    background: #f26522;
	color:#FFFFFF;
	}
    /* set the top-right image */
    .cssboxOrange_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssboxOrange_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right*/ 
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */
	  
    .cssboxOrange_head h1{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right*/ 
      padding:25px 40px 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */
    /* set the lower-left corner image */
	
    .cssboxOrange_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssboxOrange_head right/left */	 

/* Transparent Dialogue Box /*

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
 
.dialog {
 position:relative;
 margin:0px auto;
 min-height:0px;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:100000;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
 
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(../images/dialog2-blue.gif);
}
 
.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 12px 0px;
}
 
.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
 
.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}
 
.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}
 
.dialog .b {
 background-position:bottom right;
 text-align:left;
}
 
.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px; 
 background-position:bottom left;
}
 
.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}
 
.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
 
.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}
 
.dialog h1 {
 padding-bottom:0px;
}
/* Transparent Gray Dialogue Box /*

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
 
.dialogGray {
 position:relative;
 margin:0px auto;
 min-height:0px;
 min-width:8em;
 max-width:580px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
 
.dialogGray .content,
.dialogGray .t,
.dialogGray .b,
.dialogGray .b div {
 background:transparent url(../images/dialog---800x1600gray.png) no-repeat top right;
 _background-image:url(../images/dialog2-blue.gif);
}
 
.dialogGray .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 text-align:left;
 vertical-align:middle;
 color:black;
 padding:12px 12px 12px 12px;
}
 
.dialogGray .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
 
.dialogGray .b {
 /* bottom */
 position:relative;
 width:100%;
}
 
.dialogGray .b,
.dialogGray .b div {
 height:25px; /* height of bottom cap/shade */
 font-size:1px;
}
 
.dialogGray .b {
 background-position:bottom right;
 text-align:left;
}
 
.dialogGray .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px; 
 background-position:bottom left;
}
 
.dialogGray .hd,
.dialogGray .bd,
.dialogGray .ft {
 position:relative;
}
 
.dialogGray .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
 
.dialogGray h1,
.dialogGray p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}
 
.dialogGray h1 {
 padding-bottom:0px;
}
/* Transparent Orange Dialogue Box /*

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
 
.dialogOrange {
 position:relative;
 margin:0px auto;
 min-height:0px;
 min-width:8em;
 max-width:580px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
 
.dialogOrange .content,
.dialogOrange .t,
.dialogOrange .b,
.dialogOrange .b div {
 background:transparent url(../images/dialog---800x1600orange.png) no-repeat top right;
 _background-image:url(../images/dialog2-blue.gif);
}
 
.dialogOrange .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 text-align:left;
 vertical-align:middle;
 color:black;
 padding:12px 12px 12px 12px;
}
 
.dialogOrange .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
 
.dialogOrange .b {
 /* bottom */
 position:relative;
 width:100%;
}
 
.dialogOrange .b,
.dialogOrange .b div {
 height:25px; /* height of bottom cap/shade */
 font-size:1px;
}
 
.dialogOrange .b {
 background-position:bottom right;
 text-align:left;
}
 
.dialogOrange .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px; 
 background-position:bottom left;
}
 
.dialogOrange .hd,
.dialogOrange .bd,
.dialogOrange .ft {
 position:relative;
}
 
.dialogOrange .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
 
.dialogOrange h1,
.dialogOrange p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}
 
.dialogOrange h1 {
 padding-bottom:0px;
}
/* Transparent Orange Green Dialogue Box /*

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
 
.dialogOrangeGreen {
 position:relative;
 margin:0px auto;
 min-height:0px;
 min-width:8em;
 max-width:580px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:0px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
 
.dialogOrangeGreen .content,
.dialogOrangeGreen .t,
.dialogOrangeGreen .b,
.dialogOrangeGreen .b div {
 background:transparent url(../images/dialog---800x1600orangeGree.png) no-repeat top right;
 _background-image:url(../images/dialog2-blue.gif);
}
 
.dialogOrangeGreen .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 text-align:left;
 vertical-align:middle;
 color:black;
 padding:12px 12px 12px 6px;
}
 
.dialogOrangeGreen .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
 
.dialogOrangeGreen .b {
 /* bottom */
 position:relative;
 width:100%;
}
 
.dialogOrangeGreen .b,
.dialogOrangeGreen .b div {
 height:25px; /* height of bottom cap/shade */
 font-size:1px;
}
 
.dialogOrangeGreen .b {
 background-position:bottom right;
 text-align:left;
}
 
.dialogOrangeGreen .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px; 
 background-position:bottom left;
}
 
.dialogOrangeGreen .hd,
.dialogOrangeGreen .bd,
.dialogOrangeGreen .ft {
 position:relative;
}
 
.dialogOrangeGreen .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
 
.dialogOrangeGreen h1,
.dialogOrangeGreen p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}
 
.dialogOrangeGreen h1 {
 padding-bottom:0px;
}