/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*-----------------------------------Layout-------------------------------------*/
/*------------------------------------------------------------------------------*/
body {
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #333333;
	background-image:url(Images/background-texture.jpg);
	}

#layout {
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	top:0px;
	width:1025px;
	height:750px;
	z-index:2;
	background-image:url(Images/TBCbackground.gif);
	}

#titleholder {
	margin-left: auto;
	margin-right: auto;
	width:550px;
	height:46px;
	z-index:3;
	top:inherit;
	}

#cage {
	margin-left:auto;
	margin-right:auto;
	top:10px;
	width:1025px;
	height:740px;
	z-index:1;
	}

#main {
	position:absolute;
	left:293px;
	top:170px;
	width:540px;
	height:544px;
	z-index:2;
	background-color:#FFC;
	}

#navcage {
	position:absolute;
	left:95px;
	top:152px;
	width:133px;
	height:240px;
	z-index:3;

	}
	
#navcage a:link, #navcage a:visited {
	position:absolute;
	display:block;
	width:133px;
	height:38px;
	}
	
#navcage ul li {
	list-style-type: none;
	}
	
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*----------------------------------Graphics------------------------------------*/
/*------------------------------------------------------------------------------*/
#title {
	position:absolute;
	left:51px;
	width:550px;
	height:46px;
	z-index:3;
	top:45px;
	}

#indexPic {
	position:absolute;
	width:525px;
	height:382px;
	z-index:3;
	background-image:url(Images/indexPic.gif);
	left: 303px;
	top: 168px;
	}
	
#ReceptionPic {
	position:absolute;
	width:529px;
	height:396px;
	z-index:3;
	background-image:url(Images/ReceptionPic.gif);
	left: 300px;
	top: 170px;
	}

#CourtyardPic {
	position:absolute;
	width:295px;
	height:390px;
	z-index:3;
	background-image:url(Images/CourtyardPic.gif);
	left: 410px;
	top: 170px;
	}
	
#chapelPic {
	position:absolute;
	width:369px;
	height:348px;
	z-index:3;
	background-image:url(Images/chapelPic.jpg);
	margin-left:90px;
	left: 290px;
	top: 175px;
	}
	
#chapeltitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/ChapelTitle.gif);
	background-color:#FFFFCC;
	}

#receptiontitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/ReceptionTitle.gif);
	background-color:#FFFFCC;
	}

#courtyardtitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/CourtyardTitle.gif);
	background-color:#FFFFCC;
	}
	
#linkstitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/LinksTitle.gif);
	background-color:#FFFFCC;
	}
	
	#menutitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/MenuTitle.gif);
	background-color:#FFFFCC;
	}
		
#faqtitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/faqTitle.gif);
	background-color:#FFFFCC;
	}

#packagetitle {
	position:absolute;
	left:375px;
	top:25px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/PackageTitle.gif);
	background-color:#FFFFCC;
	}

#gallerytitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/GalleryTitle.gif);
	background-color:#FFFFCC;
	}

#directionstitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/DirectionsTitle.gif);
	background-color:#FFFFCC;
	}

#contacttitle {
	position:absolute;
	left:382px;
	top:20px;
	width:170px;
	height:54px;
	z-index:5;
	background-image:url(Images/ContactTitle.gif);
	background-color:#FFFFCC;
	}

#errortitle {
	position:absolute;
	left:375px;
	top:50px;
	width:170px;
	height:75px;
	z-index:5;
	background-image:url(Images/ErrorTitle.gif);
	background-color:#FFFFCC;
	}

#logo {
	position:absolute;
	left:28px;
	top:165px;
	width:128px;
	height:58px;
	z-index:3;
	background-image:url(file://///Wd-netcenter/deryck/WebDev/Thunderbird%20Chapel/Recode/chapellogo.gif);
	}

#bottomgraphic {
	position:absolute;
	left:200px;
	top:741px;
	width:429px;
	height:40px;
	z-index:3;
	background-image:url(file://///Wd-netcenter/deryck/WebDev/Thunderbird%20Chapel/Recode/leavesmain.gif);
	}
	
#middlegraphic {
	position:absolute;
	left:202px;
	top:254px;
	width:429px;
	height:40px;
	z-index:5;
	background-image:url(file://///Wd-netcenter/deryck/WebDev/Thunderbird%20Chapel/Recode/leavesmain.gif);
	}
	
#topgraphic {
	position:absolute;
	left:51px;
	top:21px;
	width:549px;
	height:22px;
	z-index:3;
	background-image:url(file://///Wd-netcenter/deryck/WebDev/Thunderbird%20Chapel/Recode/leavestop.gif);
	}

/*------------------------------------------------------------------------------*/
/*----------------------------------Graphics------------------------------------*/
/*----------------------------------Placement-----------------------------------*/
/*------------------------------------------------------------------------------*/
img.floatLeft { 
    float: left; 
    margin: 4px; 
	}
	
img.floatRight { 
    float: right; 
    margin: 4px; 
	}

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------Text--------------------------------------*/
/*------------------------------------------------------------------------------*/
#rates {
	position:absolute;
	left: 180px;
	top:390px;
	width:187px;
	height:63px;
	z-index:3;
	text-decoration:underline;
	color:016547;
	text-align:center;
	font-size:12px;
	}

#mainPackagetext {
	position:absolute;left: 5px;
	top:80px;
	width:530px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}

#mainLinkstext {
	position:absolute;
	top:120px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#mainCourtyardtext {
	position:absolute;
	top:390px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#mainErrortext {
	position:absolute;
	top:180px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#mainFAQtext {
	position:absolute;
	top:180px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#mainMenutext {
	position:absolute;
	top:110px;
	width:537px;
	height:190px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-size:14px;
	}
	
#mainDirectionstext {
	position:absolute;
	top:120px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#mainReceptiontext {
	position:absolute;
	top:400px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#maintext {
	position:absolute;
	left:4px;
	top:375px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}


	
#mainGallerytext {
	position:absolute;
	left:4px;
	top:170px;
	width:537px;
	height:110px;
	z-index:3;
	color:#016547;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	}
	
#formphone {
	position:absolute;
	top:80px;
	width:540px;
	height:20px;
	z-index:3;
	background-color:#FFFFCC;
	color:#016547;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	}
		
#footer {
	position:relative;
	width:355px;
	height:40px;
	margin-left: auto;
	margin-right: auto;
	color:#016547;
	font-style:italic;
	font-size:11px;
	text-align:center;
	}

h1{
	font-weight:bold;
	text-align:center;
	font-size:12px;
	text-decoration:underline;
	line-height:150%;
	}
	
#h1 a:link, a:visited {
	color:#006666;
	}
	
h2{
	text-align:center;
	font-size:10px;
	line-height:130%;
	}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*-----------------------------------NavMenu------------------------------------*/
/*------------------------------------------------------------------------------*/

#buttonhome:hover{
	background-image:url(Images/buttonHome-on.gif);
	}	
						
#buttonchapel:hover{
	background-image:url(Images/buttonChapel-on.gif);
	}
	
#buttonreception:hover{
	background-image:url(Images/buttonReception-on.gif);
	}	
	
#buttoncourtyard:hover{
	background-image:url(Images/buttonCourtyard-on.gif);
	}	
	
#buttonfaq:hover{
	background-image:url(Images/buttonFAQ-on.gif);
	}	
	
#buttonpackage:hover{
	background-image:url(Images/buttonPackage-on.gif);
	}
	
#buttongallery:hover{
	background-image:url(Images/buttonGallery-on.gif);
	}	
	
#buttondirections:hover{
	background-image:url(Images/buttonDirections-on.gif);
	}	
	
#buttonlinks:hover{
	background-image:url(Images/buttonLinks-on.gif);
	}
	
#buttoncontact:hover{
	background-image:url(Images/buttonContact-on.gif);
	}	

#buttonhome {
	position:absolute;
	left:11px;
	top:12px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonHome-off.gif);
	}
	
#buttonchapel {		
	position:absolute;
	left:11px;
	top:62px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonChapel-off.gif);	
	}

#buttonreception {
	position:absolute;
	left:11px;
	top:113px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonReception-off.gif);
	}
	
#buttoncourtyard {
	position:absolute;
	left:11px;
	top:165px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonCourtyard-off.gif);
	}

#buttonfaq {
	position:absolute;
	left:11px;
	top:215px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonfaq-off.gif);
	}

#buttonpackage {
	position:absolute;
	left:11px;
	top:265px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonPackage-off.gif);
	}

#buttongallery {
	position:absolute;
	left:11px;
	top:315px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonGallery-off.gif);
	}

#buttondirections {
	position:absolute;
	left:11px;
	top:365px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonDirections-off.gif);
	}

#buttonlinks {
	position:absolute;
	left:11px;
	top:415px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonLinks-off.gif);
	}
#buttoncontact {
	position:absolute;
	left:11px;
	top:465px;
	width:133px;
	height:38px;
	z-index:4;
	background-image:url(Images/buttonContact-off.gif);
	}

#map {		
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	width:100px;
	height:57px;
	background-image:url(Images/mapthumb.jpg);
	}
	
#map a:link, #map a:visited {
	position:absolute;
	display:block;
	width:100px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	}
	
#map:hover{
	background-image:url(Images/mapthumbover.jpg);
	}

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*--------------------------Go Back Buttons Placement---------------------------*/
/*------------------------------------------------------------------------------*/


.goback:hover{
	background-color:#FFFFFF;
	color:#016547;
	border: 3px double #016547;
	
	}
	
.goback{
	position:absolute;
	left:210px;
	top:300px;
	width:110px;
	z-index:4;
	background-color:#066;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border:2px double #000000;
}	

.printable{
	position:absolute;
	left:185px;
	
	top:380px;
	width:155px;
	z-index:4;
	background-color:#016547;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border:3px double #000000;
}

.printable:hover{
	background-color:#FFFFFF;
	color:#016547;
	border: 3px double #016547;
	
	}
/*------------------------------------------------------------------------------*/
/*-------------------------------------Form-------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

#form {
	position:absolute;
	left:20px;
	top:100px;
	width:540px;
	height:325px;
	z-index:6;
	font-weight:bold;
}

#form label{
	text-align:right;
	margin-right:0.5em;
	padding-right:0.5em;
	width:120px;
	float:left;
	display:block;
	color:#016547;

	}

#label, input{
	display:block;
	width:205px;
	float:left;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border-width:thin;
	border:#016547;
	border:3px double #016547;
	}
	
.boxes{
width: 1em;
}	

#label, textarea{
	background-color:#FFFFFF;
	border:#016547;
	border-width:medium;
	border:#016547;
	border:inset;
	border:3px double #016547;
	}
	
br{
	clear:left;
	}
	
#form input:focus {
	background-color:#FFFF66;
	border:#016547;
	border-width:medium;
	border:#016547;
	border:inset;
	border:3px double #016547;
	}
	
#form textarea:focus{
	background-color:#FFFF66;
	border:#016547;
	border-width:medium;
	border:#016547;
	border:inset;
	border:3px double #016547;
	}

#form input.submit{
	position:absolute;
	top:400px;
	left:150px;
	width:100px;
	background-color:#016547;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border:3px double #000000;

	}

#form input.reset{
	position:absolute;
	top:400px;
	left:290px;
	width:100px;
	background-color:#016547;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border:3px double #000000;
	}

#form input.submit:hover{
	background-color:#FFFFFF;
	color:#016547;
	border: 3px double #016547;
	}

#form input.reset:hover{
	background-color:#FFFFFF;
	color:#016547;
	border: 3px double #016547;
	}