﻿body 
{
  background: #fff url("Art/Texture.jpg");
  border: 0;
  font-family: "trebuchet MS", helvetica, arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

div, img, form
{
  border: 0;
  margin: 0;
  padding: 0;
}

a, a:visited
{
	color: #5580db;
	text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

#pageArea
{
  margin-top: -100px;
}

#pageTop
{
  background: url("Art/PageTop.jpg");
  height: 400px;
  position: relative;
}

#pageLogo
{
  height: 261px;
  left: -20px;
  position: absolute;
  top: 21px;
  width: 365px;
  z-index: 5;
}

#pageTitle
{
  height: 50px;
  left: 260px;
  position: absolute;
  text-align: right;
  top: 240px;
  width: 700px;
}

#pageMenu
{
  background: url("Art/MenuBar.png") no-repeat;
  height: 28px;
  left: -200px;
  padding: 8px 200px 0 0;
  position: absolute;
  text-align: right;
  top: 94px;
  width: 1160px;
  z-index: 1;
}

#pageMenu a, #pageMenu a:visited
{
	color: #fff;
	font-family: "Tw Cen MT", arial, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	margin: 0;	
	padding: 0;
	text-decoration: none;
	text-shadow: 0 -1px 0 #333;
	filter: dropshadow(color=#333,offX=0,offY=-1); /*IE7*/
}

#pageMenu a:hover
{
	color: #facc4f;
	text-shadow: 0 0 6px #000;
}

#pageMenu ul
{
	margin: 0;
	padding: 0;
}
	#pageMenu ul li
	{
		float: right;
		margin: 0 18px 0 0;
		padding: 0;
		list-style: none;
	}
	#pageMenu ul li.last
	{
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		
#vMenu800
{
  float: left;
  width: 150px;
}

#pageContent800
{
  float: right;
  width: 800px;
}

#pageFooter
{
  border-top: 1px solid #bbb;
  color: #777;
  padding-top: 4px;
  margin: 20px 0 0 160px;
  width: 800px;  
}

#pageFooter .left
{
  float: left;
  width: 50%;
}
#pageFooter .right
{
  text-align: right;
  float: left;
  width: 50%;
}

.fbroll	a
{
  background: url("Art/Facebookbtn.png") 0 0 no-repeat;
  display: block;
  height: 21px;
  top: -1px;
  position: relative;
  width: 21px;
}

.fbroll a:hover
{
  background-position: 0 -21px;
}




.outerMargin
{
  margin: 0 auto;
  position: relative;
  width: 960px;  
}

#slideshow
{
  height: 450px;
  overflow: hidden;
  width: 800px;  
}

h1
{
	color: #000;
	font-family: "Tw Cen MT", arial, sans-serif;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

h2
{
  color: #ba8f1a;
  font-size: 20px;
  font-weight: bold;
}

h3
{
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0 3px 0;
  padding:0;
}

.infoBox
{
  float:right; 
  width:250px; 
  margin: 0 0 20px 20px; 
  border: solid 1px #aaa; 
  background: url("Art/White30.png");
  padding:6px;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

.col21
{
  float: left;
  width: 380px;
}

.col22
{
  float: right;
  width: 380px;
}

.thumbBorder
{
  background-color: #fff;
  border: 1px solid #bbb;
  height: 200px;
  padding: 5px;
  width: 160px;
}

a.babiesBellies
{
  background: url("Art/LinkBabiesAndBellies.png") 0 0 no-repeat;
  display: block;
  height: 60px;
  margin: 5px auto;
  width: 700px;
}
a.babiesBellies:hover
{
  background-position: 0 -60px;
}
a.familiesChildren
{
  background: url("Art/LinkFamiliesAndChildren.png") 0 0 no-repeat;
  display: block;
  height: 60px;
  margin: 5px auto;
  width: 700px;
}
a.familiesChildren:hover
{
  background-position: 0 -60px;
}
a.hssenior
{
  background: url("Art/LinkHSSenior.png") 0 0 no-repeat;
  display: block;
  height: 60px;
  margin: 5px auto;
  width: 700px;
}
a.hssenior:hover
{
  background-position: 0 -60px;
}
a.weddings
{
  background: url("Art/LinkWeddingsAndBrides.png") 0 0 no-repeat;
  display: block;
  height: 60px;
  margin: 5px auto;
  width: 700px;
}
a.weddings:hover
{
  background-position: 0 -60px;
}
a.otherProjects
{
  background: url("Art/LinkOtherProjects.png") 0 0 no-repeat;
  display: block;
  height: 60px;
  margin: 5px auto;
  width: 700px;
}
a.otherProjects:hover
{
  background-position: 0 -60px;
}
