h1 { font-family: 'Philosopher', arial, serif; } h2 { font-family: 'Philosopher', arial, serif; } h3 { font-family: 'Philosopher', arial, serif; } h4 { font-family: 'Philosopher', arial, serif; } h5 { font-family: 'Philosopher', arial, serif; } h6 { font-family: 'Philosopher', arial, serif; }    
html,body
{
    font-family:'Philosopher';
    font-size:1.0em;
}

div.header
{
    margin-top:10px;
    height:150px;
    padding:0px;    
}
    div.header div.Title
    {
        position:absolute;
        top:50px;
        margin-left:50px;
        font-size:28px;
        font-weight:bold;
        color:White;        
    }
    div.header div.Description
    {
        position:absolute;
        top:90px;    
        margin-left:50px;
        font-style:italic;    
        font-size:16px;
        color:White;
    }
    
    div.menubar
    {
        background-color:Black;                        
    }
    
    ul.navbar
    {        
        background-color:Black;
        list-style:none;
        margin:0px;     
        padding-left:10px;
    }
    
    ul.navbar a
    {
        color:White;
        line-height:38px;
        font-size:16px;
        padding:0 10px;
	    text-decoration:none;
	    display:block;
    }
        ul.navbar ul
        {
            box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	        -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	        -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	        display:none;
	        position:absolute;
	        top:38px;
	        left:0;
	        float:left;
	        width:180px;
	        z-index:99999;
	        list-style:none;
        }
        ul.navbar li
        {            
            float:left;
            position:relative;
            margin:0px;
        }        
        ul.navbar ul li
        {
            min-width:180px;
        }
        ul.navbar ul ul
        {
            left:100%;
            top:0;
            border-left:1px solid gray;
        }
        ul.navbar ul a
        {
            background:#333;
	        line-height:1em;
	        padding:10px;
	        width:160px;
	        height:auto;
        }
        
        ul.navbar li:hover > a,ul.navbar ul:hover > a
        {
	        background:#333;color:#fff;
	        text-decoration:underline;	        
        }
        ul.navbar li:hover > ul
        {
	        display:block;
        }
     
     div.contentwrapper
     {
         min-height:500px;
     }
     
     div.sidebar,div.content
     {
         padding-top:10px;         
     }
     
     div.sidebar
     {
         background-color:#efefef;
         border-bottom-right-radius: 10px;        
         -moz-border-radius-bottomright: 10px;
         border-bottom-left-radius: 10px;        
         -moz-border-radius-bottomleft: 10px; 
         min-height:500px;
         margin-bottom:10px;           
     }          
     
     div.footer
     {                 
         border-radius: 10px;        
         -moz-border-radius: 10px;         
         background-color:#b9b9b9;
         height:40px;                           
     }
     p.footer-text
     {
         margin:0px;
         padding-top:10px;
         text-align:center;
         color:Gray;
     }
     p.copyright-text
     {
         margin-top:50px;
         text-align:center;
         color:#bfbfbf;
         font-size:11px;
     }