/* Universal styles for all pages */
/* each sub-section has its own style sheet in addition to this*/

/* --------------------------------------------------
Based on CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */
/* BODY */
body { 
    background-color:#DDD;
    margin: 0px auto 0 auto;
}

/* CONTAINER */
        #container {
            width: 938px;
            margin: 0 auto;
            font-family: Verdana, Arial, Helvetica, sans-serif; /* Verdana for the Macs, Verdana for the PCs */
            font-size: 11px;
            line-height: 1.6em;
            color: #666;
            background-color: #FFF;
            background-repeat:repeat-y;
       }
        
/* GENERAL MOJO AND MULA */ 

        img, #content a img {
            border:0 solid #FFFFFF;
        }       

        h1 {
            font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
            background-color: #FFF;
        }
        
        h3 {
            color: #666666;
            font-family:Verdana,Arial,Helvetica,sans-serif;
            font-size:11px;
            font-style: italic;
        }

        a {
            text-decoration: none;
            color: #A79F99;
        }

        a:hover {                      
            text-decoration: none;          
        }
                   
        form {
            margin-top: -45px;
            font-size: 9px;
        }
        
        input {
            background-color: #FFF;
            color: #999999;
            border: 1px solid #CCC;
            font-size: 11px;
            padding: 3px;
        }
        
        .button {
            padding: 2px;
        }


/* HEADER ELEMENTS */


        /* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
        #header, #navigation, #content, #sidebar, #footer, #top-nav {
            overflow: hidden;    
        }

    
        #navigation, #content, #sidebar{
            float: left;
        }

        #header, #splashbanner, #menu {
            width: 100%;
            background-color: #FFF;
        }

        #header {
            padding: 10px 0px 0px 0px;
            margins: 10px 0px 0px 0px;
            width: auto;         
            text-align: right;
        }

        #splashbanner {
            position:relative;
            z-index:10;
            height:120px;
            background-repeat: no-repeat; 
            background-color: white;
            background-position: left bottom;
        }

        #splashbanner {
            height:120px;
            background-color: white;
        }

                      

/* SIDEBAR ELEMENTS */
        #sidebar {
            float: right;
            width: 280px;        
            height: 519px;
            background-repeat: no-repeat; 
            background-colour: white;
            background-position: right top;
            }
        
        #sidebar p {
            padding-bottom: 0px;
            
        }
/* FOOTER ELEMENTS */
        #footer {
            margin: 0px 0px 5px 0px;
            clear: both;
            background-color: transparent;
            padding: 0px 0px 20px 240px;
        }
        
        #footer p {
            color:#89817f;
            padding: 0px;
            
        }
        
        #footer p a {
            color: #89817f;
        }
        
        #footer p a:hover {
            color: #DDD;
        }
        

        #footer ul {
            color:#7A7A7A;
            float:left;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            margin:0;
            padding:0 0 0 25px;
        }
        #footer ul li {
            border-right:1px solid #575454;   
            margin:0;
            padding:0 15px 0 0;
            width:auto;
            display:inline;
            padding-left:8px;
            padding-right:8px;
        }
        #footer ul li.last {
           border-right:none;
        }


/* Search */
#searchform {
    font-size:10px;
    vertical-align: middle;
    margin:0;
    padding:0;
}

#searchform .searchtext
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    margin:0;
    padding :0;
    padding: 2px 0 2px 2px;
}
#searchform input
{
    padding: 0;
    margin:0;
    width:94px;
    /*border-color:#908279;*/
    border-right: medium none;
    vertical-align:top;
}

#searchform .searchicon 
{
    margin: 0 0 0 -4px;
    padding: 0;
    height: 20px;
    width: 30px;
    background-image: url("/css_images/root_search.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;*/
    outline: solid 1px #fff; /* for Mozilla */
    border: medium none;
    
} 
/* End search */


/* rotating images */
#image-gallery-controls
{
    position:relative;
    z-index:99999;
}

#image-gallery-buttons
{
     position:absolute;
     top:267px;
     left:145px;
}

#image-gallery-buttons ul
{
    margin:0;
    padding:0;
    list-style-image:none;
    
}

#image-gallery-buttons li
{
    display:inline;
    list-style-type:none;
    vertical-align:top;
}

#image-gallery-buttons li a
{
    background-position: -2px -79px;
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    display:inline-block;
}

#image-gallery-buttons a:hover, #image-gallery-buttons a.selectedimg {
    background-position: -2px -11px;
}
 

/* float fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}





/* --------------- to-do check we need these at all 
*/ 

table, form, fieldset 
{
    border: 0;
    margin: 0;
    padding:0;
}

/* HTML elements */
html 
{ 
    min-height: 101%;
}

input, select 
{ 
      /* margin: 0 0 7px 0;*/
       font-style: normal;
       color: #545454;      
 }

table td 
{
       margin: 0 0 7px 0;
       font-style: normal;
       font-size: 1em;
       color: #545454;  
}h