body 	{ background-color : #000000; 
		font-size: 12px;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding: 0px;
		margin: 0px 0px 0px 0px;}

ul { margin:  list-style: decimal inside; text-align: left; margin-top: 1px; }
li { margin-left: 2px; list-style: square inside; color: #ffffff;}

.more { color: #009933; }

p   { font-color: #ffffff; 
      margin-top: 1px; }

.infobox p   { font-color: #ffffff; 
      margin-top: 1px; }
.infobox h3 { font-size: 16px; color: #ffcc00; font-weight: bold; margin-bottom: 1px;}

.graybox { border: 2px gray solid;  color: #ffffff; padding: 10px; margin: 2px;  }

img {border: none;}

hr { height: 1px; border: 1px #E18A00 solid; width: 95%;}

h1 { font-size: 1.8em; color: #ffcc00; font-weight: bold; margin-bottom: 1px; margin-top: 1px; font-family: Georgia, Times, serif; }
h2 { font-size: 1.6em; color: #ffcc00; font-weight: bold; margin-bottom: 1px; margin-top: 1px; font-family: Georgia, Times, serif; }
h3 { font-size: 1.4em; color: #ffcc00; font-weight: bold; margin-bottom: 1px; margin-top: 1px; font-family: Georgia, Times, serif; }
h4 { font-size: 1.2em; color: #ffcc00; font-weight: bold; margin-bottom: 1px; margin-top: 1px; font-family: Georgia, Times, serif; }

th {background-color: #56BAFA; color: #FFFFFF; padding : 4px; vertical-align : middle;}

a:link {text-decoration: none; color: #ffcc00; background-color: transparent;}
a:visited {text-decoration: none; color: #E8BA02; background-color: transparent;}
a:hover { color: #ffff00; background-color: transparent; text-decoration:underline;}

.roll a:link {text-decoration: none; color: #ffcc00; background-color: transparent;  font-size: 13px;}
.roll a:visited {text-decoration: none; color: #E8BA02; background-color: transparent;  font-size: 13px;}
.roll a:hover { color: #ffff00; background-color: transparent; text-decoration:underline; }

.dated { font-size: 10px; font-style: italic; padding: 2px;}

.bl {background: url(bl.gif) 0 100% no-repeat #FFCC00; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px; color: black; }
.clear {font-size: 1px; height: 1px; font-color: black; }

.bl2 {background: url(images/bl2.gif) 0 100% no-repeat #333333; width: 20em}
.br2 {background: url(images/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px; color: black; }
.clear2 {font-size: 1px; height: 1px; font-color: black; }


/* 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:330px !important; /* IE Win = width - padding */
      width: 315px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:10px 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:10px 0 5px 20px; 
      margin-bottom; 1px;
      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:10px 0 5px 20px} /* mirror .cssbox_head right/left */