html, body {
	padding: 0;
	margin: 0;
}
body {	
	text-align: center;
	min-width: 807px; /* for mozilla*/
	height: 100%;
	background-color: #dde2e6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #474747;
}

#layout-body {
	height: 99.9%;
	min-height: 100%;
	width: 807px;
	background: url(../../../images/content-bg.jpg) repeat-y center center;
	margin: auto;
	position: relative;
	overflow: visible;
}
body.frontpage #layout-body {
	width: 805px;
	background: url(../../../images/frontpage-content-bg.jpg) repeat-y center center;
}
body.attachments #layout-body {
	background: url(../../../images/frontpage-content-bg.jpg) repeat-y center center;
}

#layout-body-helper {
	height: 99.9%;
	min-height: 100%;
	text-align: left;
	position: relative;
	overflow: visible;
	margin-left: 14px;
	margin-right: 15px;
	padding: 0;
}

#main-content-area {
	width: 535px;
	float: right;
	padding-top: 105px; /* make room for header */
	padding-left: 0;
}
#main-content-area-helper {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#main-content-area-content {
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

body.frontpage #main-content-area {
	width: 778px;
	padding-top: 106px; /* make room for header */
	padding-left: 0px;
}
body.frontpage #main-content-area-helper {
	padding-left: 0px;
	padding-top: 0px;
	background: none;
	padding-right: 0px;	
}
body.frontpage #main-content-area-content {
	padding: 0 0px 0 20px;
}

body.attachments #main-content-area {
	float: right;
	width: 777px;
	padding-top: 106px; /* make room for header */
	padding-left: 0px;
}
body.attachments #main-content-area-helper {
	padding-left: 0px;
	padding-top: 2px;
	background: none;
	padding-right: 0px;	
}

#subnavigation-area {
	position: relative; /*ie needs this to show float */
	width: 235px;
	float: left;
	height: 500px;
	background: url(../../../images/navigation-sub-bg.jpg) top left repeat-x;
	padding-top: 111px; /* make room for header*/
margin-left: 2px;
}
#subnavigation-area-helper {
	padding-left: 0px;
	padding-right: 0px;
	
}

body.frontpage #subnavigation-area, body.attachments #subnavigation-area {
	display: none;
}

#mainnavigation-area {
	height: 31px;
	width: 777px;
	background: url(../../../images/mainnavigation-bg.gif) top left repeat-x;
	position: absolute;
	bottom: 0px;
	margin-bottom: 1px;
}
#mainnavigation-area-helper {
}

body.attachments #mainnavigation-area ul {
	display: none;
}
body.attachments #mainnavigation-area-helper {
	padding-top: 3px;
	text-align: center;
}

#topnavigation-area {
	display: block;
	height: 22px;
	width: 157px;
	position: absolute;
	right: 2px;
	bottom: 35px;
	text-align: right;
	height: 20px;
}
#topnavigation-area-helper {
	margin: 0 0 0 0;
}
			
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 778px;
	height: 106px;
	background: url(../images/headers/h1.jpg) no-repeat top left #FFFFFF;
	overflow: hidden;
	z-index: 100;
	cursor: pointer;
}
#print_header {
	display: none;
}

#footer {
	width: 779px;
	clear: both;
	height: 32px;
	/*border-top: 1px solid #DDE2E6;*/
	background: url(../../../images/footer-bg.gif) top left repeat-x;
	text-align: right;
	left: 0px;
	bottom: 0;
	position: absolute;
	display: block;
}

/* Hack fixes */

/* commented backslash hides from ie5mac \*/ 
html {
	height: 100%;
	margin: 0;
	padding: 0
} 
/* end hack */ 

/* for mozilla as IE treats height as min-height anyway */
html > body #layout-body {
	height: auto;
}

#macFix {
	width: 100%;
	background: url(../images/content_bg.gif) repeat-y center center;
} 
body.frontpage #macFix {
	background: none;
	background-color: #FFF;
}

/* mac hide \*/
* html #layout-body-helper {
	width: 790px;
}
/* end hide*/

/* for mozilla as IE treats height as min-height anyway */
html > body #layout-body-helper {
	height: auto;
}

/* mac hide \*/
* html #layout-body-helper, * html #header {
	width: 778px;
}
/* end hide*/

/* ie rounding bug*/
* html #footer {
	margin-bottom: 0px;
	bottom: 0px;
}

/* mac hide \*/
* html #footer { /*only ie gets this style*/
	height: 32px; /* for ie*/
}
/* end hide*/

/*clear top margin for mozilla*/
div {
	margin-top: 0;
}


/* clear footer */
#clearfooter {
	width: 100%;
	height: 32px;
	clear: both;
}

#clearFix {
	clear: both;
}

/*safari wrapper */
html > body #safariFix {
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: -32px;
}