* {/* for demo only*/
	margin:0;
	padding:0;
	/*font-size:12px;*/
}
html, body {
	height:100%;/* needed to base 100% height on something known*/
	/*text-align:center;*/
	background-color:#dfdfd5;
	font-family:Verdana, Geneva, sans-serif;
			line-height:16px;
			font-size:12px;

}
#outer {
	width:100%;
	margin:auto;
	min-height:100%;
	margin-top:-60px;/*footer height - this drags the outer 40px up through the top of the monitor */
	text-align:left;
}
* html #outer {
	height:100%
}

#header {
	border-bottom:thick solid #fb6900;
	height:60px;
	min-width:1260px;/*980px*/
	background-color:#FFF;
	border-top:60px solid #fff; /* soak up negative margin and allows header to start at top of page*/
}
	
#footer{
	/* footer now sits at bottom of window*/
	background-color:#00729e; /* #4d6780 */
	width:100%;
    min-width:1260px; /*was 980px and footer stopped short on iPad and phone */
	margin:auto;
	height:60px;/* must match negative margin of #outer */
	clear:both;
	border-top:4px solid #fff;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#outer:after {/* thank you Erik J - instead of using display table for ie8*/
	clear:both;
	display:block;
	height:1%;
	content:" ";
}
/* begin sandag layout css */
#sandagLogo{
	float:left;
	margin-top:6px;
	margin-left:8px;
	}
#topNav{
	margin-left:30px;
	margin-top:34px;
	float:left;
	font-size:.8em;
	color:#999999;
	}
#searchDiv{
	float:left; /* right */
	font-size:.9em;/**/
	color:#999999;/**/
	margin-right:0px;/* 38px */
	margin-top:34px;/**/
	padding-left:20px;
	}
#mainContent{
	/**/width:auto;
	min-width:1260px; /*980px*/
	min-height:700px;
	height:100%;

}
/* left navigation overall container */
#leftCol{
	float:left;
	width:224px; /* 173px */
	height:auto;
	/*background-color:#900;*/
		-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
/* hold left nav parts*/
#leftNav{
	position:relative;
	float:left;
	width:224px; /* 173px */
	height:auto;
	min-height:721px; /* 652px */
	margin-top:30px;
	background-color:#ffffff;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}
.lftNavCellOn{
	padding-top:6px;
	padding-bottom:10px;
	padding-left:16px;
	width:208px;
	min-height:14px;
	background-color:#DFDFDF; /* #cc9933 */
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
	}
		/*background-color:#fffae9;*/
		
.lftNavCellOff{
	padding-top:10px;
	padding-bottom:0px;
	padding-left:16px;
	width:208px;
	min-height:14px;
	}
.NavSubClassOn{
	background-color:#ffffff;
	}
.NavSubClassOff{
	background-color:#ffffff;
	}
#leftNavSubClassOn{
	position:relative;
	float:left;
	width:200px;
	height:auto;
	min-height:16px;
	padding-left:24px;
	padding-top:6px;
	background-color:#ffffff;
	}
#leftNavSubClassOff{
	position:relative;
	float:left;
	width:200px;
	height:auto;
	min-height:16px;
	padding-left:24px;
	padding-top:6px;
	/*padding-bottom:10px;*/
	background-color:#ffffff;
	}
.onIndicator{
	width:10px;
	height:10px;
	background-color:#F00;
	}
.leftNavSubscribeBox{
	height:12px;
	}
#leftNewsletter{
	position:relative;
	padding-left:16px;
	float:left;
	width:208px; /* 173px */
	height:auto;
	min-height:21px; /* 652px */
	margin-top:10px;
	margin-bottom:4px;
	background-color:#ffffff;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}
#footerLinks{
	margin-top:10px;
	margin-left:10px;
	float:left;
	color:#ffffff;
	font-size:.8em;
	text-align:left;
	line-height:16px;
}
#footerContact{
	margin-top:10px;
	margin-right:10px;
	float:right;
	color:#ffffff;
	font-size:.8em; 
	line-height:16px;
	text-align:right;
}
/* end sandag layout css */
/* start typography */
h1{
	font-size:22px;
	line-height:24px;
}
h2{
	font-size:18px;
	line-height:20px;
}
h3{
	font-size:14px;
	line-height:16px;
}
h4{
	color:#999;
}
h1, h2{
	padding:0 0px;
}
p{
	padding-bottom:8px;
	padding-left:0px;
	line-height:16px;
}
ul{
	padding-left:16px;
	padding-bottom:10px;
}
ol{
	padding-left:16px;
}
.searchBox{
	height:12px;
}

p.sectionTitle {
	color: #00729E; /*#669933*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	text-decoration: none;
   	font-size: 18px;
	font-weight: bold;
	}
p.bodyheader {
	color: #666666; /*#669933*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
   	text-decoration: none;
   	font-size: 9pt;
	font-weight: bold;
	}
/* end typography */	

/* Gradient transparent - color - transparent */		
hr.myHRfade {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.35)); 
    background-image:    -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.35)); 
    background-image:     -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.35)); 
    background-image:      -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0.35)); 
}
hr.myHRfadeLeftRight {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
}
.calendarcancelled{
	color:#F00;
	font-weight:bold;
}