body {
	height: 100%;
	background-color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	position: relative;
	list-style-type: none;
}

td, th {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

form {

}

.title {
	font-size: 18pt;
	line-height: 24pt;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	margin: 3px 0 3px 0;
	font-weight: bold;
}

.subtitle {
	font-size: 10pt;
	line-height: 12pt;
	font-weight: normal;
	color: #000000;
	text-align: center;
	margin: 3px 0 3px 0;
}

.subtitle2 {
	font-size: 12pt;
	line-height: 12pt;
	font-weight: normal;
	color: #000000;
	font-style: italic;
	text-align: center;
}

.largetext {
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
	color: #28566C;
	text-align: center;
	margin: 10px 0 10px 0;
}

.largetext a{
	color: #000000;
	font-style: italic;
	text-decoration: underline;
}

.largetext2 {
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
	color: #003300;
	text-align: center;
	margin: 10px 0 10px 0;
}

.largetext2 a{
	color: #000000;
	font-style: italic;
	text-decoration: underline;
}

.intLinks {
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #336600;
	font-style: italic;
	text-align: center;
	margin: 3px 0 3px 0;
}

.intLinks a:link{
	color: #336600;
	text-decoration: underline;
}

.intLinks a:hover {
	text-decoration: underline;
	color: #000000;
}

.intLinks a:visited {
	text-decoration: underline;
	color: #003300;
}

.intLinks2 {
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #28566C;
	font-style: italic;
	text-align: center;
	margin: 3px 0 3px 0;
}

.intLinks2 a:link{
	color: #28566C;
	text-decoration: underline;
}

.intLinks2 a:hover {
	text-decoration: underline;
	color: #000000;
}

.intLinks2 a:visited {
	text-decoration: underline;
	color: #003300;
}

.AnkorName {
	font-size: 12pt;
	line-height: 24pt;
	font-weight: bold;
	color: #28566C;
	font-style: italic;
	text-align: left;
}
.header {
	font-size: 24px;
	background-color: #006666;
    color: #DCDCDC;
}

.navLink {
	font-size: 12pt;
	font-weight: bold;
	color: #663300;
	text-align: left;
	display: block;
	width: auto;
	border-bottom-width: 0;
	padding: 15px 0 0 0;
	line-height: 18pt;
	text-indent: 15px;
}

.navLink a{
	color: #CCFFFF;
	text-decoration: none;
}

.navLink a:hover{
	color: #000000;
}

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLt #sidebar1 p" rule.
*/

.twoColHybLt #sidebar1 {
	float: left;
	width: 260px; /* the background color will be displayed for the length of the content in the column, but no further */
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	height: auto;
}


/* this is the header line for the Category names in parent menu */
.sidebarHeader {
	color: #000000;
	width: auto;
	height: auto;
	padding-left: 0px;
	text-decoration: none;
	font-style: normal;
	text-align: center;
	list-style-type: none;
	font-size: 12pt;
	font-weight: bold;
	line-height: 20pt;
}

.sidebarHeader a{
	color: #000000;
}


.sidebarFooter {
	font-size: 12pt;
	line-height: 18px;
	background-color: #53A079;
}

.sidebarFooter a{
	font-size: 12pt;
	line-height: 18px;
	background-color: #53A079;
	color: #CCFFFF;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

.twoColHybLt #footer{
	width: 900px;
	margin-left: auto; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 0px;
}

.footer {
	font-size: 9pt;
	font-weight: normal;
	line-height: 12pt;
	color: #FFFFFF;
	margin: 10px 0 10px 0;
}
.footer a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}
.footer a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

/* this is the header line for the Category names in parent menu */
.categoryName {
	color: #CCFFFF;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	line-height: 20pt;
	text-align: center;
	display: block;
}

.categoryName a{
	font-style: italic;
	text-decoration: underline;
}

.normalText {
	font-size: 11pt;
	color: #000000;
	direction: ltr;
	text-align: justify;
	text-indent: 20px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14pt;
	list-style-type: disk;
	margin: 1em 0 1em 0;
}

.normalText a {
	color: #000000;
	text-decoration: underline;
}

.normalText a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.normalText li {
	font-size: 11pt;
	color: #000000;
	text-align: left;
	line-height: 14pt;
	list-style-type: disc;
	margin-left: 50px;
}

.pictureName {
	color: #000000;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	line-height: 14pt;
	text-indent: 0px;
	vertical-align: top;
	margin: 5px 0 5px 0;
}

.pictureDetails {
	color: #000000;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 14pt;
	text-indent: 0px;
	margin: 5px 0 5px 0;
}
.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
    border-style: ridge;
}

.titlebar {
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
}

.signature {
	color: #003300;
	font-weight: bolder;
	font-size: 16pt;
	font: Brush Script MT;
	text-align: right;
	font-family: "Brush Script MT";
	margin: 10px 0 10px 0;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.twoColHybLt #container {
	border: 4px ridge;
	border-color: #EFF5F2;
	width: 900px;
	margin-left: auto; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-color: #D8D8D8;
	background-image: url(../images/background2.gif);
	background-repeat: repeat-y;
}

.twoColHybLt #container #mainContent {
	margin-left: 264px;
	margin-bottom: 0px;
	padding-bottom: 0px; 
	padding-left: 10px; 
}

/* the running news marquee above the logo */
.twoColHybLt #container #mainContent #headermarquee {
	margin: 10px auto 0 auto;
	height: 35px;
	width:90%;
}

/* the full Logo background div */
.twoColHybLt #container #mainContent #headerz {
	/*margin-top: 10px;*/
	margin-left: auto;
	margin-right: auto;
	height: 181px;
	width:497px;
	background-image: url(../images/ZASTAVKA.jpg);
}

/* the Title background div - behind the Movement/Artist name */
.twoColHybLt #container #mainContent #headerz2 {
	margin: 10px auto 0 auto;
	height: 126px;
	background-image: url(../images/ZASTAVKA5.gif);
	background-repeat: repeat-x;
	min-width: 90%; /* makes the div visible across the whole width of the picture, instead of only across existing text within the div */
	vertical-align: middle;
	padding-top: 10px;
}
/*fixes the spilling of the "sidebar" into the "footer" - class added to "container" div*/
.cleafix {
 overflow: hidden;
 height: 1%;
 }