@charset "utf-8";
/* CSS Document 
	Sandy Joscelyn
	Double H Kennels
*/



.style7		{/*Text manipulation*/
	text-align: center; line-height: 15px
}		
.style7 a:link	{/*Text manipulation*/
	letter-spacing: 0px
}					


h1, h3, h2	{/* Font */
text-align: center; font-family: Georgia, "Times New Roman", Times, serif; 
}
		
.contact 	 {/* Selector and Text manipulation*/
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px;
	
}
.phone		{/*wanted different font for numbers*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
#mail		{/* Selector and Text manipulation*/
	font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;
	letter-spacing: 0px;
}

.table1 	{/*Selector and Fonts*/
	text-align:left; font-size:20px;
				border: 0px;
}
span#italic	{/*Selector and Fonts vertical-align*/
	font-style: italic; font-size: 16px; 
}
#notes	{
	font-style:italic; font-size: 16px;
	}
p #map	a:link, a:visited, a:active	{  /* Had to add this separate in order to keep the link blue not white*/
	color: #0000FF;
	letter-spacing:inherit;
	}				
p 		{/*Fonts*/
	font-size: 18px
}
#included	{
	font-size:16px;
}
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;	/*Fonts*/
	background: #666666;	/*Backgrounds*/
	margin: 0; /* (Note from DreamWeaver) it's good practice to zero the margin and padding 
					of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* (Note from DreamWeaver) this centers the container in IE 5* 
							browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #999999;	/*Background*/
}
@media screen {   /*Print Styles, do not change anything in this section*/
p#print {
	display: none;
}
p#altLogo	{
	display: none;
}
.twoColFixLtHdr #container { 
	border: 1px solid #000000;
}}
@media handheld	{
	/*Print Styles, do not change anything in this section*/
p#print {
	display: none;
}
p#altLogo	{
	display: none;
}
}

.twoColFixLtHdr #container { 
	border: 1px solid #000000;
}}
@media print {  /*Print Styles, do not change anything in this section*/
.twoColFixLtHdr #container { 
	border: none;
}

p#print	{
	font: 12px sans-serif;
	width: 8.5in;
	background: white;
	color: black;
}
img#logo	{
	display: none;
}
img#scott	{
	display: none;
}
p#altLogo	{     /*font, font decoration, font weight*/
	text-align: center;
	font: 36px Arial, Helvetica, sans-serif;
	font-weight: bold; 
}
img#star	{
	display: none;
}


.twoColFixLtHdr #sidebar1 	{   /*Print Styles, do not change anything in this section*/
	display: none;
	
}
div#footer	{	
	display: none;
}}   /* End of Print function to hide images, etc */





/*
.twoColFixLtHdr #container #logo {I was trying to find a way to use positioning 
									for this image, the margin-left is working the way I want, so
									if I do not find a different way I will use this.								
					width: 394px; height: 220px; margin-left: 30%;
}*/


.twoColFixLtHdr #header2 { 
	
	background-image: url(assets/fac21.jpg); 
	height: 375px;
	
	background-position: center;
	color: #069941;
	font-size:20px;
	padding: 0 0px 0 0px;  /* (Note from DreamWeaver) this padding matches the left alignment 
									of the elements in the divs that appear beneath it. If an image 
									is used in the #header instead of text, you may want to remove the padding. */
									
} 

/*.twoColFixLtHdr #container #header { 
	background: #069941; 				   bg color #069941 matches the logo
	color: #000000;						  (Note from DreamWeaver) this padding matches the left alignment 
	padding: 0px						 padding top,right,bottom,left, of the elements in the divs that appear beneath it. If an image 
	margin: 0 0 0 0px; 						is used in the #header instead of text, you may want to remove the padding. 
} */

.twoColFixLtHdr #header h1 {   /* no h1 in #header*/
	margin: 0; /* (Note from DreamWeaver) zeroing the margin of the last element in the #header div 
					will avoid margin collapse - an unexplainable space between divs. If the div has 
					a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /*(Note from DreamWeaver) using padding instead of margin will allow you to keep 
							the element away from the edges of the div  */
	text-align: center;
	

}
.twoColFixLtHdr #container { 
	width: 950px;  /* (Note from DreamWeaver) using 20px less than a full 800px width 
						allows for browser chrome and avoids a horizontal scroll bar */
	
	background: #EBEBEB;
	margin: 0 auto; /* (Note from DreamWeaver) the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* (Note from DreamWeaver) this overrides the text-align: center on the body element. */
	
}
.twoColFixLtHdr #container #header h2 { /*Selector and Text manipulation*/
	letter-spacing: 3px
}

.twoColFixLtHdr #container #sidebar1 {
	float: left; /* (Note from DreamWeaver) since this element is floated, a width must be given */
	width: 220px; /* (Note from DreamWeaver) the actual width of this div, in standards-compliant 
						browsers, or standards mode in Internet Explorer will include the padding and 
						border in addition to the width */
	background: #333333; /* (Note from DreamWeaver) the background color will be displayed for the 
								length of the content in the column, but no further 
								bg color #069941 matches the logo */
	color: #FFFFFF; 
	padding: 10px 30px 10px 10px;	/*remember that padding is the space inside the div box 
										and margin is the space outside the div box */
								 /* top,right,bottom,left*/
}

.twoColFixLtHdr #sidebar1 h3	{
	text-align: left;
	
}


	
.twoColFixLtHdr #sidebar1 a:link, a:visited, a:active	{/*Text manipulation*/
	color: #FFFFFF; letter-spacing: 3px;
}   

.twoColFixLtHdr #sidebar1 #fb 	 { /* FB Image */
	
	width: 60px; 
    height: 60px;
  
}
.twoColFixLtHdr #sidebar1 #fbtext	{ /* FB text */
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 
	color: #000066;
	letter-spacing: 0px;
}

/*.twoColFixLtHdr #mainPage { Duplicate
	word-spacing: 3px; 	/*Text manipulation
	margin: 0 0 0 250px; /* (Note from DreamWeaver) the left margin on this div element creates the 
								column down the left side of the page - no matter how much content the 
								sidebar1 div contains, the column space will remain. You can remove this 
								margin if you want the #mainContent div's text to fill the #sidebar1 space 
								when the content in #sidebar1 ends.
	padding: 0 20px; /* (Note from DreamWeaver) remember that padding is the space inside the div box 
								and margin is the space outside the div box 
	
} */

 .twoColFixLtHdr #mainContent img	{	/*floating */
	float: right;
	margin: 15px; 
	
	width: 300px; height: 250px; 	
}
.twoColFixLtHdr #bullet ul	{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000000;
letter-spacing: 0px;
}


.twoColFixLtHdr #mainPage img	{ /*This is to control the pictures not on the picture page*/
	float:right; 
	width: 300px; height: 250px; 
	margin:10px 5px 5px 5px;
}

.twoColFixLtHdr #mainPage		{ 
	word-spacing: 3px;
	width: 650;
	padding: 0 20px;
	margin: 0 0 0 250px;
	
	
}

.twoColFixLtHdr #mainPage h1	{
	color:#000000;
}

.style8 a:link	{
	color: #0000FF;
	letter-spacing:inherit;
}

.style8 a:visited, a:active	{  /* Had to add this separate in order to keep the link blue not white*/
	color:#0000FF;
	letter-spacing:inherit;
	}

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* (Note from DreamWeaver) this padding matches the left alignment of the 
									elements in the divs that appear above it. */
	background: #333333;  
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* (Note from DreamWeaver) zeroing the margins of the first element in the footer 
						will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* (Note from DreamWeaver) padding on this element will create space, just as 
							the the margin would have, without the margin collapse issue */
	font-size: 10px;
	color: #FFFFFF;
	}
	
	
#footer p a:link, a:visited, a:active		{/*Text manipulation */
	color: #FFFFFF;
}     


.clearfloat { /* (Note from DreamWeaver) this class should be placed on a div or break element and 
					should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* vertical alignment, I put this in to complete the vertical-alignment part of the assignment. It will not be in the final web site
td			{
	width: 50px;
}
td#baseline	{
	vertical-align: baseline
}
td#top		{
	vertical-align: top
}
td#bottom	{
	vertical-align: bottom
}

*/
<!--[if IE 5]>
 
/* (Note from DreamWeaver) place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }

<![endif]--><!--[if IE]>

/* (Note from DreamWeaver) place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* (Note from DreamWeaver) the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

<![endif]-->