/* INTERIOR.CSS */
/* Contains style and layout for all interior pages */
/* ================================================ */


#interior {
	width:700px;
}

	#breadCrumbs {
		padding: 0 0 5px 10px;
		margin: 10px 0 0 0;
		}
		#breadCrumbs a:link, #breadCrumbs a:visited, #breadCrumbs a:hover  { color: #666; }
	
	#interior-content { width:700px; float:left; }
	#interior-content-full { width:940px; float:left; }
	
	/* LEFT MENU */
	#interior-menu {
		background:#EEE;
		width:170px;
		float:left;
		}
		ul#left-menu { padding:5px 10px 20px 10px; margin:0; }
			ul#left-menu li{ padding:3px 5px 3px 0; border-bottom:1px solid #E0E0E0; background:none;}
				ul#left-menu li a:link, ul#left-menu li a:visited { text-decoration:none; color:#333; }
				ul#left-menu li a:hover { text-decoration:none; color:#ED1C24; }
				ul#left-menu li a.active { text-decoration:none; color:#ED1C24;}	 
				ul#left-menu li.second{
				   padding: 3px 5px 3px 16px;
				   background:url(/system/styles/images/artwork/arrow_right_bg_lightgrey.jpg) no-repeat;}
				   ul#left-menu li.second a:link, ul#left-menu li.second a:visited { text-decoration:none; color:#666; }
				   ul#left-menu li.second a:hover { text-decoration:none; color:#ED1C24; }
				   ul#left-menu li.second a.active { text-decoration:none; color:#ED1C24; }
				ul#left-menu li.third{
				   padding: 3px 5px 3px 32px;
				   background:url(/system/styles/images/artwork/arrow_right_bg_lightgrey_third.jpg) no-repeat;}
				   ul#left-menu li.third a:link, ul#left-menu li.third a:visited { text-decoration:none; color:#666; }
				   ul#left-menu li.third a:hover { text-decoration:none; color:#ED1C24; }
				   ul#left-menu li.third a.active { text-decoration:none; color:#ED1C24; }
			
			/* INTERIOR PAGE COMPONENTS */
			
				/* FILTERS NEWS */
				#filters { margin: 0 0 10px 0; }
					ul#newsfilters { padding: 10px 10px 5px 10px; width:480px;}
					ul#newsfilters li { display:inline; padding: 0 0 0 10px; background:none;}
					form#filters fieldset{ border:#DEDEDE 1px solid; background: #EEEEEE;}
					form#filters label { float:none; }
					
				/* SHOW X PER PAGE */
				form#pagesup, form#pagesdown { float:left; }
				
				/* PREVIOUS-NEXT LINKS */
				#interior-main ul#prevnext {
					width: 100%;	
					color: #ED1C24; 
					padding:0; 
					margin:0;
				}
					#interior-main ul#prevnext li.prev { float:left;background:none; padding:0}
					#interior-main ul#prevnext li.next { float:right;background:none;}
					
				/* PAGINATION */
				ul.pagination { float:right; margin: 5px 0 10px 0; }
					ul.pagination li { display:inline; background:none; padding:0; }
					ul.pagination li a:link, ul.pagination li a:visited { color: #666666; text-decoration:none; }
					ul.pagination li a:hover { color:#666666; text-decoration:underline}
					ul.pagination li a.active { color:#ED1C24; text-decoration: underline;}
					ul.pagination li.first, ul.pagination li.last { color: #ED1C24;}
					ul.pagination li.first a:link, ul.pagination li.first a:visited { color:#ED1C24; text-decoration:underline;}
					ul.pagination li.first a:hover { color:#ED1C24; text-decoration: none;}
					ul.pagination li.last a:link, ul.pagination li.last a:visited{ color:#ED1C24; text-decoration:underline;}
					ul.pagination li.last a:hover { color:#ED1C24; text-decoration: none;}
		
	/* INTERIOR CONTENT */
	#interior-main {
		width:510px;
		float:left;
		margin: 0 10px 0 10px;
		} /* IE* fix */  html #interior-main { margin: 0 0 0 10px;}
		#interior-main span { font-weight:bold;}
		
		/* INTERIOR CONTENT FOR FULL WIDTH PAGE (WITHOUT RIGHT SIDE PANEL) */
		#interior-full-main {
			width:750px;
			float:left;
			margin: 0 10px 0 10px;
		}
		/* INTERIOR CONTENT FOR SEARCH PAGE */
		#interior-main-search {
			width:680px;
			float:left;
			margin: 0 10px 0 10px;
		}
		
		/* INTERIOR CONTENT CALL TO ACTION */
		.cta {margin:10px 0 0 0;}
			.cta .cta-text {float:left; background:url(/system/styles/images/backgrounds/interior/cta_bg_text.gif); width:468px;height:76px;}
			#interior-content #interior #interior-main .cta .cta-text h2 { padding: 5px 0 0 10px;}
			.cta .cta-text p { padding: 0 0 5px 10px;}
			.cta .cta-text p.right { text-align:right; padding: 0 10px 0 0;}
			.cta .cta-button {float:right;}
		
      		#interior-main div.column {overflow:hidden;padding: 5px 0 0 0; display:block; clear:both;}
			#interior-main div.colLeft {float:left; width:50%;font-weight:normal; margin: 0 0 10px 0; }
			#interior-main div.colRight {float:right; width:50%;font-weight:normal; margin: 0 0 10px 0; }
			
			#interior-main .cta .cta-title {background:url(/system/styles/images/backgrounds/interior/cta-header-bg.gif); height:24px;}
			#interior-main .cta h2 { color:#333; padding:4px 0 0 10px; font-size:1em;}	
			#interior-main .cta .cta-inside { background:#EEE;  padding: 10px; border:1px solid #DEDEDE;}
			
			#interior-full-main .cta .cta-title {background:url(/system/styles/images/backgrounds/interior/cta-header-bg.gif); height:24px;}
			#interior-full-main .cta h2 { color:#333; padding:4px 0 0 10px; font-size:1em;}	
			#interior-full-main .cta .cta-inside { background:#EEE;  padding: 10px; border:1px solid #DEDEDE;}
			#interior-full-main .cta .cta-button {float:left;}	
			
			#interior-cta {
				background: #CCC url(/system/styles/images/backgrounds/interior/bg_interior-main-cta.jpg) no-repeat bottom;
				width: 500px;
				padding: 5px;
				}
				#interior-cta h2{ padding: 5px;}
				#interior-cta p {padding: 0 0px 0 5px;}
				
				
		/* INTERIOR PAGES SPECIFIC */
		
			/* PARTNERS */
			table#partners tr td{ text-align:center;}
			table#portal tr td{ padding: 10px;}
			
			/* MANAGEMENT */
			#bioToggleThis { margin: 10px 0 0 0;}
			#bios div {margin: 0 0 2px 0;}
			#bios h2 {padding:0;}
			.bioborder {border:1px solid #DEDEDE;}
			#photos {overflow:hidden;}
			#photos div span.img-left img {border:#DEDEDE 1px solid;}
			#photos div { width: 100px; height:170px; margin:1px 1px 0 0; border:1px solid #CCC; float:left; }
			#photos div p { text-align:center; padding:2px 5px 5px 5px;}
			#photos div h2 { text-align:center; padding:3px 5px 0 5px; font-size:1em;}
			#photos div img { border-bottom:1px solid #CCC;}
			#photos div.outCell { color:#333;background:#EEEEEE; }
			#photos div.overCell { color:#333;background:#EEEEEE; cursor:default;}
			#photos div.activeCell { background: #DEDEDE url(/system/styles/images/backgrounds/interior/selected_red_curve.jpg) no-repeat bottom right;}
			#photos div.activeCell h2 { color:#ED1C24}
			#photos div a.overC:link {color:#333;}
			#photos div div.video { float:right;}
			
			#bioToggleThis div div.bio {margin: 0 10px 0 0;}
			#bioToggleThis div div.bioleft {float:left; width: 350px; margin: 0 10px 0 0;}
			#bioToggleThis div div.video {float:left;}
		
			/* OFFICES */
			#map-details {overflow:hidden; margin-bottom:1px;}
				#map { 
					width:502px; 
					height:210px;
					float:left; 
					border:1px solid #DEDEDE;
				}
				#country-list {
					float:right;
					text-align: right; 
					background:#EEE; 
					width:244px; 
					height:210px; 
					border-top:1px solid #DEDEDE; 
					border-bottom:1px solid #DEDEDE; 
					border-right:1px solid #DEDEDE; 
					margin: 0;
					}
					#country-list h2 { padding: 10px 10px 0 10px;}
					#country-list p { padding: 10px;}
					#country-list ul { float:left;	margin:0;padding:0; }
					#country-list ul li { background: none;margin:0;padding:0 0 0 15px;}
					
					#countryToggleThis {}
						.country { float:left; width: 482px; padding: 10px; border: 1px solid #DEDEDE;  min-height: 300px;}
					#countryToggleThis div h3 { padding:5px 10px 5px 10px; margin:0; color:#333; font-size:1.2em; background:#DEDEDE;}
					#countryToggleThis div .country h4 { padding:5px 0 6px 0; margin:0; color:#333; font-size:1.1em; font-weight:bold;}
						.info { float:left; text-align:right; width:225px; padding: 10px; background: #EEE; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE}
						.info div.site { color:#ED1C24;}
						.info p span.accent {color:#ED1C24;} 
						.info .facts { background:#CCC; padding:5px 10px 5px 10px;}
						.info .facts p.title { font-weight:bold; color:#333;}
			
			/* CONTACT US */
			#container #interior-content #interior #interior-main ul#ipn {margin:0 0 8px 0;}
				#container #interior-content #interior #interior-main ul#ipn li {background:none; padding:0;}
				#container #interior-content #interior #interior-main a.active {color:#ED1C24; text-decoration:underline; }
				ul#ipn li { display:inline;}
				ul#ipn li a:link, up#ipn li a:visited { color:#666; text-decoration:none;}
				ul#ipn li a:hover { color:#ED1C24;text-decoration:underline;}
				#ipntoggleThis div {background:#EEE; border:1px solid #CCC; padding: 10px;}
				#ipntoggleThis p { margin:0; padding:0;}
				#ipntoggleThis p.title { font-weight:bold; color:#333;}
				#ipntoggleThis p.number, #ipntoggleThis span.number { font-weight:bold; color:#ED1C24; }
				
				#submitted {border:1px solid #dedede; background:#EEE; padding: 0 0 10px 0;}
				#interior-content #interior #interior-main #submitted h2 {background:#000; color:#FFF; padding: 3px 0 3px 10px;} 
				#submitted p {padding:8px 10px 0 10px;} 
				
				#container #interior-content #interior #interior-main #form-cta {
					background: #CCC url(/system/styles/images/backgrounds/interior/form-cta.jpg) no-repeat bottom;
					width: 510px;
				}
				#container #interior-content #interior #interior-main #form-cta h2 { margin:0; background: #CCC; text-transform:uppercase; color:#333;}
				#container #interior-content #interior #interior-main #form-cta p { padding: 0 10px 10px 10px;}
			
				/* NEWS */
				.news-article { 
					width:510px;
					background: #EEEEEE;
					border:1px solid #CCCCCC;
					margin: 0 0 10px 0;
				}
				.news-article p.date { color: #333333; margin: 10px 10px 0px 10px;}
				.news-article p { margin: 0 10px 0 10px}
				.news-img-right { float:right;margin:10px;}
				.news-button { float:left;}
				#interior-main .news-article h2 { 
					color:#333333; font-weight:bold;
					background: #CCCCCC;
					padding: 5px 5px 5px 10px;
				}
		
			/* SITEMAP */
					.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
					.treeview ul { background-color: white;	margin-top: 4px;}
					.treeview .hitarea {
						background: url(/system/styles/images/treeview-default.gif) -64px -25px no-repeat;
						height: 16px;
						width: 16px;
						margin-left: -16px;
						float: left;
						cursor: pointer;
						} /* fix for IE6 */	* html .hitarea {display: inline;float:none;}
						.treeview li { margin: 0; padding: 3px 0pt 3px 16px;}
							#container #interior #interior-main ul.treeview-red  li { background-image:none; list-style-type:none; }
							.treeview a { background-color: #fff; padding: 0 0 0 5px; color:#333333; font-weight:normal;}
							.treeview a.section { background-color: #fff; padding: 0 0 0 5px; color:#ed1c24; font-weight:normal;}
							.treeview a.selected { background-color: #fff; padding: 0 0 0 5px; color:#ED1C24; font-weight:normal;}
						#treecontrol { margin: 1em 0; display: none; }
							.treeview .hover { color: red; cursor: pointer; }
							.treeview li { background: url(/system/styles/images/artwork/treeview-default-line.gif) 0 0 no-repeat; }
							.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }	
							.treeview .expandable-hitarea { background-position: -80px -3px; }
							.treeview li.last { background-position: 0 -1766px }
							.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/system/styles/images/artwork/treeview-default.gif); }  
							.treeview li.lastCollapsable { background-position: 0 -111px }
							.treeview li.lastExpandable { background-position: -32px -67px }
							.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
							.treeview-red li { /*background-image: url(/system/styles/images/treeview-red-line.gif); */  }
							.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/system/styles/images/artwork/treeview-red.gif); } 
			
				/* 404 page */
				#interior-content-full #error-page h1 { padding: 0 0 8px 0;}
				#error-page { 
					background:#EEEEEE;
					border:1px #CCCCCC solid;
					padding: 10px;
					}
					#error-page h2 {font-weight:bold;}
					#error-page ul {margin: 5px;}

	/* SIDE */
	#interior-side {
		width:240px;
		float:right;
		padding: 0;
		margin: 10px 0 0 0;
	}