/* jane robinette TWO COLUMN LAYOUT */

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {zoom:100%; /* triggers IE6 "haslayout" */ }
/* without the above hack, IE6 does not draw the header until the page is resized */ 

* {margin:0; padding:0;}

body {
text-align:center; /* IE6 needs this to center the layout in the browser window */	
}

#main_wrapper {
  max-width:925px; /* sets max layout width */  
  min-width:800px; /* sets min layout width */  
  margin-left:auto;  /* centers layout in browser */	
  margin-right:auto; /* centers layout in browser */	
  text-align:left; /* resets the centering hack for IE6 on the body tag */	
}

#header {height:9em;
}
#header.inside {height:5em;
}

#nav {float:left; width:100%; font-size:.8em; height:2.25em; margin-bottom:5px;
}
#nav ul {margin:0;
}
#nav li {margin-left:0; float:left;
}
#nav ul, #navbar li {float:left; list-style-type:none;
}
#nav a {display:block; height:2.25em; width:8em; text-align:center; line-height:2.25em; text-decoration:none; outline-style:none;
}

#leftcolumn {width:25%;  float:left; /* floats on leftcolumn and content divs make them sit side by side */ margin:10px 0 15px 0;
}

#content {float:left; width:75%; /* margin-left:210px; margin = width of leftcolumn */ text-align:left;
}


#footer, #footer.home {clear:both; /* makes the footer sit below whichever column is longest */  
}

#header_inner, #leftcolumn_inner, #content_inner {overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}

#header_inner {padding:.5em; 
}

#leftcolumn_inner {padding:.5em 1em 1em 1em; text-align:center;
}

#leftcolumn_inner.alt {padding:.5em 1em; text-align:left;
}

#content_inner {padding:1em 3em 1em 1.5em;  
}

#content_inner.alt {padding:1em 3em 1em 1.5em; 
}

#footer_inner {padding:.5em 1em; text-align:center;
}