/* general architecture
-------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	height: 100%;
	text-align: center;
	background: #DFD3A2 url(../images/bg.jpg);
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #2D0E00;
}

#bg {
	width: 902px;
	background: url(../images/bg2.gif) repeat-y top;
	margin: 0 auto;
	min-height: 100%;
	text-align: center;
}

* html #bg { height: 100%; }

#site {
	width: 902px;
	position: relative;
	min-height: 100%; /* has to be here for the footer to work */
	margin: auto; /* has to be here for the center align to work */
	text-align: left;
}

* html #site { height: 100%; }


.clear {
	clear: both;
}

.clearThumbs {
	clear: left;
	padding-bottom: 10px;
}

/* general styling
-------------------------------------------------------*/

a {
	text-decoration: none;
	color: #DD4500;
}

p {
	padding-bottom: 10px;
}

h1 {
	font-size: 22px;
	letter-spacing: -0.1em;
	padding-bottom: 10px;
}

h2 {
	font-size: 16px;
	letter-spacing: -0.1em;
	color: #773300;
	padding-bottom: 10px;
}

h3 {
	font-size: 14px;
	letter-spacing: -0.1em;
	padding: 10px 0px;
	color: #A94800;
	padding-bottom: 10px;
}

ul {
	padding-left: 25px;
}

ol {
	padding-left: 35px;
}

ul li, ol li {
	padding-bottom: 8px;
}

/* form styling
-------------------------------------------------------*/

fieldset {
	border: solid 0;
	text-align: left;
}

fieldset p {
	padding-top: 3px;
}

label {
	width: 110px;
	float: left;
}

.customLabel {
	padding-left: 5px;	
	width: auto;
	float: none;
}

input, textarea, select, option {
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	color: #2D0E00;
	background-color: #fff;
	border: 1px solid #D0C6A4;
	padding: 3px;
}

.customField {
	width: auto;
}

.noBg {
	background: transparent none;
	border: none 0px;
}

.required {
	color: #ff0000;
	font-size: 9px;
}

/* header architecture
-------------------------------------------------------*/

#header {
	height: 266px;
	position: relative;
}

#headerLogo {
	width: 184px;
	height: 125px;
	float: left;
	display: inline;
	background: url(../images/headerLogo.gif) no-repeat;
}

#headerLogo a {
	display: block;
	height: 125px;
}

#headerNav {
	width: 651px;
	height: 125px;
	float: left;
	display: inline;
}

#headerEnd {
	width: 67px;
	height: 125px;
	float: left;
	display: inline;
	background: url(../images/headerEnd.gif) no-repeat;
}

#collage {
	width: 902px;
	height: 141px;
	clear: both;
	background: url(../images/collage.jpg) no-repeat;
	position: absolute;
	top: 125px;
	left: 39px;
}

/* header navigation styling
-------------------------------------------------------*/

#navigation {
	width: 651px; 
	height: 125px;
	background: url(../images/navbar.jpg) no-repeat;
	list-style: none;
	position: absolute;
}

#navigation li {
	position: absolute; top: 0;
	text-indent: -9999px;
}

#navigation li, #navigation a {
	height: 125px; 
	display: block;
}

#navbarIntroduction { left: 0px; width: 106px; }
#navbarMission { left: 106px; width: 77px; }
#navbarEvents { left: 183px; width: 68px; }
#navbarPrograms { left: 251px; width: 92px; }
#navbarMedia { left: 343px; width: 64px; }
#navbarInquire { left: 407px; width: 71px; }
#navbarAffiliations { left: 478px; width: 101px; }
#navbarDonate { left: 579px; width: 73px; }

#navbarIntroduction a:hover { background: transparent url(../images/navbar.jpg) 0px -125px no-repeat; }
#navbarMission a:hover { background: transparent url(../images/navbar.jpg) -106px -125px no-repeat; }
#navbarEvents a:hover { background: transparent url(../images/navbar.jpg) -183px -125px no-repeat; }
#navbarPrograms a:hover { background: transparent url(../images/navbar.jpg) -251px -125px no-repeat; }
#navbarMedia a:hover { background: transparent url(../images/navbar.jpg) -343px -125px no-repeat; }
#navbarInquire a:hover { background: transparent url(../images/navbar.jpg) -407px -125px no-repeat; }
#navbarAffiliations a:hover { background: transparent url(../images/navbar.jpg) -478px -125px no-repeat; }
#navbarDonate a:hover { background: transparent url(../images/navbar.jpg) -579px -125px no-repeat; }

.currentpage#navbarIntroduction { background: transparent url(../images/navbar.jpg) 0px -250px no-repeat; }
.currentpage#navbarMission { background: transparent url(../images/navbar.jpg) -106px -250px no-repeat; }
.currentpage#navbarEvents { background: transparent url(../images/navbar.jpg) -183px -250px no-repeat; }
.currentpage#navbarPrograms { background: transparent url(../images/navbar.jpg) -251px -250px no-repeat; }
.currentpage#navbarMedia { background: transparent url(../images/navbar.jpg) -343px -250px no-repeat; }
.currentpage#navbarInquire { background: transparent url(../images/navbar.jpg) -407px -250px no-repeat; }
.currentpage#navbarAffiliations{ background: transparent url(../images/navbar.jpg) -478px -250px no-repeat; }
.currentpage#navbarDonate { background: transparent url(../images/navbar.jpg) -579px -250px no-repeat; }

/* content architecture
-------------------------------------------------------*/

#content {
	padding-bottom: 119px; /* footer height +10px */
	width: 854px;
}

#main {
	display: inline;
	clear: both;
	float: left;
	margin-top: 0;
	width: 536px;
	height: auto !important;
	height: 777px;
	min-height: 777px;
	position: relative;
	text-align: justify;
}

#mainColSidePiece {
	position: absolute;
	background: url(../images/mainColSidePiece.gif) no-repeat;
	width: 63px;
	height: 59px;
	top: 0; left: 0;
}

#mainColContent {
	padding: 70px 17px 0;
}

#mainMedia {
	display: inline;
	clear: both;
	float: left;
	margin-top: 0;
	width: 840px;
	position: relative;
}

#inquire #form {
	width: 305px;
	float: left;
}

#inquire #info {
	width: 185px;
	float: right;
}

/* content styling
-------------------------------------------------------*/

.firstLetter {
	font-size: 48px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 1em;
	margin: 0 .1em 0 0;
}

#mainColContent h1 {
	display: none;
}

.imgCenter {
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
}

.imgThumb {
	float: left;
	margin-right: 10px;
}

.filmThumbBg {
	background: url(../images/filmThumbBg.gif) no-repeat;
	float: left;
	margin-right: 5px;
	padding: 12px 4px 14px 3px;
}

.mediaThumb img {
	border: none;
}

#mediaPhotos .mediaThumb {
	width: 140px;
	height: 174px;
	background: url(../images/mediaThumbBg.gif) no-repeat;
	margin: 0px 5px 10px 0px;
	position: relative;
	float: left;
}

#mediaPhotos .prev .mediaThumb, #mediaPhotos .next .mediaThumb { float: none; }

#mediaPhotos .mediaThumb img {
	width: 125px;
	height: 125px;
	padding: 10px 12px 39px 5px;
}

#mediaPhotos .mediaThumb .imageName {
	position: absolute;
	top: 148px;
	left: 10px;
	font-size: 9px;
	font-weight: bold;
}

#mediaVideo .mediaThumb {
	width: 125px;
	height: 125px;
	background: url(../images/videoThumb.jpg) no-repeat;
	margin: 0px 10px 10px 0px;
	position: relative;
	float: left;
}

#mediaVideo .prev .mediaThumb, #mediaVideo .next .mediaThumb { float: none; }

#mediaVideo .mediaThumb .imageName {
	position: absolute;
	top: 70px;
	left: 0;
	width: 125px;
	text-align: center;
	font-size: 9px;
	color: #E7DDC0;
}

#mediaPress .mediaThumb {
	width: 155px;
	height: 122px;
	background: url(../images/pressThumb.gif) no-repeat;
	margin: 0px 5px 10px 0px;
	position: relative;
}

#mediaPress .prev .mediaThumb, #mediaPress .next .mediaThumb { float: none; }

#mediaPress .mediaThumb .imageName {
	position: absolute;
	top: 60px;
	left: 0;
	width: 145px;
	text-align: center;
	color: #5F5A53;
}

#mediaPhotos .prev, #mediaVideo .prev, #mediaPress .prev {
	float: left;
}

#mediaPhotos .next, #mediaVideo .next, #mediaPress .next {
	float: right;
}

.imgWrapper {
	background: url(../images/shadow.png) no-repeat right bottom !important;
	background: url(../images/shadow.gif) no-repeat right bottom;
	float: left;
}

#affiliations #mainColContent .imgWrapper {
	margin-right: 10px;
}

.imgWrapper div {
	background: url(../images/mask.png) no-repeat left top !important;
	background: url(../images/mask.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
	float: left;
}

.imgWrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

/* main column sectionheaders
-------------------------------------------------------*/

#introduction {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_introduction.jpg) no-repeat;
}

#mission {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_mission.jpg) no-repeat;
}

#events {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_events.jpg) no-repeat;
}

#programs {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_programs.jpg) no-repeat;
}

#media {
	width: 791px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_media.jpg) no-repeat;
}

#inquire {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_inquire.jpg) no-repeat;
}

#affiliations {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_affiliations.jpg) no-repeat;
}

#donate {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_donate.jpg) no-repeat;
}

#thanks {
	width: 536px;
	margin-left: 63px;
	background: url(../images/sectionheaders/h1_thanks.jpg) no-repeat;
}

/* side column architecture
-------------------------------------------------------*/

#sub {
	width: 255px;
	float: right;
}

#newsletterBox {
	width: 255px;
	height: 275px;
	background: url(../images/newsletterBox.gif) no-repeat;
	position: absolute;
	top: 266px;
	left: 599px;
}

#whoIs {
	width: 255px;
	height: 265px;
	background: url(../images/whoisBox.gif) no-repeat;
	position: absolute;
	top: 535px;
	left: 599px;
}

#whoIs a {
	display: block;
	height: 265px;
}

#whoIsAlt {
	width: 255px;
	height: 250px;
	background: url(../images/whoisBoxAlt.gif) no-repeat;
	position: absolute;
	top: 535px;
	left: 599px;
}

#mediaBox {
	width: 255px;
	height: 250px;
	background: url(../images/mediaBox.gif) no-repeat;
	position: absolute;
	top: 800px;
	left: 599px;
}

#mediaBox a {
	display: block;
	height: 250px;
}

/* side column styling
-------------------------------------------------------*/

#newsletterBox form {
	position: absolute;
	top: 115px;
	left: 30px;
}

#newsletterBox form p {
	padding-bottom: 0;
}

#newsletterBox form label {
	width: 70px;
	display: block;
	text-align: right;
	padding-top: 6px;
	float: left;
}

#newsletterBox form input {
	width: 132px;
	height: 27px;
	border: 0;
	padding: 6px 7px 0 7px;
	background: transparent url(../images/newsletterInputBg.gif) no-repeat;
	font: italic 14px Arial, Helvetica, sans-serif;
	color: #9A4D00;
}

#newsletterBox #newsletterSubscribe input {
	width: 57px;
	height: 52px;
	background: none;
	padding: 0;
	text-indent: -9999px;
	position: absolute;
	top: 100px;
	right: 0;
}

/* footer
-------------------------------------------------------*/

#footer {
	width: 902px;
	height: 109px;
	position: relative;
	color: #74451B;
	margin: -109px auto 0 auto;
	text-align: left;
}

* html #footer { margin-top: -109px; }

#footerLogo {
	width: 219px;
	height: 109px;
	float: left;
	display: inline;
	background: url(../images/footerLogo.gif) no-repeat;
}

#footerLogo a {
	display: block;
	height: 109px;
}

#footerNav {
	width: 566px;
	height: 109px;
	float: left;
	display: inline;
}

#footerEnd {
	width: 117px;
	height: 109px;
	float: left;
	display: inline;
	background: url(../images/footerEnd.gif) no-repeat;
}

/* footer navigation styling
-------------------------------------------------------*/

#footerNavigation {
	width: 566px; 
	height: 109px;
	background: url(../images/footerNavbar.jpg) no-repeat;
	list-style: none;
	position: absolute;
}

#footerNavigation li {
	position: absolute; top: 0;
	text-indent: -1000px;
}

#footerNavigation li, #footerNavigation a {
	height: 109px; 
	display: block;
}

#footerNavbarIntroduction { left: 0px; width: 96px; }
#footerNavbarMission { left: 96px; width: 66px; }
#footerNavbarEvents { left: 162px; width: 59px; }
#footerNavbarPrograms { left: 221px; width: 77px; }
#footerNavbarMedia { left: 298px; width: 54px; }
#footerNavbarInquire { left: 352px; width: 64px; }
#footerNavbarAffiliations { left: 416px; width: 86px; }
#footerNavbarDonate { left: 502px; width: 64px; }

#footerNavbarIntroduction a:hover, .currentpage#footerNavbarIntroduction { background: transparent url(../images/footerNavbar.jpg) 0px -109px no-repeat; }
#footerNavbarMission a:hover, .currentpage#footerNavbarMission { background: transparent url(../images/footerNavbar.jpg) -96px -109px no-repeat; }
#footerNavbarEvents a:hover, .currentpage#footerNavbarEvents  { background: transparent url(../images/footerNavbar.jpg) -162px -109px no-repeat; }
#footerNavbarPrograms a:hover, .currentpage#footerNavbarPrograms { background: transparent url(../images/footerNavbar.jpg) -221px -109px no-repeat; }
#footerNavbarMedia a:hover, .currentpage#footerNavbarMedia { background: transparent url(../images/footerNavbar.jpg) -298px -109px no-repeat; }
#footerNavbarInquire a:hover, .currentpage#footerNavbarInquire { background: transparent url(../images/footerNavbar.jpg) -352px -109px no-repeat; }
#footerNavbarAffiliations a:hover, .currentpage#footerNavbarAffiliations { background: transparent url(../images/footerNavbar.jpg) -416px -109px no-repeat; }
#footerNavbarDonate a:hover, .currentpage#footerNavbarDonate { background: transparent url(../images/footerNavbar.jpg) -502px -109px no-repeat; }