/* layout CSS for interior pages - redesign 2009 */

html, body {
    height: 100%;
}

body {
	background-color: #514836;
	margin: 0;
    padding: 0;
    text-align: center;
    /* min-height: 400px;  For Mozilla/Opera/Safari */
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-size: 12px;
	line-height: 16px;
	color: #333333;		/* was 49402F */	
}

/* SZT: merged two bg graphics (shadow and green/wht bg) into one and placed into this div, which seems to have no problem with 100% height */
#pageWrapper {
    position: relative;
    margin: 0 auto; 
	padding:0;
  	text-align:left;
    width: 1133px;
    /* height: 100%; */
    min-height: 100%;
    height: auto;		
	/* min-width: 500px; */
	background: url(../../graphics/layout2009/interior/back_master.gif) repeat-y scroll;
	/* background: url(../../graphics/layout2009/common/shadow.gif) repeat-y scroll; */
}
/* Hack for IE */
* html #pageWrapper {
    height: 100%;
}
/* End IE Hack */ 


/* DMS MODAL STYLES added 3-11-10 - these are styles for modal page fade Ajax stuff */

/* this can be made visible to fade entire page out. whatever will be layered on top should
 	have z-index greater than 50 */
#pageFader {
    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; 	
	opacity: 0; 					/* for FF, Safari, etc - not IE */
	filter: alpha(opacity = 0);	    /* for IE only, ignored by others */
	display:none; 
}
/* Hack for IE */
* html #pageFader {
    height: 100%;
}
/* End IE Hack */   

 
  .modalShell {
 	/* note: fixed keeps dialog centered no matter what user does with resizing or scrolling browser. however doesn't work in IE6.
	   so using absolute there. */
 	position: fixed;	
	z-index:60;
	left:50%; top:50%;
	width:940px; height:640px;
	display:none;
 }
 
  .modalInner {
 	position: relative;
	z-index:65;
	left:-470px; top:-320px;
	width:940px; height:640px;	
 	background-color: #FFFFFF;
 	border:6px solid #6E9DB6; 	
	padding: 0; 				/* was 6px 9px 6px 9px */
	text-align:left;
 }
 
 .modalTitleBar {
  	position: absolute;
	z-index:70;
	left:0; top:-2px;
	width:100%; height:20px; 
	background-color: #6E9DB6;	
	color: #FFFFFF;
	font-size:11px; font-weight:normal; font-stretch:expanded;	
	padding: 0; 	
 }
 
  #modalPreviewClose {
	display: block;
	text-align:center; 
	cursor:pointer;	
 }
  #modalTitleBarNoCloser {
	display:none;
 }


/* END MODAL STYLES */


 /* SZT: removed bg graphic from this div, and bumped right/left margins down from 24px (otherwise, there was a slight green gap with newly merged bg img) */
#mainShell {
	/* background: #FFFFFF url(../../graphics/layout2009/interior/bg-content2.gif) repeat-y scroll;	*/
	width: 1003px;
    min-height: 100%;
    height: auto;		
	margin: 0 65px 0 65px;	/* 0px 23px 0px 23px */
	border: 0px solid #FFCCCC;
}
/* Hack for IE */
* html #mainShell {
    height: 100%;
}
/* End IE Hack */ 

#contentShell {
	z-index: 1;
	margin-left: 179px;
	/* margin-right:0px; */ 
	margin-right: 170px; 
	border: 0px solid #FF0000;	
}
#innerShell {
	z-index: 2;
	width: 654px;		/* was 675 */
	position: relative;	
	border: 0px solid #FF0000;	
}
/* * html #innerColumnContainer {
	position: relative;	 fix a render bug in IE under certain conditions 
} */
#bodyShell {
	margin: 0 -1px;	/* without this (-1px), boxes stop floating next to each other */
	width: 654px;	/* was 675	*/
	border: 0px solid #FFCCCC;
}
#colLeft, #colRight, #bodyShell {
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}
#colRight {
	float: right;
	width: 170px;
	margin: 0 -170px 0 1px;	
	border: 0px solid #000000;
} 

#colLeft {
	width: 179px;
	margin: 0 1px 0 -179px;	
	border: 0px solid #666666;
	overflow: hidden;
}
#clearFloats {			
  clear:both; 
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#innerColLeft {
	margin: 0;
	padding: 0 0 85px 0;	/* padding gives space for green hand to be absolutely positioned to hugbottom of page */
	text-align:left;
}

#innerBodyShell {
	margin: 0;
	text-align:left;
	padding: 0; 
	border: 0px solid #006699;
}
 
/*
#innerColRight {
	margin-top:0px;
	text-align:left;
	padding:20px 32px 14px 12px;
} 
*/

#mainContent {
	/* legacy code with 100% width tables breaks layout (stretches across padding)
		unless content container has fixed width to restrict those tables (was 575) */
/*
	width:569px;	
	padding:43px 28px 78px 78px;
*/
	width:574px;	
	padding:25px 40px 80px 40px;
	margin:0;
	border: 0px solid #FF0000;
}

#mainContent.admin {
	width:725px;	
	padding:43px 0px 78px 0px;
	margin:0 0 0 48px;
	border: 0px solid #FF0000;
}

#breadcrumbs {
	color: #396075; background-color: #E9EBD3;
	font-size: 11px;
	line-height: 29px;
	height:30px;
	margin:0;
	padding:0px 0 0 14px;
}
/* Hack for IE */
* html #breadcrumbs {
    height: 31px;
}
/* End IE Hack */ 
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
	color: #695E4A;
}
#breadcrumbs a:hover {
	color: #000000;
} 
#header {
	background: url(../../graphics/layout2009/interior/screen_headerint.gif) repeat-x left top;
	width: 1003px; height: 114px; 
	overflow:hidden;	
	margin: 0 0px 0 0px;
	padding:0;	
	border-bottom: 0px solid #FFFFFF;
}
#welcome {
	padding: 6px 0px 0px 16px; 
	color: #FFFFFF;
}

/* DMS added 7-10-09 hack to make links line up same in IE as FF etc */
#topLinks {
	float:right;
	position:absolute;
	right: 90px;
	top: 9px;	
	padding: 6px 6px 0px 0px; 
	color: #CFBFA2;
}
/* Hack for IE */
* html #topLinks {
    right: 18px;
}
/* End IE Hack */ 

/* DMS added 7-09-09 for fall event changes */
/* SZT 01/12/10 modified style for anso pie event: background and cursor styles */
#fallEvent {
	background: url(../../graphics/layout2009/common/pie_interior_top.jpg) no-repeat center;
	float: right; 
	position: relative;
	/* position:absolute; */
	/* left: 390px; */
	right: 312px; 
	top: 0px;	
	width: 324px;
	height: 103px;
	padding: 0;
	margin: 0;
	cursor:pointer;
}

.logo-anso {
	background:transparent url(../../graphics/layout2009/interior/logo_header.gif) no-repeat scroll 0 0;
	float:left;
	width:346px; height:114px;
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}

.logo-promo {		/* swap class with logo-nopromo below to remove sale graphic */
	background:transparent url(../../graphics/layout2009/interior/logo_fill.gif) no-repeat scroll right bottom;
	float:right;
	width:657px; height:114px;
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}
/* ** DMS added 3-17-10 for when sale page is not active (class swapped out automatically by CF once sale
 * page disabled in admin panel)
 */
.logo-nopromo {		/* swap class with logo-promo above to display sale graphic */
	background:transparent url(../../graphics/layout2009/interior/logo_fill_alt.gif) no-repeat scroll right bottom;
	float:right;
	width:657px; height:114px;
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}

.logo-green {
	background:transparent url(../../graphics/layout2009/interior/interior-logo-green.gif) no-repeat scroll 0 0;
	float:left;
	width:313px; height:88px;
	margin:9px 0px 0px 36px;
	text-indent:-9999px;
}


.cardOLD {
	background:transparent url(../../graphics/layout2009/interior/bg-card.png) no-repeat scroll 0 0;
	height:13px;
	padding:90px 0 0 0;
	position:absolute;
	right:34px;
	top:68px;
	width:161px;
	z-index:12;
}

/* ** DMS added 3-17-10 for when sale page is not active (class swapped out automatically by CF once sale
 * page disabled in admin. note: border and margin silliness so no gap between this and green bar above.
 */
.cardNoSale {
	background:transparent url(../../graphics/layout2009/interior/logo_green_int_nopromo.gif) no-repeat scroll 0 0;
	float:right;
	width:170px; height:30px;	/* note actual height of graphic is 116, which is already added w/ padding. we just need enough height for the link that IE doesn't go mad */
	margin:-2px 0px 0px 0px;
	padding-top: 116px;
	position: relative;
	z-index: 12;	
	border-top: 2px solid #AFBD22;
}

.card {		
	background:transparent url(../../graphics/layout2009/interior/logo_green_int_nologin.gif) no-repeat scroll 0 0;
	float:right;
	width:170px; height:30px;	/* note actual height of graphic is 116, which is already added w/ padding. we just need enough height for the link that IE doesn't go mad */
	margin:0px 0px 0px 0px;
	padding-top: 116px;
	position: relative;
	z-index: 12;
}

.card a:link, .card a:visited, .card a:active {
	color:#9BAC21;
	display:inline;
	float:right;
	font-size:11px;
	font-style:italic;
	line-height:14px;
	margin:0pt 15px 0pt 0pt;
	text-decoration:none;
}

.card a:hover {
	color: #0173BC;
}


#interiorNavMenuShell {
	position: absolute; 
	top:144px; left:65px;
	z-index: 5; 
	width:179px;
	margin:0 0 0 0;
	border-bottom: 1px solid #B1C3D0;		/* was D7E7FA, then 78ACC7 */
}

#liveHelpBtn {
	position: relative; 
	width:177px; height:120px;	/* height was 75 */
}

#leftColLogos {
	position: relative; 
	width: 178px;		/* was 177, then 139 */ 
	text-align: center;	
	margin: 0;		/* margin:(111)66px 0px 120px 34px; */
}

.oneLeftLogo {
	width: 178px;
	margin:6px 0 0px 0px;
}

#leftColLogos h5 {
	color:#FFFFFF;
	font-size:14px;
	height: 14px;
	margin:0px 0 14px 20px;		/* margin:0px 0 15px -14px; */
	text-align: left;
}


#bottomGreenHand {
	position: absolute; 
	width:179px; height:120px;
	bottom:0; left:67px;
	background: transparent url(../../graphics/layout2009/home/footer_green.gif) no-repeat bottom left scroll;		
}

#intFooter {
	position: absolute; 
	bottom:0; left:280px;		
	margin: 16px 0px 23px 0px; 
	padding-top: 4px;
	width: 574px;				
	border-top: 3px solid #6E9DB6;
	z-index: 10;
}