/* style for the top-level body tag of the whole page */
.commonBodyStyle
{
	height:100%;
    margin-top:10px;
    background-color: #F9F9F2; 

    text-align:inherit !important; /* all other browsers than IE6 will use this text-align */
    /* text-align: center; is to get around an IE6 bug where margin: 0 auto doesn't work. */
	text-align:center;
}

.commonLeftColumn
{
	background-color: #dddbce;
	width:122px;
}

/* style for the top-level table around all other elements (except the copyright at the bottom) */
.commonOuterTableStyle
{
	width:800px;
	
	border:1px solid #777777;
	margin: 0px auto; 
	-webkit-box-shadow: 0px 0px 20px 5px #BBB;
	-moz-box-shadow: 0px 0px 20px 5px #BBB;
	box-shadow: 0px 0px 20px 5px #BBB;
	/* For IE 8 */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.glow(color=#BBBBBB,strength=8)";*/
	
}

.commonOuterTableCellStyle
{
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
}

.commonOuterTableTitleDateDiv
{
	float:right;
    padding-right:5px;
    padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:0.8em;
	color:#3366CC;
}

.commonOuterTableSiteSidebar
{
	width:122px;
	vertical-align:top;
	background-color: #F1F1DE;
}

.commonOuterTableSiteContentsTitle
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	background-color:#5571AA;  /* background-color:#3366CC; */
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.commonOuterTableSiteContentsEntry 
{
	padding: 5px;
	font-size: 0.8em;
	border-bottom: 1px solid #ccc;
	display:block;
	text-decoration:none;
	color:#444;
}

.commonOuterTableSiteContentsEntry:hover
{
	background-color:#FFFFEB;
	cursor:pointer;
	text-decoration:none;
	color:#444;
}

.commonOuterTableSiteContentsEntrySelected
{
	background-color:#DFDFCE;
}

.commonOuterTableSiteContentsEntrySelected:hover
{
	background-color:#DFDFCE;
	cursor:default;
}

/* style for the copyright table at the bottom of pages */
.commonFooterTableStyle
{
    width:800px;
	
	border-bottom:1px solid #777777; 
	border-left:1px solid #777777; 
	border-right:1px solid #777777;
	margin: 0px auto;
	background-color: #5571AA;
}

/* alternate style for the copyright table at the bottom of pages for certain 
    pages where the width is slightly different. */
.commonFooterTableStyle2
{
    width:800px;
	
	border-bottom:1px solid #777777; 
	border-left:1px solid #777777; 
	border-right:1px solid #777777;
	margin: 0px auto;
	background-color: #3366CC;
}

/* latest version that is contained within main table, rather than a separate table at end */
.commonFooterTableStyle3
{
	background-color: #5571aa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	padding:3px;
}

/* the background style (primarily color) for the background of the main panel in most
   of the top-level pages (not the individual trip reports/ image galleries).  */
   
.commonMainPanelBackgroundStyle
{
     background-color:#EBEBD6;
}

/* background style for inner elements in most top-level pages */

.commonMainPanelInnerElementBackgroundStyle
{
      background-color:#E1E1C4;
	  border: 1px solid #888888;
}

/* only used for some of the vertical lines that remain as 1px wide table cells */
.commonBorderColor
{
   background-color:#777777;
}

/* background for many 'common / shared' type pages */
.common_elements_page_background
{
   background-color:#EBEBD6;
}

/* footer styling for the html in footer.jsp */
.footerStyling {
	margin:0 auto;
	width:600px;
	font-size:smaller;
	font:Arial, Helvetica, sans-serif;
	text-align:center;
}

.footerSocialMediaIcons {
	margin-top: 25px;
	padding-top: 25px;
	height: 120px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.footerFacebookCommentsNote {
	margin-top: 25px;
	margin-bottom: 10px;
}