@charset "UTF-8";
/* CSS Document */

body  { 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: left; 	font-size: 11px%;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; line-height: 1; }

red{display:block}
.red *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E6E6E6}
.red1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  background:#ececec}
.red2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#eaeaea}
.red3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eaeaea;
  border-right:1px solid #eaeaea;}
.red4{
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4}
.red5{
  border-left:1px solid #ececec;
  border-right:1px solid #ececec}
.redfg{ background:#E6E6E6; padding: 10px; }
  
  .green{display:block}
.green *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#79B24B}
.green1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c5ddb1;
  border-right:1px solid #c5ddb1;
  background:#9ac578}
.green2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f1f7ed;
  border-right:1px solid #f1f7ed;
  background:#92c06d}
.green3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #92c06d;
  border-right:1px solid #92c06d;}
.green4{
  border-left:1px solid #c5ddb1;
  border-right:1px solid #c5ddb1}
.green5{
  border-left:1px solid #9ac578;
  border-right:1px solid #9ac578}
.greenfg{ background:#79B24B; padding: 5px; font-size: 12px; }
  
  
  /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(img.php.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* 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 */
    .cssbox_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 */
    .cssbox_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 */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
#fivefiftyfour { width: 500px; margin: 0 auto; margin-top: 10px; }
#twosixtyleft { width: 260px; }

#threehundredleft { width: 300px; }
#threehundredtwentyleft { width: 320px; }
#onetwentyright { width:130px;}
#threesixfive { width: 365px; }
#twohundred { width: 200px; }
#twohundredsixty {
	width: 260px;
	margin: 0 auto;
}
#threehundred {width:300px;}
#fourhundred { width: 400px; }
#onefifty {
	width: 150px;
	height: 150px;
	overflow: hidden;
}
#onefiftyone {
	width: 151px;
	height: 265px;
	overflow: visible;
}



h1 {
	font-size: 18px;
	text-align:center;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
h3 { font-size: 12px; font-weight:bold; text-align:left; margin-top: 5px; }

h4 { font-size: 11px; font-weight:bold; color: #FFFFFF; text-align:center; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#green { color: #006600; }