@charset "utf-8";
/* CSS Document called individual-pages.css for all my similiar pages like barnegat, marblehead, pensacola, etc. */

body {background-color:#FFFFFF;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-align:center; }  /* body wholepage for the white color for the left of the 0 px and the right of the 1000 px outside of my page areas. The body and wholepage goes into each of the external style sheets. */    
#wholepage {position:relative;top:0px;left:0px;width:1000px;margin:0 auto;text-align:left;background-color:#FFFFFF; } /* body wholepage for centering in the middle of all different browser windows.  BTW we removed the height because my pages are all different heights. */
#indiv-header {					/* Our individual header image position and stuff */
	position:absolute;
	top:10px;
	left:10px;
	height:124px;
	width:300px;
	} 
#lighthouse-name {         	   /* Lighthouse Name position and stuff, example: Marblehead */
    position:absolute;
    top:10px;
	left:325px;
	height:46px;
	width:565px;
	font-family:comic sans ms;
	color:#006400;   			/* Dark Green text */
	font-size:30px;
	font-weight:bold;
	text-align:center; 
	}   
#state-prov-country-name  {         /* State-Prov, Country Name position and stuff, example: New Brunswick, Canada */
    position:absolute;
    top:90px;
	left:325px;
	height:46px;
	width:565px;
	font-family:comic sans ms;
	color:#006400;   			/* Dark Green text */
	font-size:30px;
	font-weight:bold;
	text-align:center; 
	}   	
#top-flag {position:absolute;top:10px;left:900px;height:50px;width:68px; }
#bottom-flag {position:absolute;top:80px;left:900px;height:50px;width:68px; }
#back-button {position:absolute;top:158px;left:125px;height:25px;width:75px; } /* Back button position-stuff for indiv. pages */
#next-button {position:absolute;top:158px;left:800px;height:25px;width:75px; } /* Next button position-stuff for indiv. pages */
#updated-in {   /* The updated in text position and stuff for the individual state-provience pages */ 
    position:absolute;
	top:160px;
	left:230px;
	height:20px;
	width:540px;
	font-family:comic sans ms;
	color:#4682B4;    /* Steel Blue */
	font-size:15px;
	text-align:center;
	}	
#ind-textbody {			/* The body of text for the individual lighthouse pages. */
	position:absolute;
	top:200px;     /* This is where the paragraph box position from the top begins. */
	left:350px;     /* This is where the paragraph box position from the left begins. */
	height:1390px;   /* This is the height of the paragraph box. */
	width:600px;   /* This is the width of the paragraph box. */
	font-family:comic sans ms;  /* This is the font for the paragraph in the box. */
	color:#000000;   /* This is the black font for the paragraph in the box. */
	font-size:15px;   /* This is the font size for the paragraph in the box. */
	text-align:left /* This puts my paragraph to the left in the box. */
	} 
#lighthouse-info {font-family:comic sans ms; color:#CC0000; font-size:15px; font-weight:bold;}  /* Marroon-ish text */		
#thelighthousehunters {font-family:comic sans ms; color:#FF4500; font-size:15px; font-weight:bold;} /* Orange Red text */
a.purchase-prints {
    font-family:comic sans ms;
	color:#006400;   			/* Dark Green text */
	font-size:15px;
	font-weight:bold;	
	}						/*  This is a Class not an ID for my Purchase Prints Hyperlink  */
#map {position:absolute;top:1155px;left:350px;height:350px;width:575px; }
#backto-stateprov {
	position:absolute;
	top:1540px;
	left:350px;
	height:23px;
	width:600px;
	text-align:center;
	}			
a.backto-stateprov {
    font-family:comic sans ms;
	color:#CC0000;				/* Marroon-ish text */
	font-size:17px;
	font-weight:bold;	
	}						/*  This is a Class not an ID for my Back to State/Prov Hyperlink  */
			
/*  #advertisement-728x90 {
    position:absolute;
	top:1620px;
	left:136px;
	height:90px;
	width:728px;	} 		This was the Google AdSense css */	
			
#weather {
    position:absolute;
	top:1620px;
	left:136px;
	height:90px;
	width:728px;
	}
#img-hz1 {position:absolute;top:200px;left:10px;height:225px;width:300px; } /* image in horizontal 1 position */ 	
#img-hz1-caption {		/* image caption in horizontal 1 position */ 										
    position:absolute;
	top:431px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	}  
#img-hz2 {position:absolute;top:466px;left:10px;height:225px;width:300px; } /* image in horizontal 2 position */ 
#img-hz2-caption {		/* image caption in horizontal 2 position */ 
    position:absolute;
	top:697px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	}  
#img-hz3 {position:absolute;top:732px;left:10px;height:225px;width:300px; } /* image in horizontal 3 position */ 
#img-hz3-caption {		/* image caption in horizontal 3 position */ 
    position:absolute;
	top:963px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	}  	
#img-ver3rd  {position:absolute;top:732px;left:43px;height:300px;width:225px; } /* image vertical in 3rd position */
#img-ver3rd-caption {		/* image caption in veritcal 3rd position */ 
    position:absolute;
	top:1038px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	}  	
#img-hz4 {position:absolute;top:998px;left:10px;height:225px;width:300px; } /* image in horizontal 4 position */ 
#img-hz4-caption {		/* image caption in horizontal 4 position */ 
    position:absolute;
	top:1229px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	}  
#img-hz4-after-ver3rd {position:absolute;top:1073px;left:10px;height:225px;width:300px; } /* image in horizontal 4 position after vertical 3rd */ 
#img-hz4-after-ver3rd-caption {		/* image caption in horizontal 4 position after vertical 3rd */ 
    position:absolute;
	top:1304px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	} 
#img-hz5 {position:absolute;top:1264px;left:10px;height:225px;width:300px; } /* image in horizontal 5 position */ 	 
#img-hz5-caption {		/* image caption in horizontal 5 position */ 
    position:absolute;
	top:1495px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	} 
#img-hz5-after-ver3rd {position:absolute;top:1339px;left:10px;height:225px;width:300px; } /* image in horizontal 5 position after vertical 3rd */ 	
#img-hz5-after-ver3rd-caption {		/* image caption in horizontal 5 position */ 
    position:absolute;
	top:1570px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	} 	
#img-ver2nd  {position:absolute;top:466px;left:43px;height:300px;width:225px; } /* image vertical in 2nd position */
#img-ver2nd-caption {		/* image caption in veritcal 2nd position */ 
    position:absolute;
	top:772px;     /* This is where the caption box position from the top begins. */
	left:10px;     /* This is where the caption box position from the left begins. */ 
	height:20px;   /* This is the height of the caption box. */
	width:300px;   /* This is the width of the caption box. */
	font-family:comic sans ms;  /* This is the font for the caption in the box. */ 
	color:#000000;   /* This is the black font for the caption in the box. */
	font-size:13px;   /* This is the font size for the caption in the box. */
	text-align:center; /* This centers my caption in the box. */
	} 	
#img-hz4-after-ver3rd-smaller {position:absolute;top:1073px;left:53px;height:225px;width:208px; } /* image in horizontal 4 position after vertical 3rd but a smaller size*/ 
#img-ver5thleft-after-ver3rd {position:absolute;top:1339px;left:10px;height:225px;width:150px; } /* image in vertical left 5 position after vertical 3rd */ 
#img-ver5thright-after-ver3rd {position:absolute;top:1339px;left:160px;height:225px;width:150px; } /* image in vertical right 5 position after vertical 3rd */ 	
#bottom-navmenu-individualpages {          /* Bottom Navigation Menu for Individual Pages with all 4 hz AND 2 hz, 1 v, 1 hz */  
	position:absolute;
	top:1375px;
	left:50px;
	height:40px;
	width:900px;
	font-family:comic sans ms;
	color:#000000;
	font-size:13px;
	text-align:center;
	} 
#copyright-individualpages {              /* This is the copyright for Individual Pages with all 4 hz AND 2 hz, 1 v, 1 hz */ 
    position:absolute;
	top:1450px;
	left:150px;
	height:40px;
	width:700px;
	font-family:comic sans ms;
	color:#000000;
	font-size:13px;
	text-align:center;
	} 		 
#linkback-usacanflags-individualpages {position:absolute;top:1455px;left:15px;height:31px;width:88px; }  /* image */
#linkback-fatcow-individualpages {position:absolute;top:1451px;left:900px; }  /* Link Back to FatCow image */	
#linkback-sitelock-individualpages {position:absolute;top:1525px;left:300px;height:56px;width:98px; }  /* image */
#linkback-ecoenergy-individualpages {position:absolute;top:1515px;left:600px;height:56px;width:98px; }  /* image */

#bottom-navmenu-individualpages-5long {        /* Bottom Navigation Menu for Individual Pages with 5 photos */  
	position:absolute;
	top:1745px;
	left:50px;
	height:40px;
	width:900px;
	font-family:comic sans ms;
	color:#000000;
	font-size:13px;
	text-align:center;
	} 	
#copyright-individualpages-5long {			/* copyright for Individual Pages with 5 photos */
    position:absolute;
	top:1820px;
	left:150px;
	height:40px;
	width:700px;
	font-family:comic sans ms;
	color:#000000;
	font-size:13px;
	text-align:center;
	} 	
#linkback-usacanflags-individualpages-5long {position:absolute;top:1825px;left:15px;height:31px;width:88px; }  /* Link Back image */
#linkback-fatcow-individualpages-5long {position:absolute;top:1821px;left:900px; }  /* Link Back to FatCow image */			
#linkback-sitelock-individualpages-5long {position:absolute;top:1895px;left:300px;height:56px;width:98px; }  /* image */
#linkback-ecoenergy-individualpages-5long {position:absolute;top:1882px;left:600px;height:56px;width:98px; }  /* image */

.fb-like {position:absolute;top:160px;left:10px; }       Facebook Like Button with counter  For some reason it only works when I have it at the bottom of this page