html, body {
	background-color: #D5CCAB; 
	margin: 0px;
	padding: 0px;
	text-align: center;	
	font-family: "Verdana";
	color: #000000;	
}

/******************START Standard Styles*************************/

h1 {
	font-weight: normal;	
	color: #846431;
	margin-bottom: 0px;
	margin-top: 0px;	
	text-transform: uppercase;
}

h1:first-letter {
	/* don't need anything here...just need this placeholder so the alternate ones can override it?  I guess... */
}

h2 {
	font-weight: normal;	
	color: #846431;
	margin-bottom: 0px;
	margin-top: 0px;	
}

h3 {	
	color: #846431;
	margin-bottom: 0px;
	margin-top: 0px;	
}
h3 a:link {	
	color: #846431;	
}

h4 {
	margin-bottom: 0px;
	margin-top: 0px;	
}

a:link {
	font-family: "Verdana";	
	color: #604925;
	text-decoration: none;
}
a:visited {
	color: #A08354;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #000000;
}

ul {
	list-style: none;
	padding: 0;
	padding-left: 15px;
	margin: 0;	
}

ul li { 
	background: url(../images/bw_bullet.gif) 0px 2px no-repeat;
	padding-left: 20px;
	margin-top: 4px;
}

.homeImageContainer {
	position: absolute;
	width: 266px;
	height: 247px;
	margin-left: 17px;
	margin-top: 19px;
}
.swapDiv {
	position: absolute;
	overflow: hidden;
	width: 266px;
	height: 247px;
}

.contentImageContainer {
	position: absolute;
	width: 124px;
	height: 113px;
	margin-top: 18px;
}
.contentSwapDiv {
	position: absolute;
	overflow: hidden;
	width: 124px;
	height: 113px;
}

/********************END Standard Styles*************************/

#outerContainer {
	background-color: #846431; 
	margin: 0px auto;
	text-align: left; 	
	width: 794px;		
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;	
	border-bottom: 3px solid #000000;
}

#headerContainerHome {
	background: url(../images/bwi_header.jpg) top left no-repeat;
	/*height: 297px;*/
	border-bottom: 1px solid #000000;
	text-align: left;
}

#headerContainer {
	background: url(../images/bwc_header.jpg) top left no-repeat;
	border-bottom: 1px solid #000000;
	text-align: left;
}

#floatingFontControlsAnchor {
	position: relative;
	height: 0px;
	width: 0xp;
}
#floatingFontControls {
	position: absolute;
	left: 430px;
}

#fontControls {
	position: absolute;
	z-index: 5;
	text-align: right;
	float: left;
	font-size: small;
}
#fontControls a:link {
	color: #FFFFFF;
}
#fontControls a:visited{
	color: #FFFFFF;
}

#headerNavHome {
	color: #E1D9C4;
	padding-top: 270px;
	padding-right: 10px;
	height: 27px;	
}
#headerNavHomeLinks {
	position: relative; /*do this just for the z-indexing*/	
	z-index: 3;
}

#headerNav {
	color: #E1D9C4;
	padding-top: 170px;	
	padding-bottom: 7px;
	padding-left: 10px;
}
#headerNav a:link {
	color: #E1D9C4;
}
#headerNav a:visited {
	color: #E1D9C4;
}
#headerNav a:hover, #fontControls a:hover {
	color: #000000;
	text-decoration: none;
}
#headerNav a:active, #fontControls a:active {
	color: #3E2228;
}
/*
#fontControls a:hover {
	color: #000000;
	text-decoration: none;
}
#fontControls a:active {
	color: #3E2228;
}
*/

.littleText {
	text-align: right;
}

#headerLinkAnchor {
	/* this element doesn't need to take up space..it's just an anchor point */
	width: 0px;	
	height: 0px;		
	/* use relative positioning here, but don't move it.  We just want to qualify it as the origin for it's nested elements */
	position: relative;
}
#headerPhotoBottom {
	background: url(../images/bwi_header_cut.gif) top left no-repeat;	
	width: 222px;
	height: 45px;
	position: absolute;
	top: 270px;
	left: 42px;			
}
#headerHomePhotoLinkMain {
	width: 216px;
	height: 210px;
	position: absolute;
	background: url(../images/blank.gif) top left repeat;
	top: 45px;
	left: 40px;		
	/*border: thin solid green;*/
}
#headerHomePhotoLinkTop {
	width: 112px;
	height: 19px;
	position: absolute;
	background: url(../images/blank.gif) top left repeat;
	top: 27px;
	left: 140px;			
	/*border: thin solid blue;*/
}
#headerHomePhotoLinkRight {
	width: 100px;
	height: 96px;
	position: absolute;
	background: url(../images/blank.gif) top left repeat;
	top: 170px;
	left: 173px;			
	/*border: thin solid black;*/
}
#headerHomePhotoLinkLeft {
	width: 21px;
	height: 94px;
	position: absolute;
	background: url(../images/blank.gif) top left repeat;
	top: 49px;
	left: 20px;			
	/*border: thin solid yellow;*/
}
#headerHomePhotoLinkBottom {
	width: 147px;
	height: 25px;
	position: absolute;
	background: url(../images/blank.gif) top left repeat;
	top: 256px;
	left: 50px;			
	/*border: thin solid orange;*/
	z-index: 4;
}
#homeLink {
	width: 214px;
	height: 36px;
	position: absolute;
	top: 29px;
	left: 102px;		
	background: url(../images/blank.gif) top left repeat;	
}
#hillcrestLinkHome {
	width: 143px;
	height: 19px;
	position: absolute;
	top: 116px;
	left: 586px;
	background: url(../images/blank.gif) top left repeat;
	z-index: 3;
}
#hillcrestLink {
	width: 92px;
	height: 14px;
	position: absolute;	
	top: 67px;
	left: 194px;			
	background: url(../images/blank.gif) top left repeat;
}

#headerPhotoLink1 {
	width: 133px;
	height: 137px;
	position: absolute;
	top: 13px;
	left: 326px;	
	background: url(../images/blank.gif) top left repeat;
	/*border: thin solid red;*/
}
#headerPhotoLink2 {
	width: 133px;
	height: 137px;
	position: absolute;
	top: 13px;
	left: 491px;	
	background: url(../images/blank.gif) top left repeat;
	/*border: thin solid green;*/
}
#headerPhotoLink3 {
	width: 133px;
	height: 137px;
	position: absolute;
	top: 13px;
	left: 652px;	
	background: url(../images/blank.gif) top left repeat;
	/*border: thin solid yellow;*/
}

#outerContentContainer {
	background: url(../images/tree_bkg.gif) top left repeat-y; 
	border-bottom: 3px solid #000000;
	text-align: left;
}

#innerContentContainer {
	text-align: left;
	margin-left: 98px;
	padding: 15px;
	background-color: #E1D9C4; 
	width: 569px;	/* this should be about 598...but subtract 30 for the padding..and then add a pixel b/c something's wrong... */
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#leftContentCell {
	width: 410px;
}

.imageContainer {
	border: 1px solid #6B4049;
	margin: 10px 0px 10px 10px;
}

#footerContainer {
	height: 12px;
}

#jtechFooter {
	margin: 0px auto;	
	text-align: left; 	
	width: 795px;	
}

#lowerNav {
	clear: both;
	text-align: center;
	background: url(../images/bw_footer_break.gif) top left no-repeat;	
	margin-top: 10px;
	padding-top: 10px;
}

/******************START Form Styles*************************/
.missed {
	color: red;
}

#errorMessage {
	text-align: left;	
	margin-left: 10px;	
	color: red;
}

#loginErrorMessage {
	text-align: left;	
	color: red;
}

#loginInset {
	width: 162px;
	border: 1px solid #000000;	
	text-align: left;
	margin-top: 10px;
}
#loginInsetHeader {
	background-color: #846431;
	color: #FFFFFF;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #000000;
}
#loginInsetContent {
	padding: 5px 0px 0px 5px;
}
#loginInsetSubmit {
	height: 39px;
	margin-top: 5px;
}
/********************END Form Styles*************************/

/******************START Image Popup Styles*************************/
#popupHeader {
	background-color: #846431;
	height: 56px;	
}

#popupImageContainer {
	margin: 20px;
}
/********************END Image Popup Styles*************************/