/* Layout */

/* Header */

#header{    
    margin: 0;
    padding: 0;
    min-width: 650px;
    background: #FFF7E2 url(../../../../images/header_bg.gif) repeat-y top left;
    }
    
* html #header {
    height: 208px;
    }

#header .logo {
    width: 199px;
    margin: 19px 0 0 0;
    padding: 0;
    float: left; /* causes slight horizontal scrolling in MAC IE but layout breaks if removed */
    position: relative;
    background: url(../../../../images/dacorum-logo-bg.gif) no-repeat top left;
    }
  
#top-nav {
    margin: -15px 0 0 245px;
    padding: 0;
    background:  url(../../../../images/top-nav_bg.gif) repeat-y bottom right;
    }
    
/* hide from MAC IE\*/    
#top-nav {
    margin-top: 0;
    }
/* end hiding */    


/* hide from MAC IE \*/
* html #top-nav {
    width: 100%;
    }   
/* end hiding */

#top-nav ul {
    background-color: #FFD86F;
    margin: 2px 0 0 5px;
    padding: 0;
    color: #983202;
    }
        
#top-nav .col-1 {
    float: left;
    width: 46%;
    padding: 0;
    margin: 0 0 -15px 0;
    }
    
#top-nav .cl {
    height: 25px;
    background: url(../../../../images/top-nav_bl.gif) no-repeat left bottom;
    margin: 0 0 0 0;
    padding: 0;
    width: 19px;
    }
   
#top-nav .col-2 {
    width: 280px;
    /* \*/float: right;/* */
    margin: 0 0 -15px 0;
    padding: 0 0 20px 0;
    background-color: #FFE294;
    }
    
   
/* Main Content */

#wrap1 {
    float: right; 
    margin: 0 0 0 -250px;
    padding: 0;
    width: 100%;
    }
    
/* hide from MAC IE \*/    
#wrap1 {
    margin: 0 0 0 -205px;
    }
/* end hiding */

#wrap2 {
    width: 100%; 
    float: left;
    margin: 0 -200px 0 0;
    padding: 0;
    background: url(../../../../images/wrap2-bg.gif) repeat-y right bottom;
    }

#mainwrap {
    margin:-15px 0 0 0;
    padding: 0;
    min-width: 650px;
    /* \*/background: url(../../../../images/nav-bg2.gif) no-repeat left bottom;/* */
    }
    
*>html #mainwrap {
    position: relative;
    width: 100%;
    clear: both;
    }

*>html .three-columns #wrap1 {
    width: 100%;
    }       

*>html #mainwrap.three-columns {
    width: auto;
    }    
    

*>html #wrap1 {
    background: url(../../../../images/mainwrap-bg.gif) repeat-y top left;
    width: auto;
    }
    
/* hide from mac ie \*/
* html #wrap1 {
    width: 100%;
    }
/* end hiding */
            
html>body #mainwrap {
    margin-top: 0;
    }
    

/* Hides from IE-mac \*/
* html #mainwrap {height: 1%;}
/* End hide from IE-mac */ 

#content{
    margin: 5px 0 0 199px;     
    padding-top: 0;
    top: 0;
    background-color: #FFF7E2;
    }
    
* html #content {
    margin:-40px 0 0 195px;
    padding-top: 0;
    }
  
/* hide from mac ie \*/
* html #content {
    margin: -40px 0 0 199px;
    }
/* end hiding */

*>html #content {margin-left: 220px;}    

.three-columns #content {
    margin: 5px 180px 0 199px;
    background-color: #FFEEC0;
    position: relative;
    }
    
* html .three-columns #content {
    /* hide from MAC IE \*/
    width: 100%;
    /* end hiding */
    margin: -40px 180px 0 199px;
    }   
   
   
#related {
    width: 180px;
    margin-top: 5px;
    float: right;
    margin-bottom: 0;
    position: relative;
    }
    
* html #related {
    margin-top: -40px;
    }
    
#navigation {
    float:left;
    width: 199px;
    font-size: 105%;
    line-height: 1.3em;
    margin: 15px 0 0 0;
    padding: 0;
    }
    
html>body #navigation {
    margin: 0;
    }


/* Footer Styles */

#footer {
    clear: both;
    padding: 5px;
    margin:0;
    }

#footer p {
    margin-left: 205px;
    }