/*Screen Layout design  ++++++++++
* page
	* wrap
    	+ header
    		+logo
    		+nav
    	+ content
    		.subHeader
			.mainContent
        + leftColumn
        + rightColumn
        + footer
*/

/* mac hide\*/ 
html, body {height:100%} 
/* end hide */ 

body{background: #526b81 url(../images/body-background.jpg) repeat-x center top;}

#page{width: 960px;margin: 0 auto;min-height:100%;position:relative;}
* html #page{height:99.9%;} 
/*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 

#header{width: 960px;margin: 0 auto;min-height:133px;position:relative;}
* html #header{height: 133px;} 

#wrap{background: transparent url(../images/content-top-background.jpg) no-repeat left top;/*Firefox bug margin-bottom: 20px;*/padding-bottom:30px;}
#main{background: transparent url(../images/content-background.jpg) repeat-y left top;}


#logo{margin:0px 15px 0 15px;width:265px;height:75px;position: absolute;top: 20px;}
#logo h1{margin: 0px;}

ul#nav{float: right;width: 680px;height:40px;}

#content{float: right;width: 670px;margin: 20px 20px 0 0;padding: 0 ;overflow: hidden;}
.mainContent{width: 92%;margin: 1em auto 0;}

html>body #content {
  width:675px;
} 

#leftColumn{position: relative;float: left;background: transparent url(../images/sidebar-top-background.jpg) no-repeat left top; width: 260px;}

#rightColumn{display: none;}

#footer{margin-left: 9px;width: 902px;/*width: 99%;*/left:0;bottom:0;position: absolute;clear: both;background: #061a29 url(../images/footer-background.jpg) repeat-x center top;padding:20px 20px 10px; height: 170px;text-align: center;font-size: .75em;color: white;}

* html #footer {/*only ie gets this style*/ 
	\height:182px;/* for ie5 */ 
	he\ight:180px;/* for ie6 */ 
	margin-bottom:-1px; 
} 
#clearfooter {/*width:99%;*/height:202px;clear:both} /* to clear footer */

#credits{width: 900px;margin: 60px auto 0 auto;text-align: right;/*padding: 40px 40px 0 0;*/}