/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

                #container {
                        width: 750px;
                        margin: 0 auto;
                        font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
                        font-size: 11px;
                        line-height: 1.6em;
                        color: #666;
                        background-color: #FFF;
                }
                
/* GENERAL MOJO AND MULA */
                
                h1 {
                        font-family: Arial, Helvetica, sans-serif;
                        font-weight: normal;
                        font-size: 32px;
                        color: #CC6633;
                        margin-bottom: 30px;
                        background-color: #FFF;
                }
                
                h2 {
                        color: #666666;
                        font-size: 16px;
                        font-family: Arial, Helvetica, sans-serif;
                        background-color: #FFF;
                }
                
                a {
                        color:#CC6714;
                        text-decoration: none;
                }

                a:hover {
                        color:#CC6714;
                        background-color: #E0E0E0;
                }

/*                
                form {
                        float:right;
                        margin-top: -45px;
                        font-size: 9px;
                }
*/                
                input {
                        background-color: #FFF;
                        color: #999999;
                        border: 1px solid #CCC;
                        font-size: 11px;
                        padding: 2px;
                }
                
                select {
                        background-color: #FFF;
                        color: #999999;
                        border: 1px solid #CCC;
                        font-size: 11px;
                        padding: 2px;
                }

                .button {
                        padding: 3px;
                }

                
/* HEADER ELEMENTS */

                #header {
                        border-bottom: 4px solid #948979;
                        padding-top: 10px;
                        clear: both;
                        margin-bottom: 10px;
                }
                

                /* the slogan */
                #header p { 
                        margin-top: -20px;
                        margin-left: 30px;
                        color: #999999;
                }

/* NAVIGATION ELEMENTS */
        
                 #navigation ul {
                        margin-left: 0;
                        padding-left: 0;
                        list-style-type: none;                  
                        float: left;
                        width: 140px;
                }

                #navigation a {
                        display: block;
                        padding: 3px;
                        width: 140px;
                        border-bottom: 1px solid #CCC;
                }

                #navigation a:link, #navlist a:visited {
                        color:#CC6714;
                        text-decoration: none;
                }
                
                #navigation a:hover {
                        background: #000000 url(arrow.gif) 96% 50% no-repeat;
                        background-color: #E0E0E0;
                        color:#CC6714;
                }

/* THE SMALL BOX BELOW NAV */

                #navigation p {
                        margin-top: 40px;
                        padding: 5px;
                        border-bottom: 1px dotted #CCC;
                        border-top: 1px dotted #CCC;
                }
                
/* CONTENT ELEMENTS */

                #content {
                        margin-left: 180px;
                        margin-right: 0px;
                }
                
                #content p {
                        border-top: 1px solid #DDDDDD; /* A faint grey line below the text */
                        padding-top: 10px;
                        text-align: justify;
                }

                #content table {
                        border-top: 1px solid #DDDDDD; /* A faint grey line below the text */
                        padding-top: 5px;
                        text-align: justify;
                }

                #content ul {
                        text-align: justify;
                        list-style-type: disc;
                }

                #content ol {
                        text-align: justify;
                        list-style-type: decimal;
                }

                #content ol.lroman {
                        list-style-type: lower-roman;
                }
                #content ol.lalpha {
                        list-style-type: lower-alpha;
                }

/* SIDEBAR ELEMENTS */

                #sidebar {
                        float: right;
                        width: 175px;
                }
                
                #sidebar p {
                        padding-bottom: 10px;
                        border-bottom: 1px solid #DDDDDD;
                }

/* FOOTER ELEMENTS */

                #footer {
                        margin-top: 20px;
                        text-align: center;
                        clear: both;
                        background-color:#575352;
                        padding: 0px 5px 0px 5px;
                }
                
                #footer p {
                        color:#89817f;
                        padding: 5px;
                }
                
                #footer p a {
                        color: #89817f;
                        border-bottom: 1px dotted #89817f;
                }
                
                #footer p a:hover {
                        color: #FFFFFF;
                        background-color:#575352;
                }
                
                /* And they lived happily ever after. The End. */