body {
	background-image: url('feet3.jpg');
       background-repeat: no-repeat;
       /*margin-right: 110;*/
       /*margin-left: 110; */
       /*background-position: left 75px; /* this starts image at 75px from top*/
	}

#container
{
	margin: 0 auto;
      	width: 100%;
	background: white;                 
}



*{ font-family: verdana; font-size: 10pt; COLOR:black; }

b { 
font-weight: bolder; 
}

table {
height: 20%; border: 0px solid blue;
}

td {
text-align: center; padding: 15; color:black;
}

input {
border: 1px solid black;
}

textarea {
border: 1px solid black;
}

#content-container
{
	float: left;
	width: 100%;             
       background: white;


              /*min-width: 800px;*/
           	/*background: #FFF url(layout-two-liquid-background.gif) repeat-y 68% 0; initial setting*/
           /*background: #FFF url('../images/a3.jpg') repeat-y 9% 0; /*my setting*/
          /*padding: 0 30px 0 2px; /*my setting*/
         /*background-image: url('../images/a1.jpg'); /*my setting*/
         /*background-position: right; /*my setting*/
         /*background-repeat: no-repeat; /*my setting*/       
                             
}

#contentmain
{
	clear: both;
	float: left;
	width: 74%;
	padding: 4px 0;
       margin: -7% 0 0 14%;
	display: inline;
       background: white;
       text-align: justify;
                /*background-image: url('../images/pergament.jpg');*/
                background-position: center;
                background-repeat: no-repeat;
                /*background-image: url('../images/wave8.jpg');*/
                /*background-image: url('../images/bg.jpg');*/
}

#contentmains
{
	clear: both;
	float: left;
       /*width: 74%;*/
	width: 45%;
	padding: 4px 0;
       margin: -8% 0 0 27.5%;
       /*margin: -7% 0 0 14%;*/
	display: inline;
       background: white;
       text-align: center;
}

#contentmainso
{
	clear: both;
	float: left;
       width: 71%;
	margin: -10% 0 14% 14%;
       display: inline;
       text-align: justify;
}

fieldset {
    width: 37%; /* 31 is initial, 37 is mine. Will expand to fit content */
}


#outliner {
	float: left;
	width: 100%;             
       height: 150px;
}

#insider {
       clear: left;
	float: right;
	/*width: 100%;*/
	padding: 4px 0;
       margin: -0.7% -0.5% 0 4%;
	display: inline;
       background: white;
       /*text-align: center;*/
       /*background-image: url('corner5.png');*/
       /*background-repeat: no-repeat;*/
       /*background-position: right;*/
       /*height: 150px;*/
}

#clean {
    clear: both;
    float: left; 
    width: 100%;
    margin-top: -1%;
}  

#wrapper {

    clear: both;
    float: right;
    width: 100%;
}  

#intext {
       /*clear: right;*/
       float: right;
       width: 56%;
       margin-top: -44px;
       /*background-color: yellow;*/
       /*height: 100px;*/
}

#download {
       
       float: left; 
       margin-top: -11%;
       text-align: center;
       width: 100%;
       height: 80px;
}


#footer
{
	clear: both;
	height: 30px;
       width: 50%;
       align: center;
	/*background-color: yellow;*/
       padding: 2px;
       margin: 0;
} 

/*All the below stuff is for your "to send me a message" from your login / passowrd.php place*/

#contact, #flip {
    padding: 5px;
    text-align: center;
    /*background-color: #e5eecc;*/
    /*border: solid 1px #c3c3c3;*/
    
}

#flip2 {
    padding: 5px;
    text-align: center;
    /*background-color: #e5eecc;*/
    /*border: solid 1px #c3c3c3;*/
    display: none;
}

#contact {
    padding: 20px;
    display: none;
    align: center;
    text-align: center;
}

#hasjs {
display: none;
text-decoration: underline;
color: blue;
}

#hasjs:hover{
color: red;
}

#nojs {
color: red;
}

#hasmail{
display: none;
}

#nomail{
color: red;
text-align: center;
/*border: solid 1px #c3c3c3;*/
padding: 5px;
}

#phones{
text-align: center;
/*color: #53FF53;  /* very light green */
color: red;
display: none;
visibility: hidden;
}

.myphone{
color: blue;
text-align: center;
}

.blue{
color: blue;
}

.blue2:hover{
color: red;
cursor: pointer;
}

.red{
color: red;
}

table{
align: center;
width: 300px;
border: 1px solid black; 
text-align: center; 
background: #FFFF00; 
/*padding: 14px;*/
border-spacing: 2px; /* this  is space between <td>. Since this table has only one <td> then this setting is not seen in browesers. */
margin-left: auto;  /* this is to center the entire table. */
margin-right: auto; /* this is to center the entire table. */
}

td{
text-align: center;
}