/*main layout*/

/*****************************COMMON RULES***************************************************/

html, body {
    margin: 0;
    padding: 0;
    background: #FFE09C;
    height: 100%;
    background-image: url(../images/left_menu_background.jpg);
    background-position: left top;
    background-repeat: repeat-y;
}



#PageContent a, #PageContent a:active, #PageContent a:visited, #PageContent a:link {
    color: #AC5D2D;
}

#SnippetsContent a, #SnippetsContent a:active, #SnippetsContent a:visited, #SnippetsContent a:link {
    color: #AC5D2D;
}

span.TextPageWarningText {
	color: #B70000;
}

span.TextPageHighlightText {
	color: #AC5D2D;
	font-weight : bold;
}

/*******************************LAYOUT*********************************************/

#MainPageContainer {
    position: relative;
    margin: 0 auto;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
    /*background: blue;*/
    /*background-image: url(../images/left_menu_background.jpg);*/
    /*background-position: left top;*/
    /*background-repeat: repeat-y;*/
}

#MainPageTop {
    position: relative;
    height: 83px;
    /*background : #FFD556;*/
    /*background : red;*/
    width: 100%;
    display: block;
    overflow: hidden;
    background-image: url(../images/top_page_background.jpg);
}

#MainPageMenu {
    width: 126px;
    float: left;
    margin-left: -100%;
    /*position:relative;*/
    /*background : #FFD556;*/
    /*background-image : url(../images/left_background.jpg);*/
}

/*#MainPageMenu img {*/
    /*border: none;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
/*}*/

/*#MainPageMenu a {*/
    /*border: none;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
/*}*/

/*#MainPageMenu div {*/
    /*border: none;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
    /*line-height: 0px;*/
/*}*/

#MainPageContent {
    /*background : #FFD556;*/
    /*background : green;*/
    position: relative;
    /*width:600px;*/
    /*width: auto;*/
    /*float: right;*/
    margin-left: 126px;
}

#MainPageFooter {
    position: absolute;
    width: 100%;
    bottom: 0px; /* stick to bottom */
    background: #ddd;
    height: 0px;
    font-size: 0px;
    border: 0px none;
}

#PageColumnsWrapper {
    float: left;
    width: 100%;
}

/*.clearfix:after {*/
/*content: ".";*/
/*display: block;*/
/*height: 0;*/
/*clear: both;*/
/*visibility: hidden;*/
/*}*/

/*.clearfix{display: inline-block;}*/

/* Hides from IE-mac \*/
/** html .clearfix{height: 1%;}*/
/*.clearfix{display: block;}*/
/* End hide from IE-mac */

#PageContentWrapper {
    float: left;
    width: 100%;
    /*border: 1px solid fuchsia;*/
    overflow: visible;
}

#PageContent {
    font-family: Arial;
    font-size: 14px;
    /*color: #642500;*/
    /*background : #1F786D;
     */
    text-align: left;
    /*float: left;*/
    /*border: 1px solid red;*/

    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;

    /* changed dynamically to 0px; in general layout when page contains no snippets */
    margin-right: 232px;
}

#SnippetsWrapper {
    float: right;
    width: 232px;
    margin-left: -232px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 0px;
    /*border: 1px solid green;*/
}

#SnippetsContent {
    /*font-family: Arial;*/
    /*font-size: 14px;*/
    /*color: #642500;*/
    /*background : #1F786D;
     */
    text-align: left;
    padding-top: 48px;
    padding-right: 32px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

#SnippetsContentTopTabsCompensator {
    width: 232px;
    float: right;
}

div.Snippet {
    font-size: 14px;
    margin-bottom: 32px;
}

div.Snippet h2 {
    padding: 2px;
    background : #FFAF3C;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    /*border-bottom: 1px solid #FFAF3C;*/
}

img.TopRightLabelImage {
    position: absolute;
    right: 0px;
    top: 0px;
}

img.TopRightAddressImage {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

div.SwitchTabs {
    /*border: 1px solid red;*/
    margin-top: 33px;
    margin-bottom: 0px;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    height: 50px;
}

div.SwitchTabs table {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: auto;
    /*margin-left: 60px;*/
    margin-right: auto;
    border: none;
    padding: 0px;
    border-collapse:collapse;
    white-space: nowrap;

    text-transform: uppercase;
    height: 50px;
}

div.SwitchTabs a, div.SwitchTabs a:link, div.SwitchTabs a:visited {
    color : #000000;
	border: none;
    text-decoration: none;
}

div.SwitchTabs a:hover {
    color: #A00000;
}

div.SwitchTabs tr {
    margin: 0px;
    border: none;
    padding: 0px;
}

div.SwitchTabs td {
    font-family : Arial;
    font-size: 13px;
    /*letter-spacing: 1px;*/
    font-weight: normal;
    color: black;
}

div.SwitchTabs img {
    margin: 0px;
    padding: 0px;
}

td.SwitchTab {
    background: url(../images/tabs/background.png) repeat-x;
    vertical-align: bottom;
    padding-bottom: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

td.SwitchTabActive {
    background: url(../images/tabs/background_active.png) repeat-x;
    vertical-align: bottom;
    padding-bottom: 14px;
    padding-left: 4px;
    padding-right: 4px;
}


div.MenuItem {
    font-family : Arial;
    font-size: 12px;
    /*letter-spacing: 1px;*/
    font-weight: normal;
    color: black;

    width: 126px;
    height: 34px;

    /*border: 1px solid white;*/
    margin-top: 5px;
}

div.MenuItem a, div.MenuItem a:link, div.MenuItem a:hover, div.MenuItem a:visited {

    display: block;
    color : #000000;
	border: none;
    text-decoration: none;
    width: 126px;
    height: 34px;
    /*border: 1px solid red;*/
    /*vertical-align: bottom;*/
    padding-left: 20px;
    padding-top: 11px;
}

div.MenuItem a.Selected {
    color: #800000;
}

div.MenuItem_red {
    background-image: url("../images/menu/arrow_red.png");
}

div.MenuItem_green {
    background-image: url("../images/menu/arrow_green.png");
}

div.MenuItem_blue {
    background-image: url("../images/menu/arrow_blue.png");
}

div.MenuItem_yellow {
    background-image: url("../images/menu/arrow_yellow.png");
}

table.MenuTable {
    border: 0px none;
}

td.MenuTable {

    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;

}

tr.MenuTable {
    padding-top: 0px;
    padding-bottom: 0px;
}

table.MenuPageCounter {
    margin-top: 30px;
    margin-left: 16px;
}

div.MenuPageCounter {
    width: 126px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: center;
}

a.MenuPageCounter {
    font-size: 11px;
    /*	font-weight: bold; */
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: #B20000;
    text-decoration: none;
    /*border: 1px solid #FF8C00;
     */
    /*background : #FFE09C;*/

    /*	background: #FF8C00; */
}

h1 {
    /*text-align : center;*/
    text-align : left;
    font-size : 20px;
    font-weight: normal;

    margin-left: 0px;
    margin-right: 0px;

    margin-top: 0px;
    margin-bottom: 20px;
}

h1.center {
    text-align: center;
}

h1.left {
    text-align: left;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #D03F0C;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 16px;
    /*color : #D03F0C;*/
}

table.GridGroupLayoutTable {

}

table.GridGroupLayoutTable td {
    vertical-align: top;
}

img.RightTextImage {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

img.LeftTextImage {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

img.TextImage {
    margin-right: 20px;
    margin-bottom: 20px;
}



div.TextDivider {
    font-size: 18px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    clear: both;
}

ul {
    list-style-type: square;
    /*margin-left: 20px;*/
    /*text-indent: 20px;*/
}

li {
    /*margin-left: 20px;*/
    list-style-position: inside;
    /*margin-left: 40px;*/
}

div.BottomLine {
    margin-top: 50px;
    /*	border-top: 1px Solid #FF8C00; */
    text-align: right;
    font-size: 10px;
    color: #FF8C00;
}

div.PageSwitch {
    font-size: 14px;
    text-align: center;
}


/************************************ARTICLES**************************************/

div.ArticleText {
    /*padding-top: 20px;*/
    padding-bottom: 20px;
    width: 100%;
    line-height: 140%;
}

span.ArticleText {
    /*white-space: pre-wrap;*/
    white-space: normal;
}

div.ArticleText ul {

}

div.ArticleText ol {

}

div.ArticleText ul li {

    padding-left: 16px;
}

div.ArticleText ol li {

    padding-left: 16px;
    /*color: red;*/
}

div.ArticleText table {
    font-size: 14px;
    background : #FFFFCC;
    border-collapse: collapse;

}

div.ArticleText th {
    background : #FFAF3C;
    font-size: 14px;
    font-weight: bold;
    color : #8B4513;
    padding: 4px 8px;
}

div.ArticleText td {

    font-size: 14px;
    font-weight: normal;
    padding: 4px 8px;

    border:1px solid #EBEBBC;
}


img.ArticleImageLeft {
	float:left;
	margin-right: 20px;
	margin-bottom: 8px;
    margin-left: 10px;
    /*border: 1px solid black;*/
    border: none;
}

img.ArticleImageRight {
	float:right;
	margin-left: 20px;
	margin-bottom: 8px;
    margin-right: 10px;
    /*border: 1px solid black;*/
    display: inline;
    border: none;
}

div.ArticleDivider {
    font-size: 12px;
    height: 8px;
    margin: 0px;
    padding: 0px;
    clear: both;
    /*border: 1px solid red;*/
}

/**********************************PEOPLE***********************************************/

table.PeopleTable {

    width: 100%;
}

table.PeopleTable td {

    padding: 8px;
}

table.PeopleTable div {

    padding: 8px;
    /*border: 1px solid red;*/
    text-align: center;
}

table.PeopleTable img {

    border : 1px solid #AC5D2D;
}


div.PeopleFace {

    display: inline-block;
    /*border: 1px solid red;*/
    /*vertical-align: text-bottom;*/
    vertical-align: text-top;
    margin-left: 4px;
    margin-right: 4px;
}

div.PeopleFace div {

    display: block;
    /*border: 1px solid red;*/
    font-size: 13px;
    /*padding: 1px;*/
    text-align: center;
}

div.PeopleFace img {

    border : 1px solid #AC5D2D;
}


/*******************************GALLERY*******************************************************/

div.GalleryThumbnails {

}

div.GalleryThumbnails a, div.GalleryThumbnails a:active,  div.GalleryThumbnails a:visited,  div.GalleryThumbnails a:link {

    text-decoration: none;
    border: none;
}

img.GalleryThumbnail {

    margin: 4px;
    /*border: 1px solid black;*/
    /*border : 1px solid #FFAF3C;*/
    border : 1px solid #AC5D2D;
}

div.GalleryFlickSet {

    margin-top: 4px;
    margin-bottom: 4px;
}

div.GalleryFlickSet a, div.GalleryFlickSet a:active,  div.GalleryFlickSet a:visited,  div.GalleryFlickSet a:link {

    text-decoration: none;
    border: none;
}

div.GalleryFlickSet div {
    /*display: inline-block;*/
    display: inline-block;
    width: 60px;
    margin: 0px;
    padding: 0px;
}

img.GalleryFlickSetThumbnail {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border : 1px solid #AC5D2D;
    display: block;
}

/**********************************CAMP TABLE***************************************************/

/*div.CampTable {*/
	/*text-align: center;*/
	/*margin-top: 20px;*/
/*}*/

table.CampTableWrapper {

    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    border-spacing: 0px;
}

table.CampTable {
	font-size : 14px;
	/*border : 1px solid #FFAF3C;
	*/
/*	border : 1px solid #7E3601; */
	background : #FFFFCC;
/*	background : #FFEBAD;  */
	text-align: left;
	/*width: 100%;
	*/
	/* margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	*/
	/*padding: 0px;
	*/

    border-top: 0px none;
	border-left : 2px solid #000000;
	border-right : 2px solid #000000;
	border-bottom : 2px solid #000000;

	margin: 0px;
    padding: 0px;
    border-spacing: 2px;
	width:100%;
}

tr.CampTableEmptyRow {
  height: 16px;
}

td.CampTableEmptyRow {
}

td.CampTableIcon {
	padding-left: 4px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 0px;

	vertical-align : top;
	text-align: left;
}

td.CampTableImage {

    padding: 0px;
    margin: 0px;
    border: 0px none;
}

img.CampTableImage {

    margin: 0px;
    padding: 0px;
    display: block;
}


td.CampTableCaption {
	padding-left: 2px;;
	padding-top: 2px;;
	padding-right: 8px;;
	padding-bottom: 2px;;

	vertical-align : top;
	text-align: right;
}

td.CampTableValue {
	padding: 2px;;
	vertical-align : top;
	text-align: left;
/*	font-weight : bold; */
}


/********************************LISTGROUPS ******************************************/

/*td.ListGroupCell {*/
	/*padding-left : 20px;*/
	/*padding-top : 20px;*/
	/*padding-right : 0px;*/
	/*padding-bottom : 20px;*/
	/*vertical-align: top;*/
/*}*/

table.ListGroupTable {
	font-size : 12px;
	text-align: left;
	/*width: 100%;*/
    margin-right: 20px;
    margin-bottom: 20px;
}

tr.ListGroupTitle {
}

td.ListGroupIcon {
    padding-bottom: 8px;
}

td.ListGroupCaption  {

    text-align: left;
    font-weight : bold;

	padding-left: 8px;
	padding-top: 3px;
}

td.ListGroupCaption h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #000000;
}


tr.ListGroupItem {

}

/*tr.ListGroupFirstItem {*/
  /*height: 12px;*/
/*}*/

td.ListGroupItemIcon {

	vertical-align : top;
	text-align: left;
    padding-top: 3px;
    width: 22px;
}

td.ListGroupItemIcon img {

    display: block;
}


td.ListGroupItemText {

	padding-left: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;

	vertical-align : top;
	text-align: left;
	font-size : 14px;
    line-height: 140%;
}

/*********************************************************************************/

