/*******************************************************************************
 Tags
*******************************************************************************/

body, body.gallery
            {background-color:#faf8f6;background-image:url('/images/background-gray.gif');
             background-repeat:repeat;margin:0px;text-align:left;}
a img           {border:0px;}
table           {border:0px; border-collapse:collapse;}

h6 {
    font-weight: normal;
    margin: 0px;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 12pt;
}


/*******************************************************************************
 Header and Footer
*******************************************************************************/
table.header_g
      {width:680px; background-color:#F1F1F1; border:0px; }
table.header_g td.logo
      {padding:0px; margin:0px; width:271px;}
table.header_g td.logo img, table.header_g td.logo_wide img
      {border-bottom: solid 1px black;}
table.header_g
      {width: 755px;}
div.header-lang {
    width: 680px;
    height: 20px; 
    background-color: black; 
    white-space: nowrap;
}
div.header-logo {
    width: 680px;
    background: url(/images/logo_back.png) repeat-x;
    border-bottom: solid 1px black;
    height: 63px;
}

table.header_lang_g
      {width: 755px;}
table.header_lang td, table.header_lang_g td
      {padding:0px;}


div.footer {
    width: 680px;
    background-color: #000;
    border: 0px;
    border-top: solid 4px #FFD972;
    height: 22px;
}

div.footer span.footer-content {
    margin: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    font: 8pt Arial;
    color:#e6e6e6;
    width: 100%;
}

div.footer span.footer-content a {
    text-decoration: none;
    color: white;
}

table.footer, table.footer_g
      {width:680px;background-color:#000000;border:0px;
      border-top:solid 4px #FFD972;}
table.footer a, table.footer_g a, 
table.footer a:link, table.footer_g a:link,
table.footer a:visited, table.footer_g a:visited,
table.footer a:active, table.footer_g a:active,
table.footer a:hover, table.footer_g a:hover
      {font:8pt arial;text-decoration:none;color:#e6e6e6;color:white;font-weight:bold;}

table.footer td.caption, table.footer_g td.caption
      {padding:15px;padding-top:5px;padding-bottom:5px;
      font:8pt arial;text-decoration:none;color:#e6e6e6;}
table.footer span.copyright, table.footer_g span.copyright
      {font-size:8pt;}

table.footer_g
      {width: 755px;}

#fullwidth
      {width:100%;}

/*******************************************************************************
 Menu
*******************************************************************************/

div.mainmenu {
    width: 680px;
    background-color:#F1F1F1;
    border-bottom:solid 4px #FFD972;
    padding-top:12px;
    vertical-align:top;
}

div.mainmenu ul {
    list-style-type: none;
    margin: 0px;
    overflow: auto;
    padding-left:7px;
    padding-right:7px;
    
}

div.mainmenu ul li {
    float: left;
    width: auto;
    white-space: nowrap;
    margin-right: 5px;
    
}

div.mainmenu ul li a {
    display: block;
    border:solid 1px #dddddd;
    font: 10pt Verdana;
    text-decoration: none;
    color: black;
    padding: 7px;
    padding-left: 17px;
    padding-right: 17px;
    margin-top: 1px;
    margin-bottom: 4px;
}

div.mainmenu ul li a:hover {
    background-color: #E6E2B3;
}

div.mainmenu ul li a.selected {
    background-color: #FFD972;
    margin-top: 0px;
    border-top: 0px;
    border-right: solid 1px #FFD972;
    border-left: solid 1px #FFD972;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom: solid 7px #FFD972;
    padding-top: 9px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

div.mainmenu ul li a.selected:hover {
    background-color: #E6E2B3;
    border-right: solid 1px #E6E2B3;
    border-left: solid 1px #E6E2B3;
    border-bottom-color:#E6E2B3;
}

a.sidemenu, 
a.sidemenu:link,
a.sidemenu:visited,
a.sidemenu:active
    {font: 8pt arial; text-decoration: none; color: black; 
     display: block; padding: 0px; padding-left:3px;}

a.sidemenu:hover
    {color:#cccc33;}
    


table.topsubmenu
    {width:680px;font:8pt arial;text-decoration:none;color:black;
     background-color:#faf8f6;height:50px;text-transform: lowercase;}
table.topsubmenu_g
    {width:755px;}
table.topsubmenu td
    {padding:3px;padding-left:10px;padding-right:10px; vertical-align:bottom;}
table.topsubmenu a, 
table.topsubmenu a:link,
table.topsubmenu a:visited,
table.topsubmenu a:active,
table.topsubmenu a:hover    
    {font:8pt arial;text-decoration:none;color:black;}


a.glGalleryLink,
a.glGalleryLink:link,
a.glGalleryLink:visited,
a.glGalleryLink:active
    {font:11pt arial;text-decoration:none;color:navy;padding:1px;font-weight:bold;
     color:rgb(75,170,240); }

a.glGalleryLink:hover
    {color:rgb(100,147,200); /*#95bbc9;*/}



/*******************************************************************************
 Main Content
*******************************************************************************/
table.content
    {width: 680px;}
table.content_g
    {width: 755px;}
table.content td.maincontent, table.content_g td.maincontent
    {padding: 2px; vertical-align: top; background-color: white;}
    
table.caption
    {width: 472px; margin: 13px;}
table.caption tr.caption
    {height: 30px; width: 500px; padding: 0px; font: 22pt Trebuchet MS;}
table.caption tr.caption td
    {padding-left:7px; padding-right:15px;
     border-top: solid 2px #ff9a00; border-left: solid 2px #ff9a00;}

    
    
table.text
   {border-collapse: collapse; width: 680px;}
table.text td.text
    {padding: 10px; padding-top: 26px; padding-left: 30px; font: 10pt Verdana;}
table.text td.text td.home_caption
    {/*padding:3px;font: 12pt Verdana;vertical-align:top;border:1px solid #eeeeee;
    background:white url('/images/captionbg.png');*/}
/*
table.text td.text a, 
table.text td.text a:link,
table.text td.text a:visited,
table.text td.text a:active
    {text-decoration: none; color: black;}

table.text td.text a:hover
    {color: #cccc33;}
*/    
/* 
   ################################################################################
   ****  MAIN CONTENT AND HOME  ****
   ################################################################################
*/

table.text
   {border-collapse: collapse; width: 100%;}
table.text td.texthome
    {padding: 10px; padding-top: 5px; padding-left: 10px; font: 10pt Verdana;}
table.text td.texthome td.home_caption
    {padding:3px;font:12pt Verdana;vertical-align:top;border:1px solid #eeeeee;
    background:white url('/images/captionbg.png');}

table.text td.home_content
    {font-size:10pt; vertical-align:top; width:75%;padding:5px;}

table.ibc
    {width:90%; border: solid 2px #e4e4e4; cursor:pointer;}
table.ibc:hover 
    {border: solid 2px #FFD972;}
table.ibc td
    {font-size:8pt; font-family:  "Segoe UI", "Trebuchet MS"; vertical-align:top; padding:3px; color: black;}
a table.ibc td 
    {font-size:8pt; font-family:  "Segoe UI", "Trebuchet MS"; vertical-align:top; padding:3px; color: black;
    text-decoration: none;}


td.captionleft
	{border-top:1px solid #444444;border-left:1px solid #444444;
	 background: #f7f7f7 url('/images/captionmainleft.png');width:6px;}
td.captionmain
	{border-top:1px solid #444444;border-bottom:1px solid white;
	 font:bold 10pt Arial;color:white;background: #f7f7f7 url('/images/captionmain.png');
	 color:#2244aa;font:10pt Trebuchet MS;}
td.captionright
	{border-top:1px solid #444444;border-right:1px solid #444444;
	 background: #f7f7f7 url('/images/captionmainright.png');width:6px;}
td.captionright2
	{border-bottom:1px solid #444444;}

table.menublock {
   border: solid 2px #e4e4e4;
   margin: 6px;
   margin-bottom: 25px;
}

table.menublock td {
   padding: 5px;
   text-align: left;
}

table.menublock td.cap_title a {
   font-family:  "Segoe UI", "trebuchet ms";
   font-size: 10pt;
   color: Black;
   text-decoration:none;
   text-transform: uppercase;
}

table.menublock:hover {
   border: solid 2px #FFD972;
}

table.menublock:hover td.cap_title a,
table.menublock td.cap_title a:hover {
   color:black;
   text-decoration:underline;
}
   
table.menublock td.desc {
   font-family: "Segoe UI", "trebuchet ms";
   font-size: 8pt;
   vertical-align: top;
}   

/* 
   ######################## 
   dropdown panels
   ######################## 
*/
.panelUp, .panelDown{
   position: absolute; background: #FFFFFF; /*url('/images/panel_bg.png')*/;
   font-size:8pt; font-family: 'segoe ui', 'trebuchet ms', sans-serif; 
   border: 1px solid #FFD972; border-top: none; padding: 0px;
}

.panelUp{
   position: absolute; visibility:hidden; height: 0px; width: 0px;
}
.panelDown{
   position: absolute; visibility:visible; width: 500px;
}
table.pn{
   font-size:8pt; font-family: 'segoe ui', 'trebuchet ms', sans-serif; 
   border:solid 1px #dddddd; background-color: #ffc864; 
   margin:5px;
}
.pn input{
   font-size:8pt; font-family: 'segoe ui', 'trebuchet ms', sans-serif; 
}
.pn label:hover{ /* labels when mouse is over them */
   color: #B5B500;
}

.panelDown a, .panelDown a:link, 
.panelDown a:visited, .panelDown a:active {  /* links in panels */
    cursor: default;
    color: #111100;
}
.panelDown a:hover { /* links in panels when mouse over them */
    color: #B5B500;
    cursor: default;
}


.panelHeaderUp, .panelHeaderDown, .panelHeaderUp_hover{
   position:static; font-size: 11pt; font-family: 'segoe ui', 'trebuchet ms', sans-serif;
   padding: 0px;
}
.panelHeaderUp{
   background-color: #FFFFFF; border: 1px solid #ffffff; border-bottom: none;
}
.panelHeaderUp_hover{
   background-color: #E6E2B3; background-image: url('/images/panel_header_hover_bg.png'); border: 1px solid #ffffff; border-bottom: none;
   cursor: pointer;
}
.panelHeaderDown{
   background-color: #FFFFFF; /*#FFD972;*/ border: 1px solid #FFD972; border-bottom: none;
}
.panelHeaderUp table td, .panelHeaderDown table td, .panelUp table td, .panelDown table td,
.panelHeaderUp_hover table td {
   padding: 4px;
}
.panelH_titlelink{
   vertical-align: bottom; text-align: left;
}
a.panel_Htl, a.panel_Htl:link, a.panel_Htl:active, 
a.panel_Htl:visited, a.panel_Htl:hover {
   color: black; text-decoration: none;
}
.panelH_expandlink{
   vertical-align: bottom; text-align: left; height: 20px;
   
}
a.panel_Hel, a.panel_Hel:link, a.panel_Hel:active, a.panel_Hel:visited{
   font-size: 8pt; color: black; text-decoration: none;
}
a.panel_Hel:hover {
   font-size: 8pt; color: black; text-decoration: underline;
}


/* 
   ######################## 
   list of cities
   ######################## 
*/

table.cities_list
   {margin-left: 40px; width: 90%;}
table.cities_list td
   {padding: 2px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
table.cities_list thead td
   {border-bottom: solid 1px #666666; font: 10pt Trebuchet MS;}
table.cities_list td.separator
   {border-bottom: none; height: 16px;}
table.cities_list td.name, table.cities_list thead td.name 
   {text-align: left;}
table.cities_list td.population, table.cities_list td.buildings,
table.cities_list thead td.population, table.cities_list thead td.buildings
   {text-align: right; padding-left: 10px;}
table.cities_list td.perpage
   {text-align: center; padding: 10px; border-top: solid 1px #666666;}

table.cities_list tbody a, 
table.cities_list tbody a:link,
table.cities_list tbody a:visited,
table.cities_list tbody a:active
    {text-decoration: none; color: black;}
table.cities_list tbody a:hover    
    {color: #B5B500;}


table.cities_list thead a, 
table.cities_list thead a:link,
table.cities_list thead a:visited,
table.cities_list thead a:active
    {text-decoration: none; color: black;}

table.cities_list thead a.selected, 
table.cities_list thead a.selected:link,
table.cities_list thead a.selected:visited,
table.cities_list thead a.selected:active
    {text-decoration: none; border-bottom: solid 2px #DFDFDF;}

table.cities_list thead a:hover, table.cities_list thead a.selected:hover
    {border-bottom: solid 2px #FFD972;}







/* 
   ######################## 
   edit menu
   ######################## 
*/

table.edit_menu 
   { width: 100%;  border-color: red;  border-width: 1px;;  border-style: solid;}
table.edit_menu td.edit_menu_caption
   {background-color: red; color: white; font-size: 11px;width: 1%;
    padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
table.edit_menu td.edit_menu
   {padding: 10px; font-size: 12px;}
table.edit_menu td.edit_menu a, 
table.edit_menu td.edit_menu a:link,
table.edit_menu td.edit_menu a:visited,
table.edit_menu td.edit_menu a:active
    {font:11px verdana;text-decoration:none;color:black;}
table.edit_menu td.edit_menu a:hover    
    {text-decoration:underline;}



/* 
   ######################## 
   ***  EDIT PAGE  ***
   ######################## 
*/
table.edit td
    {padding:10px;font:8pt verdana;}
table.edit input
    {font:8pt verdana;margin:1px;padding:0px;}
table.edit select
    {font:8pt verdana;margin:1px;padding:0px;}
table.edit textarea
    {font:8pt verdana;margin:1px;padding:0px;}
table.edit td.title
    {font:8pt verdana;padding-bottom:0px;}
table.edit div.title
    {font-weight:bold;margin:-2px;margin-bottom:2px;padding:3px;background-color:#efefef;}
table.editfields td
    {font:8pt verdana;margin:0px;padding:0px;padding-left:2px;}




   
   
   
   
   

/*******************************************************************************
 Gallery
*******************************************************************************/

span.spanImageCount
    {font:8pt verdana;}
div.divImageCount
    {font:8pt verdana;}
td.tdGallery
    {padding:15px;}

/* Gallery */
table.tableGalleriesList
    {font:10pt arial;width:100%;height:80px;}

td.tdGalleryDisc
    {padding:5px;padding-bottom:2px;background-color:#f5f5f5;}

td.tdGalleryThumbnails
    {padding:5px;padding-bottom:2px;padding-left:0px;text-align:center;font:8pt arial;width:100px;}

/* Album */

div.divThumbnail
    {float: left;padding: 0px;text-align: center;}
div.divThumbnail table
    {width: 128px;height: 128px;margin: 8px;text-align: center;vertical-align: middle;border: solid 1px #e0e0e0;}
td.tdThumbnail
    {padding:5px;text-align:center;font:8pt arial;}

/* Image */

div.divImage
    {border:solid 1px #333333;padding:2px;}

div.divImageSubText
    {text-align:left;width:100%;font:11pt arial;padding:15px;}
    
#gsThumbMatrix { border-collapse:separate;width:100%;} 

/*   dddddddddddddddddddddddddddddddddddddddddddddddd      */

#gallery {
	font-family: 'Segoe UI', 'Trebuchet MS';
	font-size: 9pt;
}


#gsSidebar h3{
	font-family: 'Segoe UI', 'Trebuchet MS';
	font-size: 13pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin: 0px;
}
#gsSidebar a, #gsSidebar a:link, 
#gsSidebar a:visited, #gsSidebar a:active {
    color: #B2B233;
    text-decoration: none;
    font-family: 'Segoe UI', 'Trebuchet MS';
    font-size: 9pt;
    font-weight: normal;
    display: block;
    border-top: dotted 1px transparent;
    border-bottom: dotted 1px transparent;	
    margin: 0px;
    padding: 1px;
}

#gsSidebar a:hover {
    color: #CCCC33;
    background-color: #f8f8f8;
    text-decoration: none;
    border-top: dashed 1px #aaaaaa;
    border-bottom: dashed 1px #aaaaaa;	
}

.giTitle, #gallery h2, #gallery h3, #gallery h4 {
    font-family: 'Segoe UI', 'Trebuchet MS';
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
}

.giTitle {
    font-size: 10pt;
    font-weight: bold;
}

#gsSidebar .one-image a,
#gsSidebar .one-image a:hover {
    background-color: white;
    display: block;
    border: none;
}

#gallery a {
    font-family: 'Segoe UI', 'Trebuchet MS';
    font-weight: normal;
    text-decoration: none;
    color: #B2B233;
}
#gallery a:hover {
    text-decoration: none;
    color: #CCCC33;
}
#gallery a:active {
    text-decoration: none;
    color: #B2B233;
}

.gcBackground3 {
    background-color: #eee;
}
.gcBackground3:hover {
    background-color: #f3f3f3;
}