@font-face {
	font-family: Calisto MT;
	src: url(css/CALIST.TTF) format("truetype-aat");
}

html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li {
margin: 0;
padding: 0;
border: none;}

body {
text-align: center;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-image: url(../art/blue_gradient2.gif);
background-repeat: repeat-x;
background-color: #5183a4;}

/*wrapper*/

.wrapper {
position: relative;
width: 940px;
margin: 20px auto;
padding: 0;
text-align: center;
border: 0;
background-color: #d6cac3;}

/*header*/

.header {
width: 940px;
height: 150px;
margin: 0;
padding: 0;
background-color: #f5f5f5;
background-image: url(../art/header.jpg);
background-repeat: no-repeat;}

.header img {
float: left;
padding: 20px 0 0 30px;
margin: 0;
border: 0;
}


/*main bar*/

.main {
float: left;
width: 940px;
height: 50px;
margin: 0;
padding: 0;
border: 1px solid #000;
background-color: #4380a3;
background-image:url(../art/main2.jpg);
background-repeat: no-repeat;
}

.main h1 {
font-family: Calisto MT, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 36px;
color: #fff;
text-align: left;
padding: 5px 0 0 20px;}

.main h2 {
font-family: Calisto MT, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
color: #000;
margin: -55px 0 0 0;
padding: 10px 20px 0 0;
font-size: 18px;
text-align: right;}


/*top menu*/

.top {
position: absolute;
top: 5px;
right: 5px;
width: 250px;
margin: 0;
border: 0;
padding: 0;
}

.top ul {
width: 250px;
padding: 5px 0px;
margin: 0;
border: 0;
}

.top ul li {
display: inline;
margin: 0;
padding: 0 0 0 15px;
font-size: 12px;
font-weight: bold;
color: #000;
}

.top ul li a {
font-size: 100%;
font-weight: bold;
color: #000;
text-decoration: none;
}

.top ul li a:hover, .top ul li a:focus {
color: #990000;
}

/*left menu*/

.nav {
float: left;
padding: 0 0 0 10px;
width: 190px;
margin: 0;
}

.nav h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #000;
text-align: left;
margin: 12px 5px;
}

.nav h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: normal;
color: #000;
text-align: left;
margin: 5px;
}

.nav p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
color: #000;
text-align: left;
margin: 5px;
}

.nav img {
margin: 20px 0;
}


/*content*/

.content {
float: right;
background-color: #e7dfda;
width: 700px;
margin: 0;
padding: 15px;}

.content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
margin-bottom: 1em;
padding: 3px;
text-align: left;}

.content p a:link {
color: #465425;} 

.content p a:visited {
color: #8c6239;}

.content p a:hover, .content p a:focus {
color: #000;}

.content ul {
text-align: left;
margin: 0 0 0 10px;
padding: 0 0 10px 20px;
}

.content ul li {
padding: 3px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.1em;
list-style: square;}

.content ul a:link {
color: #568098;} 

.content ul a:visited {
color: #A0A0A0;}

.content ul a:hover, .content ul a:focus {
font-weight: bold;}

.content ol {
text-align: left;
margin: 0 0 0 10px;
padding: 0 0 10px 20px;
}

.content ol li {
padding: 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.1em;}

.content ol a:link {
color: #568098;} 

.content ol a:visited {
color: #A0A0A0;}

.content ol a:hover, .content ol a:focus {
font-weight: bold;}

.content h1 {
font-family: Calisto MT, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 36px;
color: #1c4970;
text-align: left;
padding: 10px 0;}

.content h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006600;
margin: 10px 0 20px 0;
font-size: 1.2em;
font-weight: bold;
text-align: left;}

.content h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
width: 700px;
margin: 15px 0;
font-size: 1em;
font-weight: bold;
text-align: left;}

.content h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990000;
margin: 10px 0 13px 0;
font-size: .8em;
font-weight: bold;
text-align: left;}

.content h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 13px 0;
font-size: .7em;
font-weight: bold;
text-align: left;}

.content h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 13px 0;
font-size: .6em;
font-weight: bold;
text-align: left;}

.content table {
	background-color: #eeeeee;
	margin: 20px 0; 
	border-top: 4px #000 solid;
	border-bottom: 4px #000 solid;
}

.content td {
	background-color: #eeeeee;
	color: #000;
	font-size: .8em;
	margin: 0;
	padding: 0 5px 0 5px;
}

.content td p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	padding: 0;
	margin: 3px 0;
	border: 0;
}

.content td h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin: 6px 0;
	border: 0;
}

.content td ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
font-size: 1em;
}

.content td ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
font-size: 1em;
}

/*content wide*/

.content-w {
float: right;
background-color: #f7f7f7;
width: 940px;
margin: 0;
padding: 0;}

.content-w p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
margin-bottom: 1em;
padding: 3px 3px 3px 15px;
text-align: left;}

.content-w p a:link {
color: #465425;} 

.content-w p a:visited {
color: #8c6239;}

.content-w p a:hover, .content-w p a:focus {
color: #000;}

.content-w ul {
text-align: left;
margin: 0 0 0 10px;
padding: 0 0 10px 20px;
}

.content-w ul li {
padding: 3px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.1em;
list-style: square;}

.content-w ul a:link {
color: #568098;} 

.content-w ul a:visited {
color: #A0A0A0;}

.content-w ul a:hover, .content-w ul a:focus {
font-weight: bold;}

.content-w ul li li {
font-size: 1em;
}

.content-w ol {
text-align: left;
margin: 0 0 0 10px;
padding: 0 0 10px 20px;
}

.content-w ol li {
padding: 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.1em;}

.content-w ol a:link {
color: #568098;} 

.content-w ol a:visited {
color: #A0A0A0;}

.content-w ol a:hover, .content-w ol a:focus {
font-weight: bold;}

.content-w h1 {
font-family: Calista, Verdana, Arial, Helvetica, sans-serif;;
font-weight: normal;
color: #666666;
margin: 5px 0;
padding: 3px;
font-size: 3em;
text-align: left;}

.content-w h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006600;
margin: 15px;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
text-align: left;}

.content-w h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
width: 700px;
border-top: 1px solid #a00000;
border-bottom: 1px solid #a00000;
margin: 15px 0;
font-size: .8em;
font-weight: bold;
text-align: left;}

.content-w h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 13px 0;
font-size: .8em;
font-weight: bold;
text-align: left;}

.content-w h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 13px 0;
font-size: .7em;
font-weight: bold;
text-align: left;}

.content-w h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 13px 0;
font-size: .6em;
font-weight: bold;
text-align: left;}

.content-w table {
	background-color: #fdf5e6;
	margin: 20px 0; 
	border-top: 4px #000 solid;
	border-bottom: 4px #000 solid;
}

.content-w td {
	background-color: #fdf5e6;
	color: #000;
	font-size: .8em;
	margin: 0;
	padding: 0 5px 0 5px;
}

.content-w td p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	padding: 0;
	margin: 3px 0;
	border: 0;
}

.content-w td h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin: 6px 0;
	border: 0;
}

.content-w td ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
font-size: 1em;
}

.content-w td ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
font-size: 1em;
}

/*boxes*/

.box-plans {
float: left;
width: 180px;
height: 180px;
border: 1px solid #000;
margin: 10px;
padding: 0;
}

.box-plans img {
border: 1px solid #000;
margin: 7px;
}

.box-plans p {
margin: 0;
padding: 0 0 5px 0;
text-align: center;
}

.box-church {
float: left;
width: 600px;
height: 250px;
border: 1px solid #000;
margin: 10px;
padding: 0;
}

.box-church img {
border: 1px solid #000;
margin: 5px 15px;
}

.box-church p {
margin: 0;
padding: 0 0 5px 0;
text-align: center;
}

.box-church2 {
float: left;
width: 600px;
height: 400px;
border: 1px solid #000;
margin: 10px;
padding: 0;
}

.box-church2 img {
border: 1px solid #000;
margin: 5px 10px;
}

.box-church2 p {
margin: 0;
padding: 0 0 5px 0;
text-align: center;
}

.box-love p {
text-align: center;
}

.box-commercial {
float: left;
width: 600px;
height: 300px;
border: 1px solid #000;
margin: 10px;
padding: 0;
}

.box-commercial img {
border: 1px solid #000;
margin: 5px 15px;
}

.box-commercial p {
margin: 0;
padding: 0 0 5px 0;
text-align: center;
}

.category {
height: 340px;
background-color: #d6cac3;
padding: 5px 0 0 20px;
}

.box-category {
float: left;
width: 220px;
height: 290px;
border: 1px solid #fff;
margin: 5px 10px;
padding: 10px;
background-color: #e7dfda;
}

.box-category h1 {
font-family: Calisto MT, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 36px;
font-style: italic;
color: #1c4970;
text-align: left;
padding: 0;
}

.box-category p {
font-family: Calisto MT, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666;
padding: 2px;
margin: 0;
}

.box-category p a:link {
color: #465425;} 

.box-category p a:visited {
color: #8c6239;}

.box-category p a:hover, .box-category p a:focus {
color: #000;}


.box-product {
float: left;
width: 150px;
margin: 10px 10px 10px 0;
border: 1px solid #000;
padding: 5px;
}

.box-product p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
text-align: center;
margin: 3px 0;
padding: 0;
}

.box-280L {
float: left;
width: 270px;
border: 1px #dadbdf solid;
padding: 4px;
margin: 10px 4px 10px 10px;
}

.box-570R {
float: right;
width: 570px;
border: 1px #dadbdf solid;
padding: 10px;
margin: 10px;
}

.box-630R {
float: right;
width: 630px;
border: 0;
padding: 10px 10px 10px 2px;
margin: 0;
}

/*clear*/

.clear-both {
	clear: both;
}

/*footer*/

.footer {
border: 0;
width: 940px;
height: 80px;
margin: 0;
padding: 0;
text-align: center;
background-image: url(../art/footer.jpg);
background-repeat: no-repeat;}

.footer h1 {
text-align: center;
font-size: 14px;
color: #000;
width: 940px;
font-weight: bold;
padding: 0;}

.footer p {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 0;}

.footer p a {
text-decoration: none;
}

.footer p a:link {
color: #000;
font-weight: bold;}

.footer p a:visited {
color: #000;
font-weight: bold;
}

.footer p a:hover, .footer p a:focus {
color: #548fab;
font-weight: bold;}

.social {
position: absolute;
top: 150px;
right: 5px;
}

.webmaster {
width: 842px;
margin: 0;
padding: 2px 0 2px 0;
text-align: center;
background-color: #1b4d0c;}

.webmaster p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
color: #fff;
}

.webmaster p a {
text-decoration: none;
}

.webmaster p a:link {
color: #fff;
font-weight: bold;}

.webmaster p a:visited {
color: #fff;
font-weight: bold;
}

.webmaster p a:hover, .webmaster p a:focus {
color: #548fab;
font-weight: bold;}

.box {
float: left;
width: 220px;
height: 270px;
padding: 0;
margin: 4px;
border: 1px solid #000;
background-color: #f5f5f5;
}

.box-video {
float: left;
width: 220px;
height: 220px;
padding: 0;
margin: 4px;
border: 1px solid #000;
background-color: #f5f5f5;
}

.box-video p {
text-align: center;
padding: 0;
}

.box-brochure {
float: left;
width: 220px;
height: 250px;
padding: 0;
margin: 4px;
border: 1px solid #000;
background-color: #f5f5f5;
}

.box-brochure p {
text-align: center;
}

.box-slideshow {
float: right;
width: 300px;
height: 150px;
margin: 20px;
border: 1px #000 solid;
}