<!-- assorted classes see comments for usage -->
<!-- Softsect Technologies 2005 -->


<!-- body style with highlighted links -->

<style type="text/css">

.body 		{ margin: 4px; color: #000033; background: #66FFFF; }

.a           { text-decoration: none }      
.a:link 		{ color: #000099; }
.a:visited 	{ color: #666633; }
.a:active 	{ color: #FF0000; }
.a:hover     {color:red; text-decoration:none;}

<!-- use these classes like this :- 
     <h1 class="greenbar">MY HEADING</h1>
-->
                                            
<!-- Fonts and bars -->

.greenbar	        { color: #FFFFFF; background: #66CC66; padding: 10px; }       
      
.fixedwidthfonts	{font-family: courier, courier new, monospace; }
  
.sansseriffonts	{font-family: verdana, geneva, arial, sans-serif; }
  
.seriffonts	{font-family: georgia, palatino, times new roman, serif; }

  
.black              {background-color: #000000; color: #FFFFFF; font-size: 80%; }

.gray               {background-color: #CCCCCC; color: #000000; font-size: 80%; 
	                  line-height: 150%; }
        
.darkgray           {background-color: #666666; color: #CCCCFF; font-size: 80%; }

.white              {background-color: #FFFFFF; color: #000000; font-size: 80%; }

.darkblue           {background-color: #000066; color: #CCCCFF; font-size: 80%; }


<!-- Vertical navigation lists 
     Usage :
                <p>
                Click forward or back
                </p>
                    <ul id="navigation">
                        <li class="left"><a href="#">Go Back</a></li>
                        <li class="right"><a href="#">Go Next</a></li>
                    </ul>
        -->


.ul#navigation      {list-style-type: none; margin: 0; padding: .5em 0;
                    border-top: 1px solid #666;
                    }

.ul#navigation li a{display: block; width: 5em; color: #FFF;
                    background-color: #036;
                    padding: .2em 0;
                    text-align: center;
                    text-decoration: none;
                    }

.ul#navigation li a:hover { color: #FFF;background-color: #69C; }

.ul#navigation .left { float: left; }
.ul#navigation .right { float: right; }

<!-- Horizontal navigation lists 
    Usage :
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </div>
    -->


.#navlist         {padding: 3px 0;margin-left: 0;border-bottom: 1px solid #778;
                    font: bold 12px Verdana, sans-serif;
                    }

.#navlist li      {list-style: none;margin: 0;display: inline;}

.#navlist li a    {padding: 3px 0.5em;margin-left: 3px;border: 1px solid #778;
                    border-bottom: none;
                    background: #DDE;
                    text-decoration: none;
                    }

.#navlist li a:link { color: #448; }
.#navlist li a:visited { color: #667; }

.#navlist li a:hover{color: #000;background: #AAE;border-color: #227;}

.#navlist li a#current{background: white;border-bottom: 1px solid white;}

      
</style>
