body {background:#cec; color:black;}

/* for image in the main */

div.right_picture {float:right; width:150px;}
div.left_picture {float:left; width:150px;}

/* headings */

h1 {background:#cec; color:rgb(153,000,051); border-bottom:#000 5px solid; font-family: Arial, sans-serif; font-size:200%;}
h2 {font-family:Arial, sans-serif; font-size:150%; font-style:normal; font-weight:bold;}
h3 {background:#fc9; font-family:monospace, Arial, sans-serif; font-size:100%; font-style:normal; font-weight:bold;}

/*table and navigation style, I ended up creating style for each button, when I tried to use the same img id for all the buttons, xhtml refused them all...argh! */

table#inform td {border-top: #797 2px solid; vertical-align:top;}

td#navbuttons {
               border-right:#797 2px solid; 
               padding-right:0px;                
               border-top:#797 2px solid; 
               padding-left:0px; 
               background:#aca;                
               padding-bottom:0px; 
               border-left:#797 2px solid; 
               padding-top:0px;                
               border-bottom:#797 2px solid; 
               text-align:center;}


td#navbuttons a:link {display:block; margin:0; color: #000; font-family: Arial, sans-serif; font-style:normal; font-weight:normal;font-size:80%}
td#navbuttons a:visited {display:block; margin:0; color:#00f; font-family: Arial, sans-serif; font-style:normal; font-weight:normal; font-size:80%;}

td#navbuttons a:hover {display:block; margin:0; background:#fff; color:#c0f; font-family: Arial, sans-serif; font-style:normal; font-weight:normal; font-size:80%;}

td#navbuttons a:active {display:block; margin:0; color:#f00; font-family: Arial, sans-serif; font-style:italic; font-weight:normal; font-size:80%;}

td#navbuttons img {display:block; height:43px; width: 43px;
                   border: 3px solid #aca; border-width:1px 10px;                                                    background:transparent;}

td#navbuttons img#link  {border-left-color:#797; background:#797;
                   border-bottom-color:#797; border-top-color:#797;                                                  border-right-color:#797;}
td#navbuttons img#link2 {border-left-color:#797; background:#797;
                   border-bottom-color:#797; border-top-color:#797;                                                  border-right-color:#797;}
td#navbuttons img#link3 {border-left-color:#797; background:#797;
                   border-bottom-color:#797; border-top-color:#797;                                                  border-right-color:#797;}

td#navbuttons a:hover img#link {border-left-color:#fc9;                                                   background:#fc9;
                                 border-bottom-color:#fc9; 
                                 border-top-color:#fc9;                                                   border-right-color:#fc9;}
td#navbuttons a:hover img#link2 {border-left-color:#fc9;                                                   background:#fc9;
                                 border-bottom-color:#fc9; 
                                 border-top-color:#fc9;                                                   border-right-color:#fc9;}
td#navbuttons a:hover img#link3 {border-left-color:#fc9;                                                  background:#fc9;
                                 border-bottom-color:#fc9; 
                                 border-top-color:#fc9;                                                   border-right-color:#fc9;}

td#navbuttons a:active img 
                     {border-color: #fc3;                                                     border-bottom-color:#fc3; 
                     border-top-style:inset; 
                     border-top-color:#fc3;                           
                     border-right-style:inset; 
                     border-right-color:#fc3;
                     border-bottom-style:inset;}


td#main {
         border-right:#797 2px solid; 
         border-top:#797 2px solid;          
         background:#ffd; 
         border-left:#797 1px solid; 
         color:black;          
         border-bottom:#797 2px solid; 
         background:white;          
         color:black;
         font-family:Arial, helvetica, sans-serif;                                                         font-weight:normal; 
         font-size:100%;}


/* styles for my paragraph/s, also for my hyperlinks within the main */

p.article { margin:10px 10px 10px 10px; font-family:Arial, helvetica, sans-serif; font-weight:normal; font-size:100%; background:#fff; color:#000;}

p.article a:link    { background:#fff; color: #000; }  
p.article a:visited { background:#fff; color: #f0f; }  
p.article a:hover   { background-color:#fc9; color: #000; } 
p.article a:active  { background:#fff; color: #008080; } 


p.banner {margin-top: 15%;}