/*     U.S. Dept of Homelane Security      */
/*           Multimedia CSS                */
/*    This CSS file updated on 6/01/08     */


/*************************************************************************
	@basic_tags
*************************************************************************/

	/********************/
	/*** @header_tags ***/
	/********************/
		h1 {font-size: 1.2em;
			color: #fff !important;
			margin: 0px;
			padding: 0 0 10px 0;
			}
		
		h2 {font-size: 1em;
			color: #fff !important;}
		h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:0.95em;}
		
		p {padding:0; margin:0 0 18px 0;}
		img {border:0;}
		a:link, a:visited, a:visited {color: #003366; text-decoration: none;}
		
		a:hover {color:#000; text-decoration:underline;}
	
		
/*************************************************************************
	@layout_elements
*************************************************************************/
	#contentContainer {width:980px;
		margin:0; 
		padding:0;
		text-align:center;
		z-index: 8;
		background-color:#12466a;
	}
	/****************/
	/*** @columns ***/
	/****************/
	#column-f {
			width:910px;
			border:none;
			margin: 0 auto;
			padding:30px 0;
			text-align:left;
			z-index:7;
			overflow:auto;
		}
		
	/**************************/
	/*****  content style   ***/
	/**************************/
		h1 a {display:block;
			  width:530px; 
			  height:70px;}
		div#footer ul {
		margin: 0; padding: 0.5em 0 0.9em 0;
		list-style-type: none;
		position: relative;
		}

		div#footer ul li {
		margin: 0; padding: .5em .6em;
		display: inline;
		}
		/* footer link */
			div#footer a:link	{font-size:0.9em; color: #036; text-decoration: none;}
			div#footer a:visited {color: #036; text-decoration: none;}
			div#footer a:hover	{color: #C03; text-decoration: underline;}
			div#footer a:active	{color: #666; text-decoration: none;}

	/***************************/
	/*** @Rounded Corner box ***/
	/***************************/

	/***************************/
	/***       @Top box      ***/
	/***************************/
		.row {overflow:auto; width:910px; margin-bottom:30px;}
		
		.row .left {width: 480px; float:left;}		
		.row .right {width: 400px; float:right;}
		/*.row .resultBoxLeft {width: 240px; float:left;}	*/
		.row .resultBox {width: 890px; padding:10px; background-color:#36627f; color:#fff;}	
		
		#textBox {height: 137px; background: #073454; padding: 10px; color:#fff; overflow:auto; margin-bottom:15px;}
		#mmediaNav {padding:0 10px 12px 0; /*background-color:#fecb00; 
		background:url('/graphics/multimedia_homebutton_bg.gif') no-repeat top right;*/
		width:390px;
		overflow:auto;}
		#mmediaNav a, #mmediaNav a:link, #mmediaNav a:active, #mmediaNav a:hover, #mmediaNav a:visited {font:bold small-caps 0.4em verdana; 
		width: 140px; /**/height:22px; display:block; text-indent:-9999px;
		background:url('/graphics/media/multimedia/medialibrary_home2.png') no-repeat top right;
		float:right;
		}

		
		/***************************/
		/***     @relatedbox    ***/
		/***************************/
		#relatedBox {background: #073454;}
		#relatedBox h2, #galleriesBox h2 {text-indent: -9999px; margin:0; padding:0; background:#12466a;}
		
		#photoList p {border-bottom: 1px solid #8198a7; padding:10px 10px 0 0;}
		#photoList a {text-decoration:none; font-size:0.9em; }
		div.photo {float: left; width:110px; height:110px;}
		div.photo img {width:100px;}
		div.photo p {text-align: center;}
		
		#videoList, #photoList, #resourcesContent, #audioList{ /*DIV that contains each sub menu*/
			padding: 10px;}
		#videoList ul{ /*UL of each sub menu*/
			list-style-type: none;
			margin: 0;
			padding: 0;}
		#videoList ul li{
			padding:0;
			min-height:75px;}
		#videoList ul li a{
			display: block;
			font: normal 1em Arial, Verdana, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			padding: 2px 10px;
			min-height:65px;
			border-bottom: 1px dotted #a7b9c5;}
			/* mac hide \*/
			* html div.videoList ul li a, * html div.videoList ul li{height:75px}
			/* end hide */
		#videoList ul li a:hover{
			background: #3e6783;
			color: #fff;}
		#videoList ul li img{
			border:1px solid #a7b9c5;
			float:left;
			margin-right:10px;
			max-height:64px;}
		/***************************/
		/***  @searchResultsbox  ***/
		/***************************/
		.resultBox h2 span {font-size: 0.9em; font-weight:normal;}
		
		#resultBoxContent {background-color: #032d4b; padding:15px; overflow:auto; width:860px; height: 390px;}
		#resultBoxContent a, #resultBoxContent a:link, #resultBoxContent a:visited {text-decoration:none;}
		#resultBoxContent a:hover {color:#FF0000;}
		#resultBoxContent .item, #collectionItems .item {width:140px; 
			padding:0;  
			font-size: 0.85em; 
			font-weight:bold; 
			float:left; 
			margin: 0 15px 15px 0;
			background: url('/graphics/media/multimedia/multimedia_searchresult_top_bg.gif') #032d4b no-repeat top left;}
		#resultBoxContent span.item_date, #collectionItems span.item_date {font-weight:normal;}
		#resultBoxContent .item_photo, #collectionItems .item_photo {width:140px;  height:90px; display:block; text-align:center; 
			margin-top: 8px;}
		#resultBoxContent .item_photo a, #collectionItems .item_photo a, {width:120px;}
		#resultBoxContent .item_photo img, #collectionItems .item_photo img {background-color:#000; max-height:90px;} 
		/*#resultBoxContent .portrait img {height:90px; max-width:120px;}
		#resultBoxContent .landscape img {width:120px; max-height: 90px}*/
		#resultBoxContent .item_title, #collectionItems .item_title {height:43px;}
		#resultBoxContent .item_type, #resultBoxContent .item_title, #collectionItems .item_type, #collectionItems .item_title {padding:0 0 3px 8px;}
		#resultBoxContent .item_type span {vertical-align:top; margin-right:20px;}
		#resultBoxContent .item_type img, #collectionItems .item_type img {padding:0;}
		#resultBoxContent .item_type, #collectionItems .item_type {background: url('/graphics/media/multimedia/multimedia_searchresult_bottom_bg.gif') #032d4b no-repeat bottom left;}\
		
		.pagination {margin:10px 3px;}
		.pagination a, .pagination a:link, .pagination a:visited {color:#fff; padding:0 5px;}
		.pagination a:hover {color:#ffcc00;}
		.pagination span.current {color:#ff0000; font-weight:bold; padding:0 5px;}

		/***************************/
		/***    @collectionbox   ***/
		/***************************/
		.collectionBox {width: 880px; padding:15px; background-color:#36627f; color:#fff;}
		#collectionMain {overflow:auto; width:880px;}
		#collectionDetail {float:left; width:340px; margin: 0 18px 0 0; background-color: #032d4b; 
			padding: 20px;
			height:320px;
			border:1px dotted #a2b2bd;
			background: url('/graphics/media/multimedia/multimedia_collectiondetail_bg.jpg') no-repeat top left;}
		#collectionPick {float:left; width:470px; text-align:center;  min-height:330px; background-color:#000;}
		#collectionMain .video {vertical-align:middle; padding-top:30px;}
		
		#collectionDetail p {clear:both; padding-bottom: 20px;}
		
		/*.cdTitle {display:block; width:110px; float:left; padding-right:10px; text-align:right;
			font-weight:bold;}*/
		.cdDetail {display:block; width:318px; float:left; padding-bottom: 10px; overflow:auto; height:265px;}
		
		
		#collectionItems {width:910px; background:#3e6783;}
		#collectionItems h2 {color:#fff; background-color:#0e2e45;
				margin:0 0 10px 0; padding: 10px;}
		#collectionItems h3 {border-bottom:1px solid #a2b2bd; padding:5px; margin:0 0 10px 0; color:#a2b2bd;}
		.collectionType {padding:10px; color:#fff; overflow:auto;}
		#collectionItems .item_type, #collectionItems .item {background-color:#3e6783;}

		/******************************/
		/*** @SocialMedia and Feeds ***/
		/******************************/
		#socialNetwork, #feeds {margin: 15px 0 0 0; 
			padding:8px; 
			height:40px;
			background: url('/graphics/media/multimedia/multimedia_network_bg.gif') repeat-x top left;
			}
		#socialNetwork {float:left; margin-right:8px; border-right:1px solid #12466a;}
		#socialNetwork ul, #feeds ul {margin:0; 
			padding:0; 
			list-style: none; font-size: 0.85em;}
		#socialNetwork ul li, #feeds ul li {margin:0; padding:0; float: left;}
		#socialNetwork ul li a, #socialNetwork ul li a:link, #socialNetwork ul li a:active
			{float: left;
			display: block;
			color: #fff;
			width: 69px;
			height: 19px;}		
		#feeds ul li a, #feeds ul li a:link, #feeds ul li a:active
			{float: left;
			display: block;
			color: #fff;
			width: 60px;
			height: 19px;}
		
		.myspace {background: url('/graphics/media/multimedia/multimedia_icon_myspace.gif') no-repeat top left; padding-left: 22px;}
		.facebook {background: url('/graphics/media/multimedia/multimedia_icon_facebook.gif') no-repeat top left; padding-left: 22px;}
		.digg {background: url('/graphics/media/multimedia/multimedia_icon_digg.gif') no-repeat top left; padding-left: 22px;}
		
		.rss {background: url('/graphics/media/multimedia/multimedia_icon_rss.gif') no-repeat top left; padding-left: 22px;}
		.download {background: url('/graphics/media/multimedia/multimedia_icon_download.gif') no-repeat top left; padding-left: 22px;}
		
		/***************************/
		/***    @Tab table      ***/
		/***************************/
			.TabbedPanels {
				margin: 0px; padding: 0px;
				float: left; clear: none;
				color: #fff; width: 400px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
				background: url('/graphics/media/multimedia/multimedia_TabbedPanels_bg.gif') #12466a no-repeat top left;}
			.TabbedPanelsTabGroup {
				margin: 0 0 0 75px;
				padding: 0;}
			.TabbedPanelsTab {
				position: relative;	float: left;
				padding: 6px 0;	margin: 0;
				font: bold 0.9em sans-serif; color: #9f9f9f;
				list-style: none;
				-moz-user-select: none;
				-khtml-user-select: none;
				cursor: pointer;
				width:79px;
				text-align:center;
				text-transform: uppercase;
				background:#12466a;}
			.TabbedPanelsTabHover {
				color:#fff;
				background: url('/graphics/media/multimedia/multimedia_related_tab.jpg') #12466a no-repeat;}
			.TabbedPanelsTabSelected {
				color:#fff;
				background: url('/graphics/media/multimedia/multimedia_related_tab.jpg') #12466a no-repeat;}
			.TabbedPanelsTab a {
				color: black;
				text-decoration: none;}
			.TabbedPanelsContentGroup {
				clear: both;
				overflow: auto; 
				background-color: #032d4b;
				height:200px;
				padding:0;}
			.TabbedPanelsContent {
				padding: 5px 0 5px 5px;
				height: 190px;
				overflow: auto;
				width:395px;
				color:#fff;
				font-size:0.9em;
				}
			.TabbedPanelsContent a, .TabbedPanelsContent a:link {color:#d2d2d2;}
			.VTabbedPanels .TabbedPanelsTabGroup {
				float: left;
				width: 10em;
				height: 10em;
				background-color: #EEE;
				position: relative;
				border-top: solid 1px #999;
				border-right: solid 1px #999;
				border-left: solid 1px #CCC;
				border-bottom: solid 1px #CCC;}
			.VTabbedPanels .TabbedPanelsTab {
				float: none;
				margin: 0px;
				border-top: none;
				border-left: none;
				border-right: none;}
			.VTabbedPanels .TabbedPanelsTabSelected {
				background-color: #EEE;
				border-bottom: solid 1px #999; }
			.VTabbedPanels .TabbedPanelsContentGroup {
				clear: none;
				float: left;
				padding: 0px;
				width: 30em;
				height: 10em;}
			#TabbedPanels2 {
				margin-top: -15px;
				width: 595px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
				background: url('/graphics/media/multimedia/multimedia_galleryTabbedPanels_bg.gif') #12466a no-repeat top left;}
			#TabbedPanels2 .TabbedPanelsContentGroup
				{background-color: #39627d;}
			#TabbedPanels2 .TabbedPanelsTabGroup {
				margin: 0 0 0 155px;
				background: url('/graphics/media/multimedia/multimedia_galleryRightTab_bg1.gif') #12466a no-repeat top right;}
			#TabbedPanels2 .TabbedPanelsTab {
				width:105px;
				border-left:1px solid #0f4265;
				border-right:1px solid #0f4265;
				background-color:#05273f;
				color:#a1adb6;
				height:21px;
				font: bold 0.85em sans-serif;}
			#TabbedPanels2 .TabbedPanelsTabHover {
				background: url('/graphics/media/multimedia/multimedia_gallery_tab.gif') #12466a repeat-x;
				color:#fff;}
			#TabbedPanels2 .TabbedPanelsTabSelected {
				background: url('/graphics/media/multimedia/multimedia_gallery_tab.gif') #12466a repeat-x;
				color:#fff;}
			#TabbedPanels2 ul {overflow:auto; width:438px;}
			#TabbedPanels2 .TabbedPanelsContentGroup {
				clear: both;
				overflow: auto; 
				height:500px;}
			#TabbedPanels2 .TabbedPanelsContent {
				width:590px;
				padding: 5px 0 5px 5px;
				height: 490px;
				color:#fff;}

	/***************************/
	/***    @Bottom box      ***/
	/***************************/
		.row .left2 {width: 595px; float:left; background:#3e6783; }
		.row .right2 {width: 285px; float:right; 
			color:#fff; background:#3e6783;
			height: 538px;}
			
		.row .right2 h2 {color:#fff; text-align:center; background-color:#0e2e45;
				margin:0 0 10px 0; padding: 10px;}
				
		.row .right2 input[type=text] {border:1px solid #b1c2cd; background-color:#64859a; color:#fff;}
		.row .right2 input.button {background-color:#09283e; font-weight:bold; font-size:0.8em; padding:3px 10px; color:#fff; border:1px solid #b1c2cd; }
		.row .right2 select {width:100px;}
		
		/***************************/
		/***     @gallerydbox    ***/
		/***************************/
		#galleriesBox ul {margin:0; padding:0;}
		
		#exhibits, #videoGallery, #photoGallery, #audioGallery {padding:10px;}
		.sort {text-align:right; text-transform: uppercase; font-size:0.8em; border-bottom:1px solid #8198a7; }
		
		#exhibits .item {border-bottom:1px solid #8198a7; padding: 20px 0}
		#exhibits .itemContent h3 {color:#fff; font-size:1.5em; text-indent:0; 
			margin:0; padding:0; 
			font-weight:normal;}
		#exhibits .itemContent {margin:0 0 0 150px;}
		#exhibits .item img {float:left; width:120px; border:1px solid #a7b9c5; margin-left: 5px;}
		
		#videoGallery .item {float:left; width:263px; padding: 10px 5px 0 5px; border-bottom: 1px dotted #a7b9c5; margin-right: 3px; min-height:83px;}
		#videoGallery .item img {float:left; width:60px; border:1px solid #a7b9c5; margin-right:10px;}
		
		#photoGallery .item {float:left; width:131px; padding:0; border:1px solid #173c55; margin:15px 5px 0 0;
			background-color:#618196; text-align: center;}
		#photoGallery .item a.thumbnail, #photoGallery .item a:link.thumbnail {height: 103px; display:block;}
		#photoGallery .item img {text-align: center; padding:3px 0; max-height:90px;}
		#photoGallery .item p {text-align: center; width:131px; background-color:#173c55/*#365e79*/; font-size: 10px; padding: 5px 0; margin:0;}
		
		#audioGallery .itemContent {border-bottom:1px solid #8198a7;  padding: 20px 0}
		#audioGallery .itemContent h3 {color:#fff; font-size:1.5em; text-indent:0; 
			margin:0; padding:0; 
			font-weight:normal;}
		#audioGallery a.download {background: url('/graphics/media/multimedia/multimedia_gallery_download.gif') no-repeat top right;
			padding:0 20px 0 0;}
		
		
		/***    @SeachMedia box     ***/
		#searchMediaBox {height:490px;}
			#searchMedia, #searchID {padding:0 10px 0 0;}
			#searchMedia legend {border:1px dotted red; margin:0; padding:0; display: none;}
			#searchMedia fieldset {border: 0 solid #000000;}
			#searchMedia p, #searchID p {text-align:right;}
			
			#searchID label {display: none;}
			#searchID p.note {text-align:center; border-top:1px solid #fff; margin-left: 10px;
				font-size:0.85em; padding-top: 10px;}
		
	/***************************/
	/***        @ETC         ***/
	/***************************/
	
		.rightborder {border-right:1px solid #0f4265;}
		.noborder, li.first {border:0;}