body
{
color:black;
background:white;
}

.boxj{
height:50px;
width:150px;
border:2px solid black;
float:right;
}

.remind
{
color:blue;
}

.tenpix
{
width:200px;
}

body.slate
{
background-color:#708090;
}

li, h1, h2, h3, h4, h5, p, ul, td,th
{
font-family:sans-serif;
margin-bottom:0;
}

#tablenice td
{
/*padding-bottom:5;
padding-top:5;*/
padding:5px;
border:1px;
    border-color:white;
    border-style:solid;
}

#tablenice th
{
padding:5px;
border:1px;
    background:	#ADD8E6; /*LightBlue;*/	
    border-color:gray;
    border-style:solid;
}
#tablenice
    {
/*    width:85%;*/
    background: #B0C4DE; /*LightSteelBlue;*/	
    border-color:gray;
    border-style:solid;
    }

#tablenice2 td
{
/*padding-bottom:5;
padding-top:5;*/
padding:5px;
border:1px;
    border-color:white;
    border-style:solid;
}

#tablenice2 th
{
padding:5px;
border:1px;
    background:	#ADD8E6; /*LightBlue;*/	
    border-color:gray;
    border-style:solid;
}
#tablenice2
    {
   width:60%;
    background: #B0C4DE; /*LightSteelBlue;*/	
    border-color:gray;
    border-style:solid;
    }

h3
{
margin-bottom:0;
}

em
{
color:blue;
}

strong
{
font-style:italic;
}

div.box
{
border:solid;
border-width:thin;
width:90%;
margin-bottom:0;
}

div.color
{
background:rgb(204,204,255);
padding:0.3em;
margin-bottom:1px;
border:none;
width:85%;
}
a img {border-width:0;} 
th3
{
background-color:#d0d0d0;			    
}
  th.slate
  {
  color:white;
  background-color:#6699cc ;	
}
    .nar
    {
    width:80%;

    background: #B0C4DE; /*LightSteelBlue;	*/
    border-color:white;
    border-style:solid;

    }
    table.nart
    {
    width:60%;
text-align:center;
 font-size:14pt;
    background: #B0C4DE; /*LightSteelBlue;	*/
    border-color:white;
    border-style:solid;

    }
    th.nart
    {
    background: #48D1CC; /*LightSteelBlue;	*/    
 font-size:18pt;
    padding:16px; 
}    
    td.nart
    {
    padding:12px; 
}    
    td.nart2
    {
 font-size:12pt; 
 padding:5px; 
}    
    tr.nart3
    {
    background: #ABFEFC; /*LightSteelBlue;	*/    
}    

.nar2
    {
    width:80%;
    background:#B0C4DE; /*LightSteelBlue;*/
    border-color:white;
    border-style:solid;

    }
  
    .nar21
    {
    width:80%;
    background:#B0C4DE; /*LightSteelBlue;*/
    border-color:white;
    border-style:solid;

    }
  
  .nar3
  {
  width:500px;
  background:#B0C4DE; /*LightSteelBlue;*/
  border-color:white;
  border-style:solid;

  }

  .nar4
  {
  width:100%;
  background:#B0C4DE; /*LightSteelBlue;*/
  border-color:white;
  border-style:solid;
  border:1px;
  }

  table.nar5
  {

  background:#B0C4DE; /*LightSteelBlue;*/      	/*DeepSkyblue; Cyan; CornflowerBlue; #00ffff; */
  border-color:white;
  border-style:solid;
border-width:1px;
padding:5px; 

  }


  table
  {

 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10pt;
  background:#e0e0e0;
  border-width:thin;
  border-style:solid;
  border-color:#909090;
  border-collapse: collapse;
  padding: 4px;


  }
th
{
padding: 5px;
  border-width: 2px;
border-style: solid;
}
td
{
padding: 2px;
  border-width: 1px;
border-style: solid;
text-align: center;
}
td3 {
   border-width: 1px;
   		 border-style: solid;
		 	       border-color: #000000;
			       }
.tr4 {
height: 30px;
}
.td4
{
text-align:right;
padding-right: 10px;
padding-left: 10px;
}
.buttons2 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
   background-color: #ddffff; 
   color: #0000ff;    

     margin-right: 6px;
     width: 16em;
     }
     

div.pagetitle
{
    width:900px;
text-align:center;
font-family: verdana, arial, helvetica;
font-size:18pt;

padding:0.3em;
margin-bottom:10px;
border:none;

}
div.colorb
{
    width:800px;
text-align:left;
font-family: verdana, arial, helvetica;
font-size:12pt;
background:#B0C4DE; /*LightSteelBlue;*/

padding:0.7em;
margin-bottom:1px;
border:none;

}
a {position: relative; text-decoration : none;}
a span {display: none;}
a:hover {
  background-color: #dbe4f2;
    }

/* this gives a nice post-it note type hover display 
 the z-index seems to be necessary to prevent links underneath
 from bleeding through, at least on firefox, if not on ie6*/
a:hover span
{
  display: block;
position: absolute;
z-index: 1;
padding: 6px;
top: 5px;
color: black;
   left: 30px;
  width:350px;
    background-color: #ffff99;

        } 

.orderpage {
	       table-layout: fixed;

	    width:800px;
	    
	    }
	    

.colhdr {
    font-weight: bold;
        text-align: left;
	    width: 13%;
	        padding: 2px;
}
.col2hdr {
    font-weight: bold;
        text-align: left;
	    width: 12%;
	        padding: 2px;
}

.colval {
	        padding: 2px;
        text-align: left;
	    width:40%;
		}
.col2val {
	        padding: 2px;
        text-align: left;
	    width:55%;
		}


#popupcal {
	  position:absolute;
	  visibility:hidden; 
  	  background:#EEEEEE; 
	  font-family:courier;
	  font-size: 6pt;
	  color:#000205;
	  }


div.container2
{
width:80%;
margin:0px;
border:1px solid gray;
line-height:120%;
}
div.left
{
float:left;
width:12%;
margin:0;
}
div.right
{
float:left;
width:30%;
margin:0;
}
div.newline
{
width:1px;
margin:0;
}
div.half
{

width:50%;
margin:0;
}
table#t01 {

        background-color: #f1f1c1;
	}

 table#t01 tr:nth-child(even) {
     background-color: #eee;
     }
     table#t01 tr:nth-child(odd) {
         background-color: #fff;
	 }
	 table#t01 th {
	     color: white;
	         background-color: black;
		 }
	 table#t01 td {
	     padding: 3px 1px 2px 10px;

		 }