@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}

	body {
		font-family:Arial;
		background:#FFFFFF;
		width: 930px;
		}

	p { 
		font-size:12px; 
		}

	a { 
		color:#48A3C5; 
		text-decoration: none;
		font-weight: bold;
		}
			
	a:hover {
		color:#337C96;
		}

	/*#wrapper {
		margin:10px auto; 
		width:960px; 
		padding-bottom:30px; 
		background:#FFF; 
		border:1px solid ##F7F7F7;
		}*/
		
	#hover {
		height:60px;
		visibility: hidden;
		position: absolute;
		z-index: 1000;
		}
	
		
		
		
		
	.tooltip {
		cursor: pointer;
	}
	.tooltip1 {
		cursor: pointer;
	}
	
	.name_data {
		font-size:17px; 
		font-family:Arial, sans-serif; 
		font-weight: bold;
		}
		
	.city_data {
		font-size:15px; 
		font-family:Arial, sans-serif; 
		font-weight: normal;
		color: gray;
		line-height: 20px;
		}
		
	.blurb_data {
		font-size:13px; 
		font-family:Arial, sans-serif; 
		font-weight: normal;
		}		
	
		
		
		
		
		
		
		

.tipsy { font-size: 10px; font-weight: bold; font-family: arial; position: absolute; padding: 5px; z-index: 100000; max-width: 310px;}
  .tipsy-inner { background-color: #FFFFFF; color: #000000; min-width: 150px; padding: 5px 5px 4px 5px; text-align: left;}

  /* Rounded corners */
  .tipsy-inner { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
  
  /* Uncomment for shadow */
  .tipsy-inner { box-shadow: 0 0 6px 1px #808183; /*-webkit-box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000;*/ }
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-style: solid; border-width: 1px; border-color: #FFFFFF }
  .tipsy-arrow-s { border-style: solid; border-width: 1px; border-color: #FFFFFF}
  .tipsy-arrow-e { border-style: solid; border-width: 1px; border-color: #FFFFFF }
  .tipsy-arrow-w { border-style: solid; border-width: 1px; border-color: #FFFFFF }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }










			
			
		ul {
			
			padding-left: 0px;
			
		}


		
		
		
		
		#credits {
			
			position: absolute;
			
			width:350px;
			
			top:865px;
			
			left: 5px;
			
			padding-bottom: 120px;

			
		}
		
		
		#credits p {
			
			font-size: 10pt;
			
			font-family: Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
			
			color: #000000;;
			
		}
		
		
		#huffpost {
			
			position: absolute;
			
			width:250px;
			
			top:865px;
			
			left: 315px;
			
			padding-bottom: 120px;

		}
		
		
		#huffpost p {
			
			font-size:10pt;
			
			font-family: Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
			
			text-align: right;
			
			color: #000000;
		}
		
		
		#huffpost a {
			
			color: #000000;
			
			text-decoration: none;
			
			font-weight: normal;
			
		}
		
		
		#huffpost a:hover {
			
			color: #48A3C5;
			
			text-decoration: none;
			
		}
		
		#key {
			position: absolute;
			z-index: 100;
			top: 550px;
			left: 70px;
			color: #58595B;
		}
		
		#existing {
			position: relative;
			top: 200px;
			left: 0px;
		}
		
		#cushing {
			position: relative;
			top: 204px;
			left: 0px;
		}
		
		#gulf {
			position: relative;
			top:209px;
			left: 0px;
			line-height: 14px;
		}
		
		#proposed {
			position: relative;
			top: 212px;
			left: 0px;
		}
		
		#pins {
			position: absolute;
			z-index: 500;
		}
		
		#york {
			position: absolute;
			z-index: 500;
			top: 505px;
			left: 307px;
		}
		
		#nacogdoches {
			position: absolute;
			top: 737px;
			left: 347px;
		}
		
		#houston {
			position: absolute;
			top: 787px;
			left: 342px;
		}
		
		#fallon {
			position: absolute;
			top: 350px;
			left: 204px;
		}
		
		#winnsboro {
			position: absolute;
			top: 703px;
			left: 337px;
		}
		
		#wanblee {
			position: absolute;
			top: 418px;
			left: 256px;
		}
		#chipewyan {
			position: absolute;
			top: 20px;
			left: 185px;
		}
		#drumright {
			position: absolute;
			top: 623px;
			left: 317px;
		}
		#portarthur {
			position: absolute;
			top: 770px;
			left: 370px;
		}
		
		#intro {
				
			position: absolute;
			
			top: 75px;
			
			left: 0px;
			
			visibility: visible;
			
			width: 570px;
			
			z-index: 600;
			
		}
		
		#intro h1 {
				
			font-size: 25px;
			
			margin-left: 5px;
			
		}
		
		#directions {
			position: absolute;
			top: 125px;
			left: 120px;
			z-index: 5000;
			color: #49a3c5;
		}
		
		#directions p {
			font-size: 14px;
		}