/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #393e3a;
  background-image:  url("images/0");
  color: #2d2e2e;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  color: #fff5cc;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
   
}
h2 {
  color: #666600;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
h3 {
  color: #fff5cc;
}
h4 {
  color: #fff5cc;
}
h5 {
  color: #fff5cc;
}
h6 {
  color: #fff5cc;
}
a,  a:link {
  color: #ad4100;
  font-weight: bold;
  text-decoration: underline;
}
/*
a:visited {
  color: #5a6f43;
  font-weight: bold;
  text-decoration: none;
}
*/
a:hover {
  color: #c92c17;
  text-decoration: underline;
}
a:focus {
  color: #c92c17;
}
/*
a:active {
  color: #4b3200;
}*/

#outerWrapper {
  border: dotted 1px #ffffff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 759px;
}
#outerWrapper #header {
  background-color: #ffffff;
  background-image:  url( "images/logo.gif");
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 15px;
  padding: 20px 0px 0px 20px;
}
#outerWrapper #topNavigation {
  background-color: #eef6ed;
  background-image:  url("images/topnav_background.jpg");
  background-repeat: repeat-x;
  height: 41px;
  padding: 3px 0px 0px 0px;
  align: center;
}
#outerWrapper #contentWrapper {
  background-image:  url("images/contentWrapper_bg.jpg");
  background-repeat: repeat-y;
}
#outerWrapper #contentWrapper #leftColumn1 {
  background-color: #a5c77b;
  background-image:  url("images/subsidenav_top.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  color: #393e3a;
  float: left;
  padding: 40px 30px 0px 20px;
  width: 134px;
  text-align: justify;
}
#outerWrapper #contentWrapper #content {
  color: #f1f0ee;
  margin: 0 0 0 185px;
  padding: 10px 20px 0px 20px;
  text-align: justify;
}
 
#content img,#contentalt img {
 
/*float:left; */
margin:5px 15px 6px;
padding:5px;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
  background-color: #fff5cc;
  color: #666666;
  font-weight: bold;
  padding: 10px 20px 10px 0px;
  text-align: center;
}
#footer img {
  align: center;
}

.ftrSm
{
font-size:8px;
font-family: Arial, Verdana, Helvetica;
}
.ftrTxtPL
{
font-size:11px;
font-family: Arial, Verdana, Helvetica;
}
.ftrMdPL
{
font-size:12px;
font-family: Arial, Verdana, Helvetica;
}
.ftrBlue
{
font-size:11px;
font-family: Arial, Verdana, Helvetica;
color:#0033CC;
}
a.ftrBlue:link
{
color:#0033CC;
}
a.ftrBlue:visited
{
color:#0033CC;
}

.titleBlue
{
font-size: 12px;
font-family: Arial, Verdana, Helvetica;
color:#FF6600;
font-weight: bold;
text-align: left;
}
 /*rounded corners using image */
.section {position: relative;} 
.corner { position: absolute;}
#topleft { top: 0px; left :0px;
            overflow: hidden;
			clip: rect(0px, 16px,16px,0px);}
#topright { top: 0px; right: 0px;
            overflow : hidden;
			clip: rect(0px, 32px,16px,16px);}
#bottomleft { bottom: 0px; left: 0px;
            overflow : hidden;
			clip: rect(16px, 16px,32px,0px);}
#bottomright { bottom: 0px; right: 0px;
            overflow : hidden;
			clip: rect(16px, 32px,32px,16px);}			   
			
/*transparent images */

.rounded:before {
  background: transparent url(top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}
.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url(bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}
/*png */

.contentplace { background-color:rgb(192,255,0);color:#000000; width: 130px; height: 20px;}
.contentplace p { margin: 0 10px 0 10px; }
.topplace{ background: url(nZbgQQ6KC-1.png) no-repeat top right; }
.bottomplace { background: url(yWbpdVcQZ-2.png) no-repeat top right; }
img.placeborder { width: 20px; height: 20px;border: none;display: block; } 

			
 /*rounded corners without image*/
 
/* <div class="container">
<b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
CONTENTS GOES HERE
<b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
</div> */
 
/*.container {background:#ccc; color:#fff; margin:0 15px;}*/
.container {background-color:rgb(192,255,0); color:#0000; margin: 5 0 15px; width: 130px;  text-align: center;}
.rtop, .rbottom{
display:block;
background:#a5c77b;
}
.rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#C0FF00;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

[if IE 5]>
 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 134px;
}
 
<![endif]
[if IE]>
 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
 
<![endif].rtop * { display: block;
height: 1px;
overflow: hidden;
background:#C0FF00;
 } .rtop *  { display: block;
height: 1px;
overflow: hidden;
background:#C0FF00;
 }