html, body {
    height: 100%;
}

/* NOTE THE BACKGROUND GRAPHICS DEFINED IN THE STYLES BELOW. Relative paths used here
are to THIS css file. */

body {
	background: #352B22 url(../../graphics/layout/dmsint-beanbkgd4-fw.jpg) repeat-y center center; 
	/* background-color: #352B22; */
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 9pt; line-height: 15pt;		
	color: #6A5535;	
}


/* 
#pageCover {
    position: fixed;		*** note, for IE7, fixed makes it really cover the whole page, even the scrolling bits. not for IE 6 though! 
	left:0; top:0;
	z-index:50;
    margin:0;
	padding: 0;
    width: 100%;
    min-height: 100%;
    height: auto;	
	background-color: #FFFFFF; 	
	display:none; 
}
* html #pageCover {
    height: 100%;
} 

 #printModalShell {
 	position: fixed;	
	z-index:60;
	left:50%; top:0;
	width:910px; 
	min-height: 100%;
	display:none;
 }
* html #printModalShell {
    height: 100%;
}
 
 #modalInner {
 	position: relative;
	z-index:65;
	left:-455px; top:0;
	width:910px; height:640px;	
	overflow-y: visible;
 	background-color: #FFFFFF;
	padding: 20px;
	text-align:left;
 }
 
 #flexShell {
 	display: block;
 }
*/

#pageWrapper {
    position: relative;
    margin: 0 auto; 
	padding:0px;	
  	text-align: left;
    width: 910px;		
    min-height: 100%;
    height: auto;		
	background-color: #FFFFFF;
	border: 0px solid #FF0000;
}
/* Hack for IE */
* html #pageWrapper {
    height: 100%;
}
/* End IE Hack */ 

#innerPageWrapper {
    position: relative;
    margin: 0 auto; 
	padding: 0;
  	text-align:left;
    width: 910px;
    min-height: 100%; 
    height: auto;  		
	background-color: #FFFFFF; 
	border: 1px solid #FF0000;
	display: table-cell;
}
/* Hack for IE */
* html #innerPageWrapper {
    height: 100%;
}
/* End IE Hack */ 


#contentShell {
	z-index: 1;
	/* margin-left:220px; */
	margin-left: 0;
	margin-right: 250px;
}
#innerShell {
	z-index: 2;
	width: 660px;
	position: relative;
}

#bodyShell {
	margin: 0 -1px;	/* without this, boxes stop floating next to each other */
	width: 660px;
}
#colLeft, #colRight, #bodyShell {
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}
#colRight {
	float: right;
	width: 250px;
	margin: 0 -250px 0 1px;	
}

#barTopRight {
	position:absolute;
	top:0; right: 0;
	width: 250px;
	height: 12px;
	background-color: #EEB151;
	/* display: none; */
}

#barTopLeft {
	position:absolute;
	top:0; left: 0;
	width: 660px;
	height: 12px;
	background-color: #A0687E;
	/* display: none; */
}

/*
#colLeft {
	width: 220px;
	margin: 0 1px 0 -220px;	
}
*/
#clearFloats {			
  clear:both; 
}

/*
#innerColLeft {
	margin-top:0px;
	text-align:left;
	padding:13px 0px 0px 0px;		
}
*/
#innerBodyShell {
	margin-top:0px;
	text-align:left;
	padding:35px 25px 35px 25px;	
}
#innerColRight {
	margin-top:0px;
	text-align:right;
	padding:35px 25px 35px 25px; 	
	overflow:hidden;				
}	

#headerShell {
	height: 156px; width: 910px;
	margin:0;
	padding:0;
	border: 0px solid #968572;
	overflow:hidden;
}

#topHeader {
	height: 8px; width: 898px;
	margin:0;
	padding:6px;
	background: #564136 url(../../graphics/layout/dmsint-beanblur.jpg) no-repeat center center; 
	overflow:hidden;
}

#topContact {
	position:absolute;
	top: -1px; right: 0;
	width: 90px; height: 20px;
}

#midHeader {
	height: 100px; width: 910px;
	margin:0;
	padding:0;
	background: #E6B94D url(../../graphics/layout/dmsint-pineapple-blur.jpg) no-repeat center center; 
	overflow:hidden;
}

#mainLogo {
	position: relative;
	top: 0;
	left: 0;
	width: 220px; height: 100px;
}

#botHeader {
	height: 36px; width: 910px;
	margin:0;
	padding:0;
	/* background-color:#A8A445; */
	background: #A8A445 url(../../graphics/layout/dmsint-pineapple-36strip.jpg) no-repeat top right; 
	overflow:hidden;
}

#navShell {
	height: 25px;
	overflow: hidden;
}

.navImgShell {
	float: left;
}

#indicatorShell {
	height: 11px;
	overflow: hidden;
}

.navIndicator {
	float: left;
    visibility: hidden;
}


#rcolSlideShowOuter {
	margin-top: 12px;
	width: 200px; height: 288px;
	z-index: 2;
	background: #FFFFFF url(../../graphics/layout/rcol-slideframe-shadow.png) no-repeat top left; 
}

#rcolSlideShowInner {
	width: 190px; height: 273px;
	z-index: 3;
	position: relative;
	top: 0; left: 0;
	/* background-color:#0099FF; */
}

#rcolSlideShowInner img { display: none }
#rcolSlideShowInner img.first { display: block }


#intFooter { position:absolute; 
	bottom: 12px; left:25px; 		
	height: 20px; }

