body {
		margin:5%;
		padding:0;
		border:0;		/* This removes the border around the viewport in old versions of IE */
		width:90%;
		background:#616161;
		min-width:600px;	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: "verdana", sans-serif;

	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3, h4 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	
	h3 {
    color: #ffffff;
    font-weight: bolder;
    font-size: large;
    font-style: italic;
  }
	
	h4 {
    color: #ffcc00;
    font-style: italic;
    
  }

	p {
		margin:.4em 0 .8em 0;
		padding:0;
		font-family: "verdana", sans-serif;
	}
	img {
		margin: 1px;
	}
	
	img.yelo {
    padding: 2px;
    background: black;
    border: 2px solid #ffcc00;
    width: 450px;
  }
    
	/* Header styles */
	.header {
		clear:both;
		text-align:center;
		margin-left: auto;
		margin-right: auto;
		width:100%;
		padding:0 px;
	}

	.header li{
	float: left;   
	list-style:none;
	}
	
	.header a{
	/*	background:url(LEFT.gif) no-repeat left top; */
	/* height:30px; */
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background: #aa0000;
	}
	
	.header a:hover{
	color:#006600;
	background:#FFF;
	}
	
	.header a span{
	/* background:url(RIGHT.gif) no-repeat right top; */
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 26px;
	padding-right: 26px;
	border-style: solid;
  border-color: #f8f416;
  border-width: 2px;
  /* color; #aa0000; */
	/* height:25px; */
	float:left;
	
	}

  .header table {
		margin-left: auto;
		margin-right: auto;
  
  }
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		color: #FFF;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#454545;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#313131;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#252525;	/* left column background colour */
	}
	.threecol .col1 {
		width:51%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col2 li {
		list-style:none;
	}

	.threecol .col2 span {
		display:block;
		float:left;
	}
	.threecol .col2 a {
		display:block;
		float:left;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		font-size: small;
	}

	.threecol .col2 a:hover {
		color:#006600;
		background:#FFF;
		font-weight:bold;
	}

	.threecol .col3 {
		width:15%;			/* Width of right column content (column width minus padding on either side) */
		left:91%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	.footer {
		clear:both;
		float:left;
		width:100%;
    		text-align: center;
		    background:#616161;
    		font-size: small;
    		color: #FFF;

	}
	.footer p {
		padding:10px;
		margin:0;
		text-align: center;
    font-size: xx-small;
	}

  .Textbox {
    width: 175px;
    margin: 3px 0 3px 0;
    /*background: red; 
    border: 1px solid #f0f0f0; */  
   }

	.threecol .col1 a {
		text-decoration:none;
		color:#b0b0b0;
		font-size: 12px;
	}

	.threecol .col1 a:hover {
		color:#7bc618;
		background:#FFF;
	}
   
   .CommentForm {
        margn-top: 20px;
        /* border: 2px dashed #ff0000;  */
        font-size: small;
   }
   .CommentTable {
        /* border: 1px solid #00ff00;  */
        width:450px;
        margin:1px;
        padding: 1px;
        color: white;
        cellspacing: 0;
        float: right;
   }
   
   .CommentTable td {
        border: 1px aolid #0000ff;
        margin: 1px;
        padding: 1px:
    }

    .CommentP {
		color:#b0b0b0;
		font-size: 12px;
    }

    .sjm_h3 {
        color:#fff;
        text-align:left;
    }
 

 	.blog_date {
 	  color: #ffcc00;
 	  font-size: small;
/*
	display:block; 
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 20px;   
	border-style: solid;
  border-color: #f8f416;
  border-width: 1px;
  background: #aa0000; 
  width: 600px;   
	 height:25px; 
	float:left;
*/	
	}
 
   

}