/* Mary Ann Fernandes www.fernandesmedia.com 2007 Vertical Navigation*/

/* some browsers put in their own margins and padding or borders, this makes sure everything is 0'd out */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#1F4724;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#1F4724;
}

#maincontainer {
	width: 928px; /*Width of main container*/
	margin: 0px auto; /*Center container on page*/
}

#NavMaincontainer{
	width: 928px; /*Width of main container*/
	text-align:left;
	background:#C4B479 url(images/frame.jpg) repeat-y center top;
	margin: 0px auto; /*Center container on page*/
	}
	
#contentwrapper {
float: left;
width: 928px;
background:#C4B479 url(images/frame.jpg) repeat-y center top;
}
 /* this matters for ie.7.0 */ 
#NavContentWrapper {
margin-left: 275px;
}

#contentcolumn {
margin-right: 100px;
}

#contenttext {
margin-left: 50px;
width: 125px;
}

.Navcontainer {
/* add <div class="container"> before each header and a </div> after each paragraph to clear. */
width:98%;
float: right;
/* this matters for ie.7.0 */
margin-right: 150px;
}

.rightimage{
float: right;
margin: 0 0 40px 10px;
width: 200px;
}

.righttext{
float: right;
margin: 0 0 10px 10px;
width: 100px;
}

.rightpic{
float: right;
margin: 10px 20px 5px 5px;
width: 320px;
}

#leftcol #nav {

}

/* This is another failsafe to make sure browsers aren't adding their own padding or margins.  "ul" is what holds the list elements */
	#leftcol #nav  ul{
	padding: 0;
	margin: 0;
}

/* li is "list item element.  navigation defaults to vertical w/ bullets, by adding display: inline; I make it horizontal w/out bullets */
		#leftcol #nav ul {
	border-top: 1px solid #1F4724;
	line-height: 2em;
	list-style-type: none;
}
			#leftcol #nav  ul li a{
	color: #1F4724;
	background-color: transparent;
	display: block;
	padding: 4px 0 4px 4px;
	border-top: 1px solid #1F4724;
	text-decoration: none;
} 

/* hover is when mouse goes over background, color will change to this */
			#leftcol #nav  ul li a:hover, #leftcol #nav  ul li a:focus{
			/* The next 3 lines are just to make it look like your depressing a button when you hover */
			color: #ffffff;
}

#leftcol{
	/* make the padding the same as the h1 padding so they will start aligned */
  margin-top: 15px;
	margin-left: 140px;
	/* float is neccessary to have content sit beside it */
  float: left;
	width: 130px;
	color: #FFFFFF;
	background: center;
	text-align: center;
  }
  
#footer {
	clear: left;
	width: 100%;
}

#Navfooter {
	clear: both; 
}

/* Font Properties */
p {
	padding-right: 5px;
	padding-left: 20px;
	color: #1F4724;
	font: bolder 14px/1.2em Georgia, "Times New Roman", Times, serif;
}

br {
	line-height: 1.5em;
}
td {
	line-height: 1.4em;
}
a {
	font-style: normal;
	font-weight: bold;
}
#plinkdescription {
	color: #000000;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #1F4724;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 7px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1F4724;
}

h4 {
	padding-right: 5px;
	padding-left: 80px;
	color: #1F4724;
	font: bolder 14px/1.2em Georgia, "Times New Roman", Times, serif;
}

h5 {
	color: #1F4724;
	font: bolder 10px/1.2em Georgia, "Times New Roman", Times, serif;
}
h6 {
	color: #1F4724;
	font: bolder 14px/1.2em Georgia, "Times New Roman", Times, serif;
}

ul {
margin-left: 20px;
}
.tile {
	background-repeat: repeat-y;
	background-position: top;
}

/*The following 3 does a clearit:both, but fixes bugs and makes it work better for all browsers to contain elements in a container read more at http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html #contentwrapper {
  margin-right: -7px;
  }
* html .Navcontainer {
  margin-right: 80px;
  margin-left: 20px;
  }
  * html #leftcol {
  margin-left: 70px;
  } 
  
#GalleryMenu{
float:left;
margin-left: 141px;
padding: 0;/*float: left; - haven't seen a need for this yet*/
height: 49px;
background: url(images/menuback.jpg);
}

* html #GalleryMenu{
margin-left: 70px;
}

#GalleryMenu li{
display:inline;
}
div.home {
    float: left;
	width: 124px; height: 49px;
	}
   div.home span {
  	  }
	 	 div.home a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_home_up.jpg);
   	   	 }
		 div.home a:link {
		  background: url(images/menu_home_up.jpg);
   	     }
	     div.home a:hover {
		 background: url(images/menu_home_roll.jpg);
   	     }
	     div.home a:focus {
		 background: url(images/menu_home_roll.jpg);
         }
		 
div.homeselect {
    float: left;
	width: 124px; height: 49px;
	}
   div.homeselect span {
      display:block;
  	  }
	 	 div.homeselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_home_select.jpg);
		 }
div.about {
    float: left;
	width: 91px; height: 49px;
	}
   div.about span {
  	  }
	 	 div.about a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_about_up.jpg);
   	   	 }
		 div.about a:link {
		  background: url(images/menu_about_up.jpg);
   	     }
	     div.about a:hover {
		 background: url(images/menu_about_roll.jpg);
   	     }
	     div.about a:focus {
		 background: url(images/menu_about_roll.jpg);
         }
		 
div.aboutselect {
    float: left;
	width: 91px; height: 49px;
	}
   div.aboutselect span {
      display:block;
  	  }
	 	 div.aboutselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_about_select.jpg);
		 }	
div.links {
    float: left;
	width: 91px; height: 49px;
	}
   div.links span {
  	  }
	 	 div.links a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_links_up.jpg);
   	   	 }
		 div.links a:link {
		  background: url(images/menu_links_up.jpg);
   	     }
	     div.links a:hover {
		 background: url(images/menu_links_roll.jpg);
   	     }
	     div.links a:focus {
		 background: url(images/menu_links_roll.jpg);
         }
		 
div.linksselect {
    float: left;
	width: 91px; height: 49px;
	}
   div.linksselect span {
      display:block;
  	  }
	 	 div.linksselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_links_select.jpg);
		 }		 	 
div.classes {
    float: left;
	width: 98px; height: 49px;
	}
  div.classes span {
  	  }
	 	 div.classes a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_classes_up.jpg);
   	   	 }
		 div.classes a:link {
		  background: url(images/menu_classes_up.jpg);
   	     }
	     div.classes a:hover {
		 background: url(images/menu_classes_roll.jpg);
   	     }
	     div.classes a:focus {
		 background: url(images/menu_classes_roll.jpg);
         }
		 
div.classesselect {
    float: left;
	width: 98px; height: 49px;
	}
   div.classesselect span {
      display:block;
  	  }
	 	 div.classesselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_classes_select.jpg);
		 }	
div.babywrap {
    float: left;
	width: 96px; height: 49px;
	}
  div.babywrap span {
  	  }
	 	 div.babywrap a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_babywrap_up.jpg);
   	   	 }
		 div.babywrap a:link {
		  background: url(images/menu_babywrap_up.jpg);
   	     }
	     div.babywrap a:hover {
		 background: url(images/menu_babywrap_roll.jpg);
   	     }
	     div.babywrap a:focus {
		 background: url(images/menu_babywrap_roll.jpg);
         }
		 
div.babywrapselect {
    float: left;
	width: 96px; height: 49px;
	}
   div.babywrapselect span {
      display:block;
  	  }
	 	 div.babywrapselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_babywrap_select.jpg);
		 }	
div.contact {
    float: left;
	width: 138px; height: 49px;
	}
  div.contact span {
  	  }
	 	 div.contact a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_contact_up.jpg);
   	   	 }
		 div.contact a:link {
		  background: url(images/menu_contact_up.jpg);
   	     }
	     div.contact a:hover {
		 background: url(images/menu_contact_roll.jpg);
   	     }
	     div.contact a:focus {
		 background: url(images/menu_contact_roll.jpg);
         }
		 
div.contactselect {
    float: left;
	width: 138px; height: 49px;
	}
   div.contactselect span {
      display:block;
  	  }
	 	 div.contactselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/menu_contact_select.jpg);
		 }