/* CSS Document */
html { height: 100%; }
body { margin: 0; background-color: #C1B2A3; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*form { margin: 0px; }*/
table { border: none; border-collapse: collapse; }
table.fullWidth { width: 100%; }
td { vertical-align: top; padding: 0; }
hr.thumbHR {height:1px;background-color:#c1b2a3; color:#422601; margin-bottom: 50px;border-left:0px !important; border-right:0px !important;}

img { display: block; }

#wrapper { width: 676px; background-color: #C1B2A3; padding-bottom: 50px; margin: auto; border: 3px solid #422601; border-top: none;  -webkit-box-shadow: 0 0 40px 30px #a88665; box-shadow: 0 0 40px 30px #a88665; }

/*#leftWrapper
{
	width: 52px;
	background-image: url(../skin/bg_left.gif);
	background-repeat: repeat-y;
}
#middleWrapper
{
	
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #422601;
	border-left-color: #422601;
}
#rightWrapper
{
	width: 52px;
	background-image: url(../skin/bg_right.gif);
	background-repeat: repeat-y;
}*/
#topNavBarLeftCell
{width: 63%;
	background-color:  #B09580;
	border-right: 3px solid #422601;
	border-bottom: 3px solid #422601;
	vertical-align: bottom;
	font-size: 0px; /* this is to prevent displaying extra space after linbreak */
}
#topNavBarLeftCell img { float: left; }
#topNavBarRightCell
{
	background-color:  #B4997F;
	border-bottom: 3px solid #422601;
	text-align: right;
}
#topNavBarRightCellHome
{
	background-color: #B4997F;
}
#subNav
{
	background-color: #DCD4CB;
	border-bottom: 2px solid #422601;
	font-size: 0px; /* this is to prevent displaying extra space after linbreak */
}
#subNav img { float: left; }
#subSubTitle
{
	font-size: 140%; 
	font-weight:bold; 
	font-style:italic; 
	color: #761714; 
	padding: 11px;
	padding-left: 27px;
	padding-bottom: 0px;
}

/* Sub Sub Navigation Pane (level 3) */
#subSubNavPane
{
	text-align: left; 
	font-size:100%;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
}
#subSubNavPane ul
{
	padding-left: 30px;
	margin-left: 0px;
}
#subSubNavPane li
{
	padding-bottom: 10px;
	list-style-image: url(../skin/subSubNav_bullet_off.gif);
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
#subSubNavPane li.on
{
	color: #761714;
	list-style-image:url(../skin/subSubNav_bullet_on.gif);
}
#subSubNavPane a
{
	color: black;
	text-decoration: none;
}

/* Mailbox image helper style */
#mailTop
{
	text-align:right; 
	white-space: nowrap;
	vertical-align: bottom;
}
#mailTop img { float: right; margin-bottom: -1px; }
.cellAlignRight { text-align: right; }
.mailBottom { float: right; margin-top: 1px; }
.brownPixel { display: none; }

/* styles related to borders of cells */
.leftCell
{
	border-right: 3px solid #422601;
	border-bottom: 3px solid #422601;
}
.rightCell
{
	border-bottom: 3px solid #422601;
}
.bottomCell
{
	/*border-bottom: 3px solid #422601;*/
	border-top: 3px solid #422601;
	background-color: #B19479;
	vertical-align: middle;
}

/* framed text */
#framedText
{
	color: #422601; 
	font-size: 110%; 
	font-weight:bold; 
	padding: 10px; 
	padding-top: 5px;
}


/* detail photo caption */
#photoCapDetail
{
	background-color: #DCD4CB; 
	border: solid 2px #422601; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 450px;
	padding: 5px;
	text-align: left; 
	color: #422601; 
}
#mailboxTitle
{
	font-size: 110%; 
	font-weight:bold; 
	font-style:italic; 
	color: #761714; 
	padding: 11px;
	padding-bottom: 20px;
}


/* large photo caption */
#photoCapLge
{
	background-color: #DCD4CB; 
	border: solid 4px #E67132;
	border-style: outset;
	/*margin-left: 33px; */
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 350px; 
	padding: 5px;
	text-align: left; 
	color: #422601;
}
#captionLge
{
	font-size: 80%; 
	font-weight: bold;
}
#referenceLge
{
	font-size: 80%;
	font-style: italic; 
}

/* main content */
#copy
{
	padding: 30px;
	padding-top: 11px;
	font-size: 100%;
	/*text-align:justify;*/
	color:black;
}
#copy .title
{
	font-weight: bold;
	/*text-transform: uppercase;*/
}
#copy .reference
{
	font-weight: bold;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
}
#copy .photoCaption
{
	font-size: 55%; 
	font-weight: bold;
	color: #422601;
	text-align:left;
}
#copy .photoReference
{
	font-size: 55%; 
	font-weight: normal;
	color: #422601;
	font-style: italic;
	text-align: left;
}
#copy a
{
	color: #761714; 
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
#copy a:hover
{
	color: #422601;
}
#copy .photoSmlHorLeft
{
	padding: 9px;
	background-color: #DCD3CA; 
	text-align: left; 
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	float: left; 
	width: 175px;
}
#copy .photoSmlHorRight
{
	padding: 9px;
	background-color: #DCD3CA; 
	text-align: left; 
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 5px;
	float: Right; 
	width: 175px;
}
#copy .photoSmlVerLeft
{
	padding: 9px;
	background-color: #DCD3CA; 
	text-align: center; 
	margin: 3px 10px 3px 0px;
	float: left; 
	width: 150px;
}
#copy .photoSmlVerRight
{
	padding: 9px;
	background-color: #DCD3CA; 
	text-align: center; 
	margin: 3px 10px 3px 5px;
	float: Right; 
	width: 150px;
}
#copy .caption
{
	font-size: 65%; 
	font-weight: bold;
	color: black; 
}
#copy .sidebar
{
	border-top: 1px dashed #422601;
	padding-top: 5px;
	font-style: italic;
	font-size: 90%;
}
#copy .sidebarHeading
{
	font-weight: bold;
	font-size: 90%;
}
#copy .quote
{
	padding-left: 30px;
	padding-right: 30px;
	font-style: italic;
	font-size: 90%;
}
#copy .inlineQuote
{
	font-style: italic;
	font-size: 90%;
}

/* bottom navigation */
.bottomNav
{
	height: 33px;
	/*border-bottom: 3px solid #422601;*/
	border-top: 3px solid #422601;
	background-color: #B19479;
	vertical-align: middle;
	font-size:13px;
	font-weight: bold;
	color: #761714;
}
.bottomNav a
{
	color: #761714;
	text-decoration:none;
}

/* profile navigation */
#profileNav
{
	height: 33px;
	border-bottom: 3px solid #422601;
	border-top: 2px solid #422601;
	background-color: #B19479;
	vertical-align: middle;
	font-size:13px;
	font-weight: bold;
	color: #761714;
}
#profileNav a
{
	color: #761714;
	text-decoration:none;
}
#profileTitle
{
	border-bottom: 3px solid #422601;
	background-color: #DCD3CA; 
	font-size: 120%; 
	font-weight:bold; 
	font-style:italic; 
	color: #761714; 
	padding: 11px;
	padding-left: 35px;
}

#selectedThumb
{
	border-width: 3px ; 
	border-style: inset; 
	border-color: #B3652A;
}

.slideNextPrev { margin: auto; width: 80px; height: 20px; padding-top: 7px; padding-bottom: 3px; }
.slideNextPrev span { float: left; }

@media (max-width: 676px) {
	body, #wrapper { width: 676px; margin: auto; position: relative; }
}