/* _style.css - default stylesheet for Elk Mtn Newfoundlands */

/* Universal style rule */
*{
  margin: 0;
  padding: 0;
   /* Temporary borders */
  /* border: dashed 1px #f00; */
}

body {
	background-image:url('pics/fur_dark1.jpg');
	background-color:#c3d3de;
	
	background-repeat:repeat;
}

#wrapper{
	width: 60em;
	margin: 0 auto;
	border: solid 1px #3f5463;
	background-color: #c3d3de;
}

/* White background for Puppy Application */
#wrapperapp{
	width: 60em;
	margin: 0 auto;
	border: solid 1px #3f5463;
	background-color: #ffffff;
}

/* Logo and banner */
#header{
	text-align: center;
	background-image:url('pics/mtn3.jpg');
	background-size: 60em 12.5em;
	background-color: #2d4a5f;
	color: #ffffff;
	height: 12.5em;	
}

#header img{
	float: left;
	height: 12.5em;
}

/* Navigation bar */
#nav{
	height:2.5em;
	background-color: #a7c8de;
	color: #2d4a5f;
	text-align: center;
	border-bottom: thin solid #052a6e;
}

#nav ul{
	list-style-type: none;
	margin: 0 auto;
}

#nav li{
	float:left;
	/* Required for drop-down menus in case needed for future */
	position:relative;
}

#nav li ul{
	position:absolute;
	z-index:100;
	visibility: hidden;
}

/* Highlight current page in navigation bar */
#home #nav a:link.home, 
#about #nav a:link.about,
#family #nav a:link.family,
#puppies #nav a:link.puppies,
#whatisnewf #nav a:link.whatisnewf,
#album #nav a:link.album {color: #ff1800; font-weight: bold; text-decoration: none;}

/* Applies to navbar links, unvisited and visited */
#nav a, 
#nav a:link,
#nav a:visited{
  text-decoration:none;
  background-color: #a7c8de;
  display:block;
  height:2.5em;
  width:9.93em;
  border-right:solid .1em #425c6e;
}

#nav a,
#nav a:link {color: #000000; }
#nav a:visited {color: #06266f; }
#nav a:hover {color: #ffe700; }

#main{
	margin: 1em;
	
}

/* Highlight current page in footer */
#home #footer a:link.home, 
#about #footer a:link.about,
#family #footer a:link.family,
#puppies #footer a:link.puppies,
#whatisnewf #footer a:link.whatisnewf,
#album #footer a:link.album {color: #ff5500; font-weight: bold; text-decoration: none;}

#footer a,
#footer a:link {color: #000000; text-decoration: underline; }
#footer a:visited {color: #ffa700; text-decoration: underline; }
#footer a:hover {color: #ffe700; text-decoration: none; } 

#main ul{
	margin-left: 3em;
	font-family:"Arial Black",Arial,Serif;
}

#footer{
	height: 2.5em;
	background-color: #4e5f8e;
	color: #f7ceaa;
	text-align: center;
	border-top: thin solid #052a6e;
}

#footer img.w3chtml{
	float: left;
	margin-left: 0.4em;
}

#footer img.w3ccss{
	float: right;
}

#main h1 {
	font-family:"Arial Black",Arial,Serif;
	font-weight: bold;
	text-align: center;
}

#main h2{
	font-family:"Arial Black",Arial,Serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#main p{
	font-family:"Arial Black",Arial,Serif;
	font-size: 125%;
	font-weight: bold;
}

#main p.announce{
	font-family:"Arial Black",Arial,Serif;
	font-size: 150%;
	font-weight: bold;
	margin: 0 3.5em;
}

#main p.form{
	font-family:"Arial Black",Arial,Serif;
	font-size: 100%;
}

#main p.freshstart{
	clear: both;
	font-family:"Arial Black",Arial,Serif;
	font-size: 125%;
	font-weight: bold;
}

#main p.info{
	font-family:"Arial Black",Arial,Serif;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

#main p.infounder{
	font-family:"Arial Black",Arial,Serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#main p.pledge{
	font-family:"Arial Black",Arial,Serif;
	font-size: 150%;
	font-weight: bold;
	margin-left: 8em;
}

#main p.standout{
	font-family:"Arial Black",Arial,Serif;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#main img{
	display: block;
	margin: 0 auto;
}

#main img.floatleft{
	float: left;
	margin-right: 1em;
}

#main img.floatright{
	float: right;
	margin-left: .5em;
	margin-right: 1em;
}

#main img.photoright{
	float: right;
	margin: 1em 3em 1em 0;
}

#main img.photoleft{
	float: left;
	margin: 1em 0 1em 3em;
}

#main img.photocenter{
	clear: both;
	display: block;
	margin: 0 auto;
}

#main li.pledge{
	font-family:"Arial Black",Arial,Serif;
	font-size: 125%;
	font-weight: bold;
	margin-left: 8em;
}

table.familyinfo  {
	width: 58em;
}

td.familyinfo {
	font-family:"Arial Black",Arial,Serif;
	font-size: 125%; 
	font-weight: bold;
	text-align: center;
	padding: .2em 0 2em 0; 
/*	border: solid 1px #00bfff; */
}