/* JAMES CARGO CSS */

.breadcrumb {font-size:10px; list-style:none; margin:0 0 1em 0 !important; padding:0 !important; text-indent:0; }
.breadcrumb li {display:inline; margin:0; padding:0 0  0 1em !important; background-image: url('http://www.jamescargo.com/images/small_blue_arrow.gif'); background-repeat:no-repeat;background-position: center left;}
.breadcrumb a  {color:#97a0cd !important; font-weight:normal !important; }
.breadcrumb a:hover  {color: #4A558B !important; font-weight:normal !important; }

 /*** GLOBAL ***/

	* 	{font-family: Verdana, Arial, Helvetica, sans-serif; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;}
	a 	{text-decoration: none;}
	img	{border-style: none;}
	address { font-style: normal; }
	p {margin: 0 0 1em 0;}
	
/*** LAYOUT STRUCTURE ***/
	
	body			{margin: 0px 0px 0px 35px; scrollbar-base-color: #4A558B; text-align: center;}
	.page 			{width:924px;  color: #FEFFEF; text-align:left; position:absolute; left: 50%; margin-left: -462px; margin-top: 10px;}
	.float-wrapper 		{float: left; width: 638px; color:#2B366E;} 
	.float-wrapper-foot 	{float: left; width: 638px; color:#2B366E;}
	.first-col 		{float: right; width: 410px;} /*414*/
	.second-col 		{margin: 0px 0px 0px 0px; 
					 padding: 15px 0px 0px 0px; }
	.third-col
		{
		margin: 0px 0px 0px 638px;
		padding: 20px 0px 0px 0px;
		
		}
	.footer			{clear: left;}

	.foo
	{
		font-size:10px;
		padding-left:5px;
	}
	
/* HEADER */

	H1 				{font-family: Georgia, Times New Roman, Times,  serif;
	     				 font-size: 30px;
	     				color:#2B366E; 
					margin: 0px 0px 0px 0px;
					padding:  0px 0px 0px 0px;
	  				 }
	.z
					{
					 vertical-align: bottom;
					 margin-right: 7px;
					}
		


	.dept_head {
			background-image: url(/images/header_top.gif);
			height: 256px;
			margin: 0px 0px 0px 0px;
			padding:  0px 0px 0px 0px;
			}
		
	.generic_head {
				background-image: url(/images/header_top_thin.gif);
				height: 60px;
				margin: 0px 0px 0px 0px;
				padding:  0px 0px 0px 0px;
				}

	.second-col {
			background-image: url(/images/header_bottom.gif);
			background-repeat: no-repeat;
			}
	
/*CONCEPT*/
	
		.concept * {font-family:  Georgia, Times New Roman, Times, serif;
				 margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
				
		.concept  { 		vertical-align: bottom;
					margin: 9px 9px 9px 9px;
					 padding: 0px 0px 0px 0px;
					background-color: #121212;
					width: 531px;
					height: 192px; /* This needs to be the same as the headline block */
					float:left;
					clear: left;
					border: 1px;
					border-style: solid;
				 	border-color: #FFFFFF;
					color: #FFFFFF;
				}
						
		.concept h2 {
				 color: #FFFFFF;
				 font-size: 30px;
				 margin: 50px 0px 0px 210px;
				 width: 300px;
				 }
				
		.concept p {
				color: #FFFFFF;
				margin: 0px 0px 0px 210px;
				width: 300px;
				text-align: center;
				font-size: 11px;
				}	 

		.photo_credit {
				color: #CCCCCC;
				font-size: 9px;
				width: 200px;
				margin: 60px 10px 10px 20px;
				text-align:right;
				vertical-align:baseline; 
				float:right;
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				}

/* HEADLINES */
	
	.headlines 		{
					float: left; 
					margin: -20px 0px 0px 10px;				
					}
	
	.headlines h2 		{
					margin: 0px 0px 2px 2px;
					padding:  0px 0px 0px 0px;
					font-family: "Times New Roman", Times, Georgia, serif;
					color: #FFFFFF;
					text-transform: uppercase;
					}
	.headlines strong, .headlines b	{
					margin: 0px 0px 10px 2px;
					padding: 0px 0px 0px 0px;
					width:200px;
					font-size: 12px;
					cursor : hand;
					float:left;
					clear:none;
					}
	
	.date 			{
					width: 70px;
					height:12px;
					font-size: 12px;
					cursor : hand;
					float: right;
					clear:none;
					}
	  .headlines a  		{		
					display: block;
					color: #FFFFFF; 
				 	background-color: #4A558B;
	  				margin: 0px 0px 0px 0px;
					padding: 10px 0px 10px 0px;
					border-color: #FFFFFF; 
					border-style: dashed;
					border-width: 0px 0px 1px 0px;
					float:left;
					clear:right;
					}

	.headlines a:hover  
	 				{
				 	background-color: #7B85A8;
					border-color:  #FFFFFF; 					
					}
	.headlines a:visted {
					color: #FFFFFF; 
					}
	.headlines a:link {
					color: #FFFFFF; 
				}

	.headlines a:hover{
					color: #FFFFFF; 
				}
	.headlines a:active
				{
					color: #FFFFFF;
				}
	
	.headlines li 
					{
					line-height: 14px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					list-style-type: none;
					float:left;
					width:300px;
					}
	.headlines ol 
					  {
					   height: 192px;
					   width: 335px;
					   overflow: auto;
					   scrollbar-base-color: #4A558B;
					   border: 1px;
					   border-style: solid;
					   border-color: #FFFFFF;
					   background-color: #4A558B;
					   cursor : hand;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;					
					}

/*** NAVIGATION ***/

	.navigation ul {padding-left: 0px; list-style-type: none; margin-left:0px;}
	.navigation li {padding-left: 0px; list-style-type: none; margin-left:0px;}
	
	.navigation li {background-image: url(/images/nav_internal.gif); }
	
	.navigation {
		width:224px;
		font-size: 11px;
		font-weight: bold; 
		margin: 0px 0px 10px 0px;
		background-repeat: no-repeat;
		clear:left !important; 
		padding: 0;
		margin:6px 0 6px 0;	
		}
			
	.navigation a {
				display: block;
				padding: 4px 0px 0px 24px;
				width: 200px;
				margin: 0px 0px 6px 0px;
				height: 18px;
				}
					
	.tool a		   {
					color: #2B3600; 
					background-image: url(/images/nav_tool.gif);
					}
					
	.tool a:hover   {color: #000000; 
				 	}
						
	.internal  	{
				margin: 0px 0px 6px 0px;}
	
	.internal a		   {color: #FFFFFF; 
						margin: 0px 0px 6px 0px; 
						background-image: url(/images/nav_internal.gif); 
						background-repeat: no-repeat}
						
	.internal a:visited 	{color: #FFFFFF; 
						margin: 0px 0px 6px 0px;}
	.internal a:link  		 {color: #FFFFFF; 
						margin: 0px 0px 6px 0px;}						
	.internal a:hover   {color: #FFFF00; 			 
						margin: 0px 0px 6px 0px;}
						
    	.internal a:active  {color: #FFFF00; 
						margin: 0px 0px 6px 0px;}
						
 	.toplevel * {color: #FFFF00;
				}
	
	 .toplevel a:link   {color: #FFFF00; 
						background-image: url(/images/nav_toplevel.gif);
						}
 	 .toplevel a:visited {color: #FFFF00; 
						background-image: url(/images/nav_toplevel.gif);}
	.toplevel a:hover   {color: #FFFF00; 
						background-image: url(/images/nav_toplevel.gif);
				}
	
	.toplevel a:active  {
					background-image: url(/images/nav_toplevel.gif);
			
				 }

	.toplevel form {
					padding: 4px 0px 0px 24px;			
					width: 200px;
					height: 17px;
					margin: 0px 0px 6px 0px;
					background-image: url(/images/nav_toplevel.gif);
				}
	.toplevel label {width: 27px;}
					
	.toplevel input {
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 0.9em;
				
				}

					
	.toplevel #query  /* # selects the 'id' attribute - woo! */ 
					{
					border-color: #FFCC00; 
					border-style: solid; 
					border-width: 0px 0px 1px 0px;
					margin-bottom: 0px;
					width: 135px;
					clear: none;
					background-color: #000000;
				}
	.toplevel #query:focus /* this is sweet changes property on focus: not in IE tho */
					{
					color: #ffffff;
					border-color: #ffffff; 
					}
	
	.toplevel #go  
					{
					border: 0;
					width: 22px;
					clear: none;
					margin-bottom: 0px;
					cursor: pointer;
					background-color: #000000;
					height:14px !important;
					padding: 0 0 1px 0;
					}
	.toplevel input 		{
					height: 14px;
					}
					
 /***  CONTENT ***/

	.content {	  margin: 24px 24px 24px 24px;
			  font-size: 12px;
			  line-height: 16px
			 display:block;
			  }
	.content ul {margin: 0 0 1em 0;}
	.content H2 {	
				font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 26px;
				line-height: 26px;
				font-weight: bold; 
				text-transform: uppercase
				}
	
	.content em {	
				font-weight: bold; 
			 	font-size: 14px;
				font-style: normal; 
				}
	
	.searchresults {	   	   
				   display:block;
				   height: 300px;
				   width: 360px;
				   margin: 12px 0px 0px 0px;
				   overflow: auto;
				   scrollbar-base-color: #4A558B;
				   border: 1px;
				   border-style: solid;
				   border-color: #FFFFFF;
				   background-color: #FFFFFF;
				   cursor : hand;
				   }
	.searchresults dt {
				margin: 0px 0px 0px 0px;
				 }
	
	.searchresults dd 
				{ 
				margin: 0px 0px 12px 0px;
				}
	.content ul {margin: 0 0 1em 0; padding: 0 0 0 2em;}
	.content li {margin: 0 0 0.5em 0;}
	
	a		{font-weight: bold; color:#4A558B }
	a:hover	{font-weight: bold; color:#4A558B }
	a:link	{font-weight: bold; color:#4A558B }
	a:active	{font-weight: bold; color:#4A558B }
	
	.content_date {font-family: Georgia, Times New Roman, Times,  serif;
					font-size: 10px;}
					
	.content_author{font-family: Georgia, Times New Roman, Times,  serif;
				font-size: 10px;}
	
		.first-col 		  {height 20px; overflow: auto; border: 1px 1px 1px 1px;}
	
	
	.slideshow_news
	{
		
		float:left;
	}

	.slideshow
	{
		float:left;
	}
	
	.slideshow_text
	{
		border-style:none;
		width:260px;
		overflow:hidden;
	}
	.documents_news
	{
		float:left;
	}
	.documents
	{
		padding-top:10px;
		float:left;
	}
	

	
/*** FOOTER ***/
	
	.footer	{
			background-color: #FFFFFF;
		 	background-image: url(/images/footer.gif);  
			background-repeat: no-repeat;
			height: 70px;
			width: 924px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
	.footer ul {padding-left: 0px; list-style-type: none; margin-left:0px;}
	.footer li {padding-left: 0px; list-style-type: none; margin-left:0px;}
	
	 .postal {
			width: 220px;
	  		float: left;
	  		margin: 22px 10px 0px 10px;
			padding: 0px 0px 0px 0px; 
			  font-size: 9px;
			  line-height: 16px;
			  font-style: normal; 
	  		 clear: none;
			}
	
	.footer dl 
			{
			margin: 1px 0px 0px 10px;
			padding: 0px 0px 0px 0px; 
			float: left;
			}
			
	.footer dt 
			{
			display: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
				
	.footer dd 
			{ 
			color:#2B366E;	
			font-size: 11px;
			font-weight: bold; 
			padding: 5px 0px 0px 24px;
			margin: 6px 0px 0px 0px;
			width:193px;
			height: 17px; 
			}
	.footer_terms
			{
			 clear:left;
			  font-size: 9px;
			  line-height: 13px;
			  font-style: normal;
			  font-weight: normal;
			  color:#4A558B;
			  background-color:#FFFFFF;
			 }
	.footer_terms a {font-weight: normal;}
	.footer_terms a:hover
			{
			
			text-decoration:underline;
			}
			
	.footer_terms2
			{
			 clear:left;
			  font-size: 9px;
			  line-height: 13px;
			  font-style: normal;
			  font-weight: normal;
			  color:#4A558B;
			  background-color:#FFFFFF;
			  float:left;
			 }



	.email	{
			background-image: url(/images/address_email.gif); 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
	
		.email a	{
				color:#2B366E;
				}
		.email a:hover
				{
				color:#00001D;
				}		
			
	.telephone
			{
			color:#2B366E;	
			background-image: url(/images/address_telephone.gif);
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
	.logos 	
			{
			clear: right;
			float: left; 
			margin: 19px 3px 0px 20px;
			}
	.communications 
			{
			margin: 0px 0px 0px -5px;
			padding: 0px 0px 0px 0px;
			}
			
/*third column / notes*/		
	.third-col			{font-size: 10px;
					color: #4A558B;
					padding: 10px 10px 10px 10px;}
	.animal_diagram 	{float:left;
					margin: 0px 10px 10px 0px;}
	
	dt				 {font-weight: bold;
					  margin: 10px 0px 0px 0px;
					  color: #4A558B;}
	.third-col dl 		{
					margin-bottom: 10px;
					}			  
	.third-col P 		{margin-top: 10px;
					margin-bottom: 10px;}
	.third-col h2 		{font-size: 12px;
					margin-top: 10px;}
	.third-col h3 		{
					font-size: 12px;}
	
	
/*Clock */

	.clock 	{
			background-color: #4A558B;
			color:#FFFFFF;
			padding: 5px 5px 5px 5px;    
			}
	.clock form {
			margin: 0px 0px 10px 0px;
			}
	
	.clock input{
			border: 0px; 
			font-size: 10px;
			width:100px;
			}
			
	.clock label{
			width:75px;
			padding: 5px 5px 5px 5px;
			}
			
	.clock_image{ 
			 vertical-align: middle;
			 margin-right: 7px;
			margin: 10px 10px 10px 0px;
			}
			
/* File  Downloads */

	.file		{margin: 0px 5px 0px 0px;  vertical-align: bottom;}
	 .file_list	{padding:20px 20px 25px 25px; }

/* Atlas */

.atlas {
		font-size: 10px;
		border: 0px 0px 0px 0px;
		width:220px;
	}
	
.atlas H2 	{	font-size: 10px;
			margin-bottom: 6px;
		}
		
.atlas_label {
		width: 150px;
		font-size: 10px;
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 3px;
		border-color: #4A558B;
		border-style: solid;
		border:  1px 1px 1px 1px;
		clear:none;
		float:left;

		}
.atlas_label_label 
		{
		width: 35px;
		clear:left;
		color: #4A558B;
		padding: 3px 3px 3px 3px;
	
}


/* homepage */		

.home	{
		background-color:#FFFFFF;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-style: none;
		border-style:  0px 0px 0px 0px;
		background-image: url(/images/header_bottom.gif); 
		background-repeat: no-repeat;
		}
		
.home_image_map 
		{
		margin-left: 0px;
		margin-top: 20px;
		}
		
.red
	{
	color:#FF0000;
	}
hr {margin:1em 0 1em 0;}

/*FORMS*/	
	


	label, input, select {height:1.5em; margin:0 0 0.5em 0;}

select {height:1.7em; margin:0 0 0.5em 0;}

	.slideshow_text {background-color:#fff;}

	#pet_form label {border:1px solid white;}

#pet_form h2 {font-size: 1em;}

	input,textarea, select	{width:225px;
			background-color:#EAEBF7;
			border: 1px;
			border-style: solid;
			border-color: #4A558B;
			font-weight: normal;
			font-size: 12px;
			 scrollbar-base-color: #4A558B;
			 margin:0 0 0.5em 0;
			 }
	
	textarea {height: 70px;}
	
	.form_wrapper {
			display:block;
			clear:none;
			}
	
	label	{ 
			display:block;
			width:120px;
			float:left; 
			clear:none; 
			font-weight: normal;
			}

	label-long{ 
		display:block;
		width:225px;
		float:left; 
		clear:none; 
		font-weight: normal;
		}
	
	textarea{
		width:225px;
		}
	
	fieldset {
		border-width: 0px 0px 1px 0px;
		border-style: dashed;
		margin: 0px 0px 0px 0px;
		padding: 12px 0px 12px 0px;
		}
			
	legend 	{
		width: 320px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display:block;
		}
			
	.radio	{
		background-color:#FFFFFF;
		border: 12px solid white;
		width: 20px;
		}
	
	.submit	 {
		width: 100px;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #664444;
		background-color: #2B366E;		
		color: #FFFFFF;
		font-weight: bold;
		text-align: centre;
		margin: 6px 0px 6px 0px;
		height: 2em;
		}

	.block	{
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #000000;
		}

	form h3 { 
		font-size:1em; 
		margin: 1em 0 0 0;
		}

#pet_form textarea {width:350px;}

#pet_form #submit {height:2em;}

#pet_form  #coming,  #pet_form  #leaving {height:14px; width:14px;}

#pet_form  #to_label {width:300px;}
#pet_form  #when_label {width:300px;}

#pet_form #to, 
#pet_form #when {width:350px}
#pet_form #submit {
	margin: 1em 0 0 0;
	background-color: #4A558B;
	color: white;
	font-weight:bold;
	cursor:pointer;
	}

label.wide {width:350px; display:block; float:left; clear:both; height:auto;}
label.radio_label {width:3em; float:left; clear:none;}
#yes,#no {width:3em; float:left; clear:none;}