/* Standard 200x600x200 
  container 1020 (so shadow, fading, border can be outside framework
  main 1020 +10px margin (so styles can set margin 0 and have its own framework outside of page!)
  menucontentmargin 990 - 5px padding around edge of page (if menu/margin want to touch sides re-work main background
  position relative needed by absolute positioning of dcm edit buttons 
  removed display:block; added container:position:relative 
*/

body {background:url(/images/zlayout-body.jpg) no-repeat center top;}

#page {display:block;width:1020px;margin:0 auto;position:relative;}

#container {display:block;width:1020;position:relative;}

/* position:relative - for absolute positioning of dcm edit buttons 
margin 10px left and right allows for neat (shadow/pop out) effect 
clear:left needed for firefox or main shows to the right of logobar!
*/

#controlbar, #logobar, #navbar, #subbar, #main, #footerbar 
  {display:block;position:relative;width:1000px;margin:0 10px;clear:left;}

/* white-space helps icons stack better */
#controlbar { white-space:nowrap;height:auto;text-align:right;}
#logobar {z-index:2000;}
#navbar {z-index:1500;}
#subbar {z-index:1100;}

#main {z-index:1000;overflow:hidden;}

#menu, #content, #menucontent, #contentmargin, #menucontentmargin, #margin { float:left;height:100%;overflow:hidden;position:relative;min-height:1000px;z-index:10;}
#menu {width:190px;margin:0 10px 0 0;}
#menucontent {width:790px; margin:0 10px 0 0;}
#content { width:590px;margin: 0 10px 0 0; }
#contentmargin {width:790px; }
#menucontentmargin {width:990px;padding: 0 0 0 0; }
#margin { width:180px;}


#page_navigation {font-size:1.2em; }
#page_navigation ul {list-style:none;margin:0 20px 0 0;clear:both;float:right;}
#page_navigation li {float:left;margin:0 0.15em;}
#page_navigation a,#page_navigation a:visited {padding:0 8px; display:inline;text-decoration:none;}
#page_navigation a:hover {color:black; background-color:white;}


#footerbar {text-align:center;height:50px;font-size:11px; color:#382918;}
#footerbar * {padding:.5em;}
#footerbar a { color:#ccc; text-decoration:none; padding:.5em;}
#footerbar a:hover { color:#aaa; }