/* Global Styles */
html {
margin: 0px;
padding: 0px;
}
body  {
font: 0.8em arial, sans-serif;
background: #cfc5bb;
color: #342314;
margin: 0px;
padding: 0px;
}
#pageContainer {
background: #cfc5bb url(images/background.jpg) top left repeat-x;
color: #342314;
position: relative;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}


/* Header */
#header  {
background: #cfc5bb url(images/header.jpg) top left no-repeat;
width: 740px;
height: 403px;

}


/* Content Container */
#contentContainer {
width: 740px;	
margin-top: -170px;
}
#contentBackground {
background: #cfc5bb url(images/contentBackground.jpg) top left repeat-y;
width: 740px;
}


/* Main Navigation */
#mainNavContainer {
float: left;
width: 215px;
z-index: 3;	
}
.navTitle {
font-weight: bold;
font-size: 1.2em;
color: #5a4a3b;
margin: 0px 10px 5px 50px;	
}
.navList {
list-style: none;
padding: 0px;
margin:  0px 15px 20px 55px;	
}

/* Main Content */
#mainContentContainer {
margin-top: 70px;
float: right;
width: 520px;
color: #342314;
z-index: 4;
}
h1 {
font-size: 1.5em;
margin: 0px 30px 10px 30px;	
}
h2 {
font-size: 1.2em;
margin: 20px 30px 10px 30px;	
}
#mainContentContainer p {
margin: 10px 30px;	
}
.imageRow {
margin: 10px 30px;
}
.imageRow img {
margin: 5px;
}
.displayImage {
margin: 10px 30px;
text-align: center;
}
.inlineImage {
margin: 0px 16px 15px 30px;
float: left;
}
.inlineLink, .inlineLink:visited {
color: #831a1c;
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #831a1c;
text-decoration: underline;
}
.contentDivider {
margin-left: 2.5em;
margin-bottom: 1em;
width: 87%;
height: 1px;
overflow: hidden;
clear: both;
background: #cfc5bb;
}


/* Footer */
#footer {
background: #cfc5bb url(images/footer.jpg) top left no-repeat;
width: 740px;
height: 212px;	
position: relative;
}
#elementalLink {
height: 50px;
width: 200px;
position: absolute;
top: 100px;
left: 20px;	
}


/* Forms */
.formContainer {
margin: 10px 30px;
padding: 0px;
background: transparent;
color: #342314;	
}
.formContent {
width: 460px;	
}
.formContainer h1 {
margin: 0px 0px 10px 0px;
padding: 0px;
}
.formElementLeft {
float: left;	
padding: 5px 0px;
}
.formElementRight {
float: right;
padding: 5px 0px;	
}
.inputText {
font: 1em arial, sans-serif;
color: #342314;
background: #ffffff;
border: 1px solid #89785c;
padding: 1px;	
}
.formDivider {
height: 1px;
overflow: hidden;
clear: both;
background: #cfc5bb;
}
label {
font-weight: bold;	
}
.formButton {
font: bold 1em arial, sans-serif;
color: #342314;
background: #ffffff;
border: 1px solid #89785c;
padding: 2px;
cursor: pointer;	
}