/*  http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/  */

* {margin: 0; padding: 0;}

html,body{margin:10px; margin-bottom:12px; padding:0}
body{
   font: 14px/20px verdana, Tahoma, helvetica, sans-serif;	
   line-height: 130%;
   text-align:center; 
   background:#4c6681
   
  
   }
   
h2 {color: yellow}   
   
#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

caption {
    padding: 5px 0 5px 0;
	width: 700px;	 
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}   

th {

   
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	
	}
   
   
td {
    font: 14px, "courier new", "lucida console", monospace; 
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: black;             /*  #6D929B;  */
}


   
   
div#header {
   position:relative; 
   width: 600px;
   background:#edf2f2;           /*  #f0f0f0;  */
   margin: 0px 0px 20px 0px;     /* outside the box top, right, bottom, left */
   padding: 0px;                 /* outside the text, inside the box, but expands the len of the box */
   background: #edf2f2;
   text-align: center; 
   border-style: solid;
   border-color: black;
   border-width: 1px; 
      
   }
   
div#header p {   
   font: 10pt/20px verdana, arial, helvetica, sans-serif;	
   padding: 5px;      /* outside the text, inside the box, but doesn't expand the len of the box */
   color: red;
   
   }   

div#container{
   width:600px;
   margin:0 auto;
   text-align:left; 
   background: #4c6681;        /*     #edf2f2;  */
   padding: 0px;
  

}

div#content {
   background:#edf2f2;
   border-style: solid;
   border-color: black;
   border-width: 1px;
    
}

div#content p {
   padding-left: 15px;
   margin-top: 6px;
   text-align:left;

        }


/*  a         { text-decoration: none}   */
a:link    {color: black; text-decoration: none } 
a:visited {color: black; text-decoration: none } 
a:hover   {color: black; text-decoration: underline; background: none;  }


#header h1 { 
    font: 11px/20px verdana, arial, helvetica, sans-serif;	
	margin-top: 15px;
	font-weight:400;
    font-size:110%;
	line-height: 100%;
    font-variant: small-caps;
	color: #1E90FF;
	margin-bottom: 6px;
	padding-left: 15px;
    }		

#header h3 { 
    margin-top: 15px;
	font-weight:400;
    font-size:110%;
	line-height: 100%;
    font-variant: small-caps;
	color: #1E90FF;
	margin-bottom: 6px;
	padding-left: 15px;
	
    }