/* Just for inside pages */

/* Subnavigation, left */

div#subnav {
	float: left;
	width: 215px;
	/* The old switcheroo */

	position: relative;
	right: 552px;
	z-index: 1;
}
map#snav {
	display: block;
	background: #f9f3db;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	margin: 0 38px 1em 0;
}

*:first-child+html map#snav, *html map#snav  {padding-bottom:15px;} 

#subnav #snav h2 {
	color: white;
	background: #092456 url(h/img/sprite-default.png) 0 0 no-repeat;
	margin: 0 0 0.7em 0;
	font-size: 100%;
	padding: 0.7em 20px;
	/* IE6 */

			position: relative;
}
#subnav h2 a {
	color: white;
}
#snav ul {
	margin: 0 0 1em 0;
}
#snav a, #snav em {
	display: block;
	font-style: normal;
}
/* Used to show where the user was, if CSS is disabled. Not styled. */

		#snav strong {
	font-weight: normal;
}
/* Second level nav */

		#snav ul a, #snav ul em { 
	color: black;
	padding: 0.2em 10px 0.2em 28px;
	background: url(/img/sprite-default.png) -177px 6px no-repeat;
	line-height: 1;
}
#snav ul em {
	font-weight: bold;
}
/* Third level nav */

			#snav ul ul {
	margin: 0 0 1.5em 0;
}
#snav ul ul a, #snav ul ul em {
	color: black;
	padding-left: 35px;
	background: url(/img/sprite-default.png) -352px 8px no-repeat;
}
#snav ul a:hover, #snav ul em, #snav ul ul a:hover, #snav ul ul em {
	color: #10286a;
	background-color: white;
}
/* Sometimes, additional links appear under the sub-nav */

/* Most rules are inherited */

#subnav div {
	font-size:90%;
	padding: 1em 20px;
}
#subnav a {
	text-decoration: none;
}
div#content {
	width: 552px;
	/* The old switcheroo */

	position: relative;
	left: 196px;
	z-index: 1;
	padding: 0.6em 0 0 0;
}
/* Standard "puff" call to action */

div.puff {
	background: white url(/img/sprite-puff.png) 0 0 repeat-y;
	margin: 0 0 1em 0;
}
.puff div {
	background: url(/img/sprite-puff.png) -1104px 100% no-repeat;
}
.puff div div {
	background: none;
}
/* Top cap */

		#content .puff h2, #content .puff h1 {
	background: url(/img/sprite-puff.png) -552px 0 no-repeat;
	padding: 1em 20px 0.5em 20px;
	margin: 0;
}
#content .puff h3, #content .puff h4, #content .puff h5, #content .puff h6,  #content .puff p, #content .puff dl, #content .puff ol, #content .puff ul {
	margin-right: 20px;
	margin-left: 20px;
}


/* Bottom cap - some declarations shared with .go, below */

	#content .puff p.go {
	background: url(/img/sprite-puff.png) -1656px 100% no-repeat;
	margin: 0;
}


/* A stand-alone call-to-action */

#content p.go {
	padding: 1.1em 20px;
	text-align: right;
	font-weight: bold;
	background: url(/img/sprite-puff.png) -1656px 100% no-repeat;
}
/* This is a call to action, after all */

	.go a {
	display: block;
	text-decoration: none;
}
.go a strong {
	font-weight: normal;
	color: white;
	background: #602482;
	padding: 0.2em 1em;
	margin: 0 0 0 1em;
}





/* Secondary puff panel - no call-to-action */

div.puffsecondary {
	border-top: solid 1px #e6e9f0;
	background: #fdfbf4;
	padding: 20px;
	margin: 0 0 1em 0;
}
.puffsecondary a, .threecol a {
	display: block;
}
#content .puffsecondary h2 {
	padding: 0 0 0.3em 0;
}
.puffsecondary h2 a {
	background: url(/img/bg-puffsecondary-h2-a.gif) 0 5px no-repeat;
	padding: 0 15px 0 15px;
	font-size:95%;
}

.threecol h2 a {
	padding: 0 5px 10px 0;
	font-size:85%;
	font-weight:bold;
}

.puffsecondary p a {
	font-weight: bold;
	text-decoration: none;
}
/* jQuery tabs */

div.tabs, div.threecol {
	background: url(/img/sprite-tabs.png) -616px 0 repeat-y;
	margin: 0 0 1em 0;
}
#content ul.ui-tabs-nav {
	margin: 0;
	border-bottom: solid 1px #e5dec5;
	background: white;
}
#content .ui-tabs-nav li {
	float: left;
	width: 155px;
	padding: 0;
	background: none;
	border-bottom: solid 1px #e5dec5;
	position: relative;
	top: 1px;
}
#content .ui-tabs-nav li.ui-tabs-selected {
	border-bottom: solid 1px white;
}
.ui-tabs-nav a {
	text-decoration: none;
	display: block;
	margin: 0 1px 0 0;
	background: url(/img/sprite-tabs.png) -462px 0 repeat-y;
	height: 3.2em;
}
div[id] .ui-tabs-nav a {
	height: auto;
	min-height: 3.2em;
}
/* The current tab */

	.ui-tabs-nav .ui-tabs-selected a {
	background: url(/img/sprite-tabs.png) -308px 0 repeat-y;
}
/* Top curve */

	.ui-tabs-nav a span {
	display: block;
	padding: 1em 20px 0 20px;
	background: url(/img/sprite-tabs.png) -154px 0 no-repeat;
	/* For IE6 */
	position: relative;
}
.ui-tabs-nav .long a span {
	padding-top: 0.4em;
	font-weight:bold;
}
.ui-tabs-nav .ui-tabs-selected a span {
	background: url(/img/sprite-tabs.png) 0 0 no-repeat;
}
/* Tab content */

	.tabs div, .threecol div {
	background: url(/img/sprite-tabs.png) -1168px 100% no-repeat;
	padding: 1em 20px 0 20px;
}
.tabs div div {
	background: none;
	padding: 0;
}
/* Table rules */

#main table, #main th, #main td {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
#main table {
	margin: 0 0 1em 0;
	border: solid 1px #002776;
}
#content table {
	width: 552px;
}
#content div table {
	width: auto;
}
/* This shares rules with h2, in default.css */

	#content caption {
	text-align: left;
	font-size:100%;
	font-weight:bold;
	color:black;
}
#main th, #main thead td {
	text-align: left;
	color: white;
	background: #143a7c url(/img/sprite-table.png) 0 100% repeat-x;
	border: solid 1px white;
}

#main thead th { border:1px solid #002776;}

#main thead th.t1c1, #main thead th.t1c2,#main thead th.t1c3 { border-right:solid 1px white;}


#main td {
	border-right: solid 1px #002776;
	border-left: solid 1px #002776;
}
#main .even td {
	background: #f4f5f9;
}
#main th, #main td {
	padding: 0.3em 7px 0 7px;
}
#content table p {
	margin: 0 0 0.3em 0;
}


#content table.contact th {padding-bottom: 4px!important; padding-top:2px!important;}


/* Pagination - this will need to change to a class, if there is one at the top and bottom of the same page */

#pagination ol {
	border-top: solid 1px #e6e9f0;
	border-bottom: solid 1px #e6e9f0;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 110%;
}
#pagination li {
	float: left;
}
#pagination a, #pagination em, .btt a {
	display: block;
	font-style: normal;
	text-decoration: none;
	color: #6b6b6b;
}
#pagination a, #pagination em {
	font-style: normal;
	padding: 1em 0.3em;
}
#pagination .next a {
	background: url(/img/icon-next.gif) 100% 50% no-repeat;
	padding-right: 18px;
	padding-left: 1em;
}
#pagination .next em {
	background: url(/img/icon-next-off.gif) 100% 50% no-repeat;
	padding-right: 18px;
	padding-left: 1em;
}
#pagination .prev a {
	background: url(/img/icon-previous.gif) 0 50% no-repeat;
	padding-left: 18px;
	padding-right: 1em;
}
#pagination .prev em {
	background: url(/img/icon-previous-off.gif) 0 50% no-repeat;
	padding-left: 18px;
	padding-right: 1em;
}
/* Back to top link */

.btt a {
	padding-left: 18px;
	position: relative;
	background: url(/img/icon-up.gif) 0 50% no-repeat;
}
/* A two-column layout in #content */

div.twocol, div.promo {
	margin: 0 0 1em 0;
}



div.cta-link {
	float:left; 
	width: 265px;
	margin-top:-10px;
	}

div.cta-link-first {clear:left;	}
div.cta-link-last {margin-left:20px;}

/* A different two-column layout, but now with boxes! */
div.promo {
	background: url(/img/sprite-promo.png) -266px 0 repeat-y;
}

/* Bottom curve */
.promo div {
	background: url(/img/sprite-promo.png) -1370px 100% no-repeat;
}
/* Top curve */

.promo div div {
	background-position: 0 0;
	padding: 1em 0 0 0;
}
.promo div div.last {
	/* background-position: 20px 0; */
}

.promo-last {margin-left:20px;width:266px;}
/* Sometimes, there's a further two-column layout, inside the two column layout. Turtles, all the way down. */


div.promo-cta,
div.promo-cta-last {
            	float:left; 
                background: url(/img/sprite-promo.png) -818px 100% no-repeat;
				min-height:45px;								
}

* html div.promo-cta,
* html div.promo-cta-last { height:50px;}

div.promo-cta {
                clear:left; 
                padding-left:20px; 
                width:250px;
}

div.promo-cta-last {
                width:266px;
                margin-left:16px;
}

.promo div div div {
	background: none;
	padding: 0 0 0 20px;
}
.promo div div div div {
	float: left;
	width: 128px;
	padding: 0;
}
#content .promo p.img {
	width: 92px;
	width: 118px;
	float: left;
	text-align: center;
	margin: 0;
}

#content .promo p.action {
	width:230px;
}
.twocol div, 
.promo div div {
	float: left;
	width: 266px;
}

.twocol div div, 
.promo div div div {
	width: auto;
	float: none;
}

.promo div div div img 				{float:right;}
.promo div div div div.push			{width:230px;}
.promo div div.last div div.push 	{padding-right:10px; width:250px;}
.promo div div div div.push img 	{float:right; width:80px; margin-left:20px; }
.promo div div div p.action 		{clear:left;}

/* Gutter */

		#content .twocol .last h1, #content .twocol .last h2, #content .twocol .last h3,  .twocol .last h4, .twocol .last h5, .twocol .last h6, #content .twocol .last p,  .twocol .last ul, .twocol .last ol, .twocol .last dl,  #content .promo .last h1, #content .promo .last h2, #content .promo .last h3,  .promo .last h4, .promo .last h5, .promo .last h6, #content .promo .last p,  .promo .last ul, .promo .last ol, .promo .last dl {
	margin-left: 20px;
}
#main .promo h1, #main .promo h2, #main .promo h3 {
	font-size: 130%;
	font-weight: normal;
	padding: 0 20px;
	margin-bottom: 0.5em;
}
/* A quite different ID card style two-column layout */

div.idpuff {
	background: white url(/img/sprite-idpuff.png) 0 0 repeat-y;
	margin: 0 0 1em 0;
}
.idpuff div {
	background: url(/img/sprite-idpuff.png) -552px 100% no-repeat;
}
.idpuff div div {
	background-position: -1104px 0;
	padding: 10px 0 0 10px;
}
.idpuff div div div {
	background: none;
	float: left;
	width: 316px;
}
.idpuff p.idimg {
	float: left;
	width: 216px;
	text-align: center;
	margin: 10px 0 0 0;
	padding-bottom:15px;
}


/* A three-column layout, similar to .puffsecondary. This inherits some styles from .tabs */
div.threecol div {
	padding: 0;
}
div.threecol div div {
	background: url(/img/sprite-tabs.png) -1720px 0 no-repeat;
	padding: 10px 0 0 10px;	

}

.threecol h1, .threecol h3, .threecol h4, .threecol h5,  .threecol h6, .threecol p {
	margin-right: 10px;
}


div.threecol div div div#threecol-content {
	background: url(/img/bg-threecol-p.png) top left repeat-y; float:left;
	}
	
div.threecol div div div#threecol-content div	{
	padding:0;
	margin: 0;
	float: left;
	width: 175px;
	background:none;
}

	div.threecol div div div#threecol-content div.last	{
		width: 150px;
		padding-left:2px;
	}

 */

/* THIS IS FOR THE CAMPAIGN PAGE */

#threecol-content h2 {}

#threecol-content h2 a {
			min-height:30px; 
			width: 170px;
			padding: 0 5px 5px 0;
			margin-bottom:0;
			font-size:0.8em;
			font-weight:bold;
		}

	* html #threecol-content h2 a {height:30px; }

div.threecol div div div#threecol-content div p {
		padding-right:8px;
		padding-top:0;
		margin-top:-5px;
		
	}
	
	
/* Campaign calls to action */	
div#threecol-cta { 
		clear:left; 
		width:530px;  
		margin-left:0px;
		background-image:none;
	}

	div#threecol-cta p.action { 
		width: 165px; 
		padding:0 0 10px 0; 
		margin:0 10px 0 0;
		float:left;
		min-height: 0;
		}
		
		div#threecol-cta p.last { width:160px; }
		
			div#threecol-cta p.action a {background-position: -801px 0pt; padding-left:20px;}	
		
					div#threecol-cta p.action span { display:none;}
	
	
	
.threecol h1, .threecol h2, .threecol h3, .threecol h4, .threecol h5,  .threecol h6, .threecol p {
	margin-right: 10px;
}

#content .threecol h2 {
	padding: 0; margin:0;
	min-height:40px;
}

	* html #content .threecol h2 { height:40px;}

#library dl dt { 
	clear:left;
	float:left; 
	border-top:1px #10286a solid; 
	width:95px; 
	margin-top:10px;
	}
#library dl dt img {
	margin-top: 10px;
	border: 1px solid #10286a;
	}
#library dl dd {
	float:left; 
	border-top:1px #10286a solid; 

	width:455px;  
	margin-top:10px;
	}
#library dl dd h3 {
	padding-top: 10px;
	}
#library p a span { 
	display:none;
	}
	
	


#apply h3 {		
	font-size:135%;
	color: #10286a;
	margin: 0 0 15px 0;
	}
	
#apply hr { margin:7px 0;}	


	
#apply dl dt { 
	clear:left;
	float:left; 
	width:65px; 
	padding-top: 15px;
	}
	
#apply dl dd {
	float:left; 
	width:445px;  
		padding-top: 15px;
	}	
	
#apply dl dd h3 { 
		font-size:125%;
		color: #10286a;
		margin-bottom: 10px;
		}	
	
	#apply dl dd.online {
	float:left; 
	width:445px;
	position:relative;
	}	
	
		#apply dl dd div.content {
			float:left; 
			width:300px;
			display: block;
			}	
	
		#apply dl dd div.cta {
			float:left; 
			width:130px;
			display: block;
			position:absolute; 
			bottom:0;
			right:0;
			margin:0 0px 0 0; 
			padding:0;
			}	
	
	
	#apply dl dd div .go {
	background-image:none;
	padding:0;
}


#content div#sitemap { width:550px;}
#content div#sitemap div { width:180px;  float: left; }
#content div#sitemap div.clear { clear:both; }

.news-image { float:right; padding: 0 0 10px 10px }


/* ---------------------------------------- 404 page ---------------------------------------- */

/* Re-purposing existing .puffsecondary rules */
div#error-page .puffsecondary {margin-bottom: 0;}
div#error-page .puffsecondary h2 a { background-image:none; padding-left:0;}
div#error-page .puffsecondary p { font-weight:bold;}
div#error-page .puffsecondary p a { display:inline; text-decoration:underline; font-weight:normal;}
div#error-page .puffsecondary p a:hover { text-decoration:none;}


div#three-col-cta { 
		background: white url(/img/furniture/bg-content-404.png) bottom left no-repeat; width:552px;
		}

div#three-col-cta h2 {
		background: url(/img/bh-header-box.png) top left no-repeat; 
		width:552px;
		height: 42px;
		padding:10px 0 0 20px;
		margin-top:20px;}
			
				* html div#three-col-cta h2 {
						 width:532px; }

			#three-col-buttons { 
					float:left; width:372px;}
						
			#three-col-text { 
					float:left; 
					width:180px;
					}
			#three-col-text h3 { 
					color:#5c1e7f; 
					margin-bottom:0; 
					}
			
	#content-holder .content {
					float:left; 
					width: 156px; 
					margin: 0 10px 0 10px;
					}
					
	#link-holder .link { 
					background:url(/img/furniture/bg-button-404.png) top left no-repeat; 
					width:156px; 
					height:27px; 
					float:left; 
					margin: 0 10px 15px 10px;
					padding: 5px 0 0 0; 
					text-align: center;
					}
			
			#link-holder .link a { 
					font-size:130%; 
					text-decoration:none; 
					color:#5c1e7f;
					}

			p.info {color: #626161; padding:0; margin:0;}
			
#content .tabs .ui-state-default, #content .tabs .ui-state-active, #content .tabs .ui-state-hover { border:none;}


/* IE 6 */

/* IE 6 */

* html #content p.go a,
* html #content div.cta .go a {
		text-decoration: none;
		background: url(/img/furniture/bg-button-cta-right.png) top right no-repeat !important;
		padding:5px;
		height:17px;
	}

* html #content p.go a strong,
* html #content div.cta .go a strong  { 
		background: url(/img/furniture/bg-button-cta-left.png) top left no-repeat;
		padding:5px 2px 6px 10px;
		margin-right:5px;
		} 
		

/* --------------------------- */

#content p.go {
	padding: 1.1em 20px;
	text-align: right;
	font-weight: bold;
}

	#content p.go a,
	#content div.cta .go a {
		display: block;
		text-decoration: none;
		background:  url(/img/furniture/bg-button-cta-right.png) top right no-repeat !important;
		padding:5px  5px 6px  10px;
	}
	
#content p.go a strong, 
#content div.cta .go a strong {
	font-weight: bold;
	color: white;
	background: url(/img/furniture/bg-button-cta-left.png) top left no-repeat;
	padding:5px  5px 6px  10px;
	white-space:nowrap;
}

		#apply dl dd div.cta {
			float:left; 
			width:190px;
			display: block;
			position:absolute; 
			bottom:0;
			right:0;
			}	



.nobr { white-space:nowrap;}

#main #borderlessTable { border: 1px solid #ffffff; }
	#main #borderlessTable td { border: 1px solid #ffffff; }