/* Site-Wide CSS */

	/* Page */
		html, body {
			height: 100%;
			width: 100%;
		}
			body {
				background: #333333 url(bodyTile.jpg) repeat-x 0px 5px;
				margin: 0px;
				padding: 0px;
			}
				#greyBarLeft {
					background-color: #333333;
					height: 300px;
					left: 0px;
					position: absolute;
					top: 5px;
					width: 5px;
					z-index: 0;
				}
				#greyBarRight {
					background-color: #333333;
					height: 300px;
					right: 0px;
					position: absolute;
					top: 5px;
					width: 5px;
					z-index: 0;
				}
				a img {
					border: none;
				}

	/* Logo */
		#logoContainer {
			height: 108px;
			left: 0px;
			position: absolute;
			top: 14px;
			width: 100%;
			z-index: 2;
		}
			#normalLogoDiv {
				height: 108px;
				width: 789px;
			}
				#logo {
					height: 108px;
					width: 121px;
				}

	/* Header Navigation */
		#headerContainer {
			height: 22px;
			left: 0px;
			position: absolute;
			top: 26px;
			width: 100%;
			z-index: 3;
		}
			#headerDiv {
				height: 22px;
				width: 789px;
			}
				#headerDiv div, #headerDiv span {
					border: none;
					display: block;
					height: 22px;
					margin: 0px;
					padding: 0px;
				}
				a.navLink #gallery {
					background: url(gallery.png) no-repeat;
				}
				a.navLink:hover #gallery {
					background-position: 0px -22px;
				}
				a.navLink #news {
					background: url(news.png) no-repeat;
				}
				a.navLink:hover #news {
					background-position: 0px -22px;
				}
				a.navLink #about {
					background: url(about.png) no-repeat;
				}
				a.navLink:hover #about {
					background-position: 0px -22px;
				}
				a.navLink #contact {
					background: url(contact.png) no-repeat;
				}
				a.navLink:hover #contact {
					background-position: 0px -22px;
				}

	/* Main Content and Footer Navigation */
		#mainContainer {
			left: 0px;
			position: absolute;
			top: 55px;
			width: 100%;
			z-index: 1;
		}
			#landscapeShadowWrapper {
				width: 789px;
			}
				#landscapeShadowTop {
					background: url(landscapeShadowTop.png) no-repeat;
					height: 0px;
					padding: 15px;
					width: 759px;
					}
				#landscapeShadowMiddle {
					background: url(landscapeShadowMiddle.png) repeat-y;
					padding: 0px 15px 0px 15px;
					width: 759px;
				}
				#landscapeShadowBottom {
					background: url(landscapeShadowBottom.png) no-repeat;
					height: 0px;
					padding: 15px;
					width: 759px;
				}
			#portraitShadowWrapper {
				width: 572px;
			}
				#portraitShadowTop {
					background: url(portraitShadowTop.png) no-repeat;
					height: 0px;
					padding: 15px;
					width: 542px;
					}
				#portraitShadowMiddle {
					background: url(portraitShadowMiddle.png) repeat-y;
					padding: 0px 15px 0px 15px;
					width: 542px;
				}
				#portraitShadowBottom {
					background: url(portraitShadowBottom.png) no-repeat;
					height: 0px;
					padding: 15px;
					width: 542px;
				}
			#formShadowWrapper {
				margin: -5px;
			}
				#formShadowTop {
					background: url(formShadowTop.png) no-repeat;
					height: 0px;
					padding: 5px;
					width: 380px;
					}
				#formShadowMiddle {
					background: url(formShadowMiddle.png) repeat-y;
					padding: 0px 5px 0px 5px;
					width: 380px;
				}
				#formShadowBottom {
					background: url(formShadowBottom.png) no-repeat;
					height: 0px;
					padding: 5px;
					width: 380px;
				}
			#footerDiv {
				height: 22px;
				margin-bottom: 27px;
				margin-top: 6px;
				width: 789px;
			}
				#footerDiv div, #footerDiv span {
					border: none;
					display: block;
					height: 22px;
					margin: 0px;
					padding: 0px;
				}
				a.navLink #design {
					background: url(design.png) no-repeat;
				}
				a.navLink:hover #design {
					background-position: 0px -22px;
				}
				#seperator {
					background: url(seperator.png) no-repeat;
				}
				a.navLink #copyright {
					background: url(copyright.png) no-repeat;
				}
				a.navLink:hover #copyright {
					background-position: 0px -22px;
				}

	/* Text */
		a {
			color: #0062A2;
		}
		h3.center, p.center {
			text-align: center;
		}
		h3 {
			color: #0062A2;
			font: italic bold 24px Lucida Sans;
			margin: 0px;
			overflow: hidden;
			white-space: nowrap;
		}
		h3:before {
			color: #FFFFFF; 
			display: block;
			margin: 0px 0px -1.24em 2px;
			text-shadow: #666666 0px 0px 5px;
		}
		h4 {
			color: #444444;
			font: italic bold 16px Lucida Sans;
			margin: 0px;
		}
		h4.green {
			color: #0A985A;
		}
		h4.red {
			color: #A22000;
		}
		p {
			color: #444444;
			font: 14px Lucida Sans;
			margin: 0px;
			text-align: left;
		}

	/* Non-Specific */
		div.center {
			margin-left: auto;
			margin-right: auto;
		}
		div.floatLeft, span.floatLeft {
			float: left;
		}
		div.floatRight, span.floatRight {
			float: right;
		}
		br.clear {
			clear: both;
			visibility: hidden;
		}
		div.cottonPaper {
			background: #F6F6F6 url(cottonPaper.gif) repeat;
		}
		img.hidden {
			visibility: hidden;
			display: block;
		}

	/* Internet Explorer Bug Fixes */
		body {
			_text-align: center;
		}
		#logo {
			_background: url(logo.gif) no-repeat;
		}
		img.hiddenForMSIE, #landscapeShadowTop, #landscapeShadowBottom, #portraitShadowTop, #portraitShadowBottom, #formShadowTop, #formShadowBottom {
			_display: none;
		}
		#landscapeShadowMiddle, #portraitShadowMiddle, #formShadowMiddle {
			_background: none;
			_padding: 0px;
		}
		#landscapeShadowMiddle, #portraitShadowMiddle {
			_text-align: left;
			_margin: 30px 15px 30px 15px;
		}
		#formShadowWrapper {
			_margin: 5px 0px 5px 0px;
		}
		a.navLink #gallery {
			_background: url(gallery.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #gallery {
			_background: url(gallery.gif) no-repeat 0px -22px;
			_height: 22px;
		}
		a.navLink #news {
			_background: url(news.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #news {
			_background: url(news.gif) no-repeat 0px -22px;
			_height: 22px;
		}
		a.navLink #about {
			_background: url(about.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #about {
			_background: url(about.gif) no-repeat 0px -22px;
			_height: 22px;
		}
		a.navLink #contact {
			_background: url(contact.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #contact {
			_background: url(contact.gif) no-repeat 0px -22px;
			_height: 22px;
		}
		a.navLink #design {
			_background: url(design.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #design {
			_background: url(design.gif) no-repeat 0px -22px;
			_height: 22px;
		}
		#seperator {
			_background: url(seperator.gif) no-repeat;
			_height: 22px;
		}
		a.navLink #copyright {
			_background: url(copyright.gif) no-repeat 0px 0px;
			_height: 22px;
		}
		a.navLink:hover #copyright {
			_background: url(copyright.gif) no-repeat 0px -22px;
			_height: 22px;
		}