/*h3 {
	margin-bottom: 12px; _margin-bottom: 6px;
}*/


#columnSecondaryWrapper {
	width:224px;
	background-color: #fff;
	margin-top: 12px;
}

	#columnSecondary {
		margin: 18px 12px 12px 12px; 
		_margin: 0px 12px 12px 12px;
		*margin: 0px 12px 12px 12px;
		width:200px;		

	}
	#columnSecondary img {
		margin: 6px 0;
}


#columnPrimaryWrapper {
	width:712px;	
	background-color: #fff;
	margin-top: 12px;
}
	
	#columnPrimary {
		margin: 18px; 
		_margin:18px 4px 18px 18px;
		width: 676px;
	}



/* -----------------------------------*/
/* ----------->>> Splash <<<----------*/
/* -----------------------------------*/




/* -----------------------------------*/
/* --------->>> Page Intro <<<--------*/
/* -----------------------------------*/


#pageIntro {
	background-color:#fff;
	padding:0px 6px 6px 6px;
    width: 588px;
}




/* -----------------------------------*/
/* --------->>> Spotlight <<<---------*/
/* -----------------------------------*/

#pageSpotlightWrapper {
    width: 600px;
}

	#pageSpotlight1 {
		width: 290px;
		margin: 0 4px 0 0;
	}

	#pageSpotlight2 {
		width: 290px;
	}

.spotlightBox {
	border: 1px #73abc4 solid;
	background-color: #f2f7fa !important;
	padding-bottom: 12px;
	height: 100%;    
}

.spotlightBox h3 {
	background-color: #73abc4 !important;
	padding: 3px 0 6px 18px !important;
	margin: 0px 0 6px 0 !important;
	color: #fff !important;
	font-size: 18px!important;
	font-weight: normal !important;
}

.spotlightBox p {
	margin-bottom: 12px;
	line-height: 1.7em;
	padding: 0 6px 0px 18px;

}


.spotlightBox ul {
	padding-left: 36px;	
	margin-bottom: 12px;
}

.spotlightBox li {
	line-height: 1.7em;
	color:#000;
}



/* -----------------------------------*/
/* ---------->>> Classes <<<----------*/
/* -----------------------------------*/

.sideBanner {
	padding-bottom: 6px;
    margin: 0px;
}

.floatLeft {
	float: left;
	padding-right: 6px;
}

.floatRight {
	float: right;
	padding-left: 6px;
}

.floatNone {
	float: none;
	padding: 6px 0 6px 0;
}



/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#tabs .ui-tabs-panel .quickFacts {
	height:300px;
	float:left;
	margin:0px;
	padding:10px;
	width:200px;
}
#tabs .ui-tabs-panel .quickFacts p, #tabs .ui-tabs-panel .facts p {
	margin:0px;
	padding:0px;
}
#tabs .ui-tabs-panel .facts {
height:300px;
	float:left;
	width:430px;
	padding:10px;
	border-left:1px solid #006091;
}
#tabs .ui-tabs-panel .clear {
	
}
#tabs img { /* add a float, border and background to images inside of tabs to match the header image-KR */
	background-color:#f2f7fa;
	border:1px solid #287Da6;
	padding:6px;
	float:right;
	margin-left:6px;
	margin-bottom:6px;
}
.imageAndCaption { /*this is to float and image in the tabs content area with room for a caption - KR */
	float:right;
	width:220px;
	padding:6px;
	font-size:11px;
}

#tabs .ui-tabs-panel { /* the text was bumping into the frame of the tabs, so I moved it away from the edge. - KR */
		padding:12px 12px 0px 0px;
}


/* side bar content boxen */

.sideContent {
	border:1px solid #006091;
}

.sideContent .contentHeader {
	background-color:#006091;
	color:white;
	display:block;
	padding:5px;
	
}
.sideContent div{
	margin-left:3px;
	
}

/*added by Kristin - delete whatever you don't like */
/* I didn't add any font styles (size, color, etc) - only padding, margins and styles for images that appear in the tabbed interface) */
span.boldText { /* <strong> tags are being ignored, so I added a span to increase the weight of the font when necessary */
	font-weight:bold;
}
span.italicText { /* <em> tags are being ignored, so I added a span to fix this */
	font-style:italic;
}

.clearImage { /* move text below the image when necessary in the content area*/
	clear:both;
	line-height:1px;
	height:1px;
}


#pageContent hr {
	margin-bottom: 14px;
}

#info {
	margin-top: 18px;
}



#pageSplashImage {
	background-color:#F2F7FA;
	vertical-align:middle;
	margin-bottom: 3px;
	border: 1px solid #287DA6;
}

#pageSplashImage img {
	margin-left: 6px;
}

/* NEW TO 2010 */
/* Primary column (content) was wrapping under secondary (local navigation) */
/* floated both left so that they sit adjacent */
#columnSecondaryWrapper,
#columnPrimaryWrapper 
{
float: left
}
/* NEW TO 2010 */
/* added margin so that margin is consistent with other page layouts */
#columnPrimaryWrapper 
{
margin-left: 12px;
}