/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* WEB PAGE LAYOUT - Here we split the web page into horizontal sections, a 'header',   */ 
/* a 'footer' and a 'middle' section.                                                   */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ------------------------------------------------------------- */
/* - TOPSECTION - Defines the part of the web page to contain  - */
/* - a 'header'. Currently used to contain a decorative image. - */
/* ------------------------------------------------------------- */

.topsection     {left: 0px;
		 top: 0px;
		 padding: 1px;
		 text-align: center;
		 border-top: 0px;
		 border-bottom: 1px;
		 border-left: 0px;
		 border-right: 0px;
		 border-color: white;
		 border-style: solid;}

/* ------------------------------------------------------------- */
/* - MIDDLESECTION - Defines the next part of the web page     - */
/* - which will contain boxes for the main page content and    - */
/* - sidebox. Note: auto margin and fixed width to create      - */
/* - centre alignment.                                         - */
/* ------------------------------------------------------------- */

.middlesection	{width: 770px;
		 margin: 0 auto;
		 padding: 0 0 0 1px;
		 border-width: 0px;}


/* ------------------------------------------------------------- */
/* - FOOTERSECTION - Containing the page footer                - */
/* ------------------------------------------------------------- */

.footersection	{clear: both;
		 margin: 2px;
		 padding: 10px;
		 border-top: 1px;
		 border-bottom: 0px;
		 border-left: 0px;
		 border-right: 0px;
		 border-color: white;
		 border-style: solid;
		 font: normal small Arial, Helvetica, Verdana, sans-serif;
		 text-align: center;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* Here we define content boxes which will be placed in the sections defined above.     */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ------------------------------------------------------------- */
/* - PAGEBOX - The main part of the web page, containing the   - */
/* - page content                                              - */
/* ------------------------------------------------------------- */

.pagebox	{width: 540px;
		 float: right;
		 margin: 0px;
		 padding: 5px;
		 border-top: 0px;
		 border-bottom: 0px;
		 border-left: 1px;
		 border-right: 1px;
		 border-color: white;
		 border-style: solid;
		 overflow: hidden}

.pageboxcontent	{margin: 0px;
		 padding: 0px;
		 overflow: hidden;
		 clip: auto;
		 border-color: white;
		 border-style: solid;
		 border-width: 10px;
		 color: black;
		 background: white;}

/* ------------------------------------------------------------- */
/* - SIDEBOX - Containing the website navigation 'buttons',    - */
/* - language translation buttons and search interface         - */
/* ------------------------------------------------------------- */

.sidebox	{float: right;
		 width: 160px;
		 margin: 0px;
		 padding: 5px;
		 border-top: 0px;
		 border-bottom: 1px;
		 border-left: 1px;
		 border-right: 0px;
		 border-color: white;
		 border-style: solid;}

.sideboxcontent	{margin: 0px;
		 padding: 0px;
		 border-color: white;
		 border-style: solid;
		 border-width: 1px;
		 color: black;
		 background: white;
		 font: normal small Arial, Helvetica, sans-serif}

/* ------------------------------------------------------------- */
/* - MENULISTBOX - Containing the website navigation 'buttons' - */
/* ------------------------------------------------------------- */

.menulistbox	{margin: 5px;
		 padding: 0px;
		 border-color: white;
		 border-style: solid;
		 border-width: 0px;
		 color: black;
		 background: white;}

menulistboxcontent {padding: 0px;}

.menulistbox A:active	{color: black; text-decoration: none}
.menulistbox A:visited	{color: black; text-decoration: none}
.menulistbox A:link	{color: black; text-decoration: none}

.menulistbox A:hover	{background: url(//www.czechsinexile.org/graphics/website-menu-button-mouseover.jpg);
			 color: red;
			 text-decoration: none}

.menulistboxcontent ul
		{margin: 0px;            /*removes indent IE and Opera*/
		 padding: 0px;           /*removes indent Mozilla and NN7*/
		 list-style-type: none;  /*turns off display of bullet*/
		 }


/* ------------------------------------------------------------- */
/* - LANGUAGEBOX - Containing buttons for page translations    - */
/* ------------------------------------------------------------- */

.languagebox	{margin: 5px;
		 padding: 4px;
		 border-color: black;
		 border-style: solid;
		 border-width:0px;
		 color: black;
		 background: #D3CDB8;}

.languageboxcontent {
		 color: black;
		 background: #D3CDB8;}


.languageboxcontent ul
		{margin: 0px;            /*removes indent IE and Opera*/
		 padding: 0px;           /*removes indent Mozilla and NN7*/
		 list-style-type: none;  /*turns off display of bullet*/
		 }

.languagelistitem
		{display: inline;
		 border-left-width:1px;
		 border-top-width:1px;
		 border-right-width:1px;
		 border-bottom-width:1px;
		 }


/* ------------------------------------------------------------- */
/* - SEARCHBOX - Containing the search system interface        - */
/* ------------------------------------------------------------- */

.searchbox	{margin: 5px;
		 padding: 0px;
		 border-color: #D3CDB8;
		 border-style: solid;
		 border-width: 1px;
		 color: black;
		 background: #D3CDB8;}

.searchboxcontent
		{margin: 0px;
		 padding: 2px;
		 border-color: black;
		 border-style: solid;
		 border-width: 0px;
		 text-align: left;
		 color: black;
		 font: normal small Arial, Helvetica, sans-serif;
		 background: #D3CDB8;}

.searchbox P	{text-align: left;
		 margin: 2px;
		 border-color: black;
		 border-style: solid;
		 font: normal small Arial, Helvetica, sans-serif;
		 border-width: 0px}

.searchbox FORM	{margin: 2px;
		 font: normal small Arial, Helvetica, sans-serif;
		 border-color: black;
		 border-style: solid;
		 border-width: 0px}

.searchbox INPUT{margin: 2px;
		 font: normal small Arial, Helvetica, sans-serif;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* WEBSITE WIDE DEFAULTS FOR THE MAIN HTML TAGS                                         */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

BODY		{position: static;
		 color: black;
		 margin: 0px;
		 padding: 0px;
		 border: 0px;
		 font-family: georgia;
		 font-size: medium;
		 background: #D3CDB8;}

P		{font-family: georgia;
		 font-size: medium;
		 text-align: justify}

TD		{font-family: Arial, Helvetica, Verdana, sans-serif;
		 font-size: medium;
		 text-align: left;
		 border-bottom:1px solid #CCCCCC}

TH		{font-family: Arial, Helvetica, Verdana, sans-serif;
		 font-size: medium;
		 text-align: left;
		 vertical-align: middle;
		 font-weight: normal;
		 padding: 3px;
		 color: black;
		 background:#CCCCCC;}

H1		{font-family : Arial, Helvetica, Verdana, sans-serif;
		 font-size: x-large;
		 text-align: center}

H2		{font-family : Arial, Helvetica, Verdana, sans-serif;
		 font-size: large;
		 font-weight: bold;
		 text-align: left}

H3		{font-family : Arial, Helvetica, Verdana, sans-serif;
		 font-size: medium;
		 font-weight: bold;
		 text-align: left}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* Make acronyms appear with a dotted line in all browsers, not just Mozilla            */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

acronym		{border-bottom: 1px dotted black;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* Used to hide HTML elements in a standard browser, but make them visible in a         */
/* browser when style is not applied                                                    */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.normallyhidden {display:none}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* Define apppearance of images and captions                                            */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


img.largephoto	{padding: 7px;
		 color: black;
		 background: #DDDDDD;
		 border: thin solid #666666}

img.smallphoto	{padding: 7px;
		 color: black;
		 background: #DDDDDD;
		 border: thin solid #666666}

img.oldcameraicon
		{vertical-align: middle;
		 padding-right:20px;
		 padding-bottom:10px}

.imagecenter	{text-align:center;}

.imagecenterwithborder
		{text-align:center;
		 border: thin silver solid;
		 margin: 0.5em;
		 padding: 0.5em;}

.imageleft	{float: left;
		 margin: 0px 10px 10px 0px;}

.imageleftwithborder
		{float: left;
		 border: thin silver solid;
		 margin: 0.5em;
		 padding: 0.5em;
		 margin: 0px 10px 10px 0px;}

.imageright	{float: right;
		 margin: 0px 0px 10px 10px;}

.imagerightwithborder
		{float: right;
		 border: thin silver solid;
		 margin: 0.5em;
		 padding: 0.5em;
		 margin: 0px 0px 10px 10px;}

.picturecaption	{display: inline;
		 font: italic small Arial, Helvetica, Verdana, sans-serif;
		 text-align: justify;
		 position: relative; top: 10px;
		 padding: 7px;
		 color: black;
		 background: #FFFFCC;
		 border: 1px solid #666666}

.picturecaptionplain
		{font: italic small Arial, Helvetica, Verdana, sans-serif;
		 text-align: center;}

.inscription1	{display: block;
		 border-left:1px solid #CCCCCC;
		 border-top:1px solid #CCCCCC;
		 border-right:1px solid #333333;
		 border-bottom:1px solid #333333;
		 color: black;
		 background: #FFFFCC;
		 padding:15px;
		 text-align:justify}

.inscription2	{display: block;
		 border-left:1px solid #CCCCCC;
		 border-top:1px solid #CCCCCC;
		 border-right:1px solid #333333;
		 border-bottom:1px solid #333333;
		 color: black;
		 background: #FFFFCC;
		 padding: 15px;
		 text-align: left}

.captioninner1	{text-align: center;
		 font-style: italic;
		 padding: 7px;
		 color: black;
		 background: #FFFFFF;
		 border: 0px solid #666666;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* Define some odds and sods here                                                       */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.dsize		{background: white;
		 font-family : Arial, Helvetica, Verdana, sans-serif;
		 color : #808080;
		 font-size: small;
		 vertical-align : baseline}

.pageturn	{border: #666666 1px solid;
		 background: #EEE;
		 color: black;}

.pageturn .inner {
		 text-align: center;
		 margin: 5px}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                                                                                      */
/* DEFINITIONS FOR THE APPEARANCE OF THE WEBSITE NAVIGATION BUTTONS                     */
/*                                                                                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.menudivider	{display:block;
		 padding:2px;
		 border-color: white;
		 border-style: solid;
		 border-left-width:0px;
		 border-top-width:0px;
		 border-right-width:0px;
		 border-bottom-width:1px;
		 color: black;
		 background: white;
		 text-align:center;
		 font: bold medium Arial, Helvetica, sans-serif;}

.level1MenuTitle, .level2MenuTitle, .level3MenuTitle
		{display: block;
		 padding: 3px;
		 border-color: #F7F3F2 #694b50 #694b50 #F7F3F2;
		 border-style: solid;
		 border-left-width:1px;
		 border-top-width:1px;
		 border-right-width:1px;
		 border-bottom-width:1px;
		 font: bold small Arial, Helvetica, sans-serif;
		 text-align:center;
		 color: white;
		 background: #B7989D;}

.level1MenuItem, .level2MenuItem, .level3MenuItem
		{display: block;
		 padding: 3px;
		 border-color: #F7F3F2 #694b50 #694b50 #F7F3F2;
		 border-style: solid;
		 border-left-width:1px;
		 border-top-width:1px;
		 border-right-width:1px;
		 border-bottom-width:1px;
		 font: normal small Arial, Helvetica, sans-serif;
		 text-align: left;
		 color: black;
		 background: url(//www.czechsinexile.org/graphics/website-menu-button-normal.jpg) no-repeat;}

.level1MenuItemSelected, .level2MenuItemSelected, .level3MenuItemSelected
		 {display: block;
		 padding: 3px;
		 border-color: #F7F3F2 #694b50 #694b50 #F7F3F2;
		 border-style: solid;
		 border-left-width:1px;
		 border-top-width:1px;
		 border-right-width:1px;
		 border-bottom-width:1px;
		 font: normal small Arial, Helvetica, sans-serif;
		 text-align:left;
		 color: black;
		 background: #C0C0FF;}