BODY
{
	BACKGROUND-COLOR: White;
	FONT-FAMILY: Verdana, Helvetica, Verdana, sans-serif;
	LETTER-SPACING: normal;
	WORD-SPACING: normal;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	background-image: url(images/background.jpg);
	line-height: 18px;
}

H1 {
	color: white;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	background-image: url(StyleImages/h1back.gif);
	height: 20px;
	margin: 0;
	
}

#HEADAREA {
	margin-left: auto;
	width: 789px;
	margin-right: auto;
	padding: 0;
	height: 128px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-image: url(StyleImages/headarea.jpg);
}

#FLASHAREA {
	padding: 0;
	width: 789px;
	margin-left: auto;
	margin-right: auto;
	height: 220px;
	background-color: #b3a0c5;
}

#BOTTOMAREA {
	margin-left: auto;
	width: 789px;
	margin-right: auto;
	margin-top: 1px;
	padding: 0;
	height: 80px;
	background-image: url(StyleImages/bottomarea.jpg);
}



#MENU{
	height: 37px;
	margin-left: auto;
	width: 789px;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: right;
	background-color: #9a4b77;
	background-image: url(StyleImages/menuback.jpg);
	margin-top: 0px;
}
#MENU a{
	display: block;
	padding: 5px 10px 5px 10px;
	float: left;
	color: white;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
}

#MENU a:hover{
	color: #d8cdf8;
}

#MENU ul.NAVIGATOR A.dark{
	color: #696969;
}

 #MENU ul.NAVIGATOR A.dark:hover{
	color: #e40989;
}
	
#MENU ul.NAVIGATOR{
	padding: 0;
	border: 0;
	width: 789px;
	margin: 0;
}
#MENU ul.NAVIGATOR li{
	list-style-type: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	list-style-image: none;
}

#CONTENT {
	padding: 0px 0px 0px 0px;
	color: Silver;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	margin-left: auto;
	width: 789px;
	margin-right: auto;
	background-color: #ad6179;
	background-image: url(StyleImages/contentBack.jpg);
}

#CONTENT a{
	color: white;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	letter-spacing : 0px;
}

#FOOTAREA{
	margin-left: auto;
	width: 789px;
	margin-right: auto;
	text-align: center;
	color: #b3a0c5;
	text-decoration: none;
	font-size: 10px;
}


img {
	border: none;
}



#mainArea {
	margin: 30px auto 20px auto;
	background-color: White;
	color: #2a2a2a;
	width: 900px;
}



#icoArea {
	text-align: right;
	vertical-align: sub;
	padding-right: 20px;
	height: 100%;
}

#textItemArea {
	margin: 0px 0px 0px 00px;
	padding: 8px 13px 8px 13px;
	background-color: #9659a4;
	border: solid 1px #d5b6c4;
}

#textItemArea p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
}

#textItemArea a {
	color: #830e51;
	text-decoration: underline;
}

#textItemArea a:hover{
	color: #830e51;
	text-decoration: underline;
}

#dateTimeArea {
	margin: 0px 10px 0px 10px;
	padding: 0px 2px 2px 2px;
	text-align: right;
	font-size: 10px;
	color: #646464;
	font-weight: bold;
	height: 17px;
}

.createDate {
	color: #B1B1B1;
	padding: 1px 10px 1px 10px;
}

#contentPage{
	padding: 2px 10px 2px 0px;
	color: White;
	text-decoration: none;
	font-size: 11px;
	margin: 10px 0px 0px 10px;
}

#contentPage a{
	display: block;
	padding: 0px 10px 0px 0px;
	color: White;
	text-decoration: underline;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#contentPage a:hover{
	color: Fuchsia; /* background-image: url(Images/leftBack.gif); */
	text-decoration: underline;
}

#itemArea {
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	color: White;
}

/*
#itemArea a{
	display: block;
	padding: 2px 10px 1px 5px;
	color: #999999;
	text-decoration: none;
	font-size: 13px;
	width: 660px;
	margin: 3px 0px 3px 10px;
}

#itemArea a:hover{
	color: #646464; /* background-image: url(Images/leftBack.gif); 
	background-color: #dfdfdf;
}*/





/*   NAVIGATAION BAR */
#navigationBar {
	padding: 2px 22px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #dfdfdf; /*	background-image: url(Images/leftBack.gif); */
	font-size: 11px;
	color: #646464;
	height: 20px;
	width: 767px;
/*	width: 877px;*/
	text-align: right;
}

#navigationBar a{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #646464;
	text-decoration: underline;
	font-size: 11px;
}

#navigationBar a:hover{
		color: Black;
}

#navigationBar a:active{
	
	color: #d90381;
}

#bottomArea {
	/*background-image: url(Images/menuBack.gif);*/
	padding: 0px 0px 0px 0px;
	height: 15px;
	background-color: #a6ce39;
	border-bottom: 1px solid White;
	border-top: 1px solid White;

}


/*    MENU AREA */
#menuArea {
	/*background-image: url(Images/menuBack.gif);*/
	padding: 0px 0px 0px 0px;
	height: 25px;
	background-color: #830e51;
}

#menuArea ul.navigator {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}

#menuArea ul.navigator li{
	list-style-type: none;
	display: inline;
	padding: 5px 0px 0px 0px;
	list-style-image: none;
}

#menuArea a{
	padding: 5px 15px 5px 15px;
	float: left;
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
}

.activeMenu {
	background-color: #d90381;
	color: White;
}

.inActiveMenu {
	color: White;
}

.userArea {
	color: #d90381;
}

#menuArea a:hover{
	background-color: #00491f;
			color: White;
			padding: 5px 15px 5px 15px;
}

/*    SUBMENU AREA */
#subMenuArea {
	padding: 0px 0px 0px 0px;
	width: 789px;
	height: 26px;
	background-color: #d90381;
	color: White;
	border-bottom: 1px solid White;
	text-align: left;
	margin: 1px 0px 0px 0px;
}

#subMenuArea ul.navigator {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	display: inline;
	float: left;
	height: 24px;
}

#subMenuArea ul.navigator li{
	list-style-type: none;
	display: inline;
	width: 200px;
}

#subMenuArea a{
	padding: 4px 15px 4px 15px;
	float: left;
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

#subMenuArea a:hover{
	background-color: #66033d;
	color: White;
}

#subMenuArea a:active{
	
	color: White;
	
}

.activeSubMenu {
	background-color: #420e35;
	color: White;
}

.inActiveSubMenu {
	color: #005825;
}

.activeSubMenu a:hover {
	background-color: Black;
	color: #005825;
}

#searchArea {
	float: right;
	margin-top: 1px;
	margin-right: 10px;
}

.searchBox{
	border: 1px solid #005825;
	width: 130px;
	font-size: 11px;
	color: Black;
	padding: 2px 2px 2px 2px;
}

.textBox{
	border: 1px solid #848484;
	font-size: 12px;
	color: #848484;
	padding: 2px 2px 2px 2px;
}



.searchButton{
	width: 80px;
	font-size: 11px;
	color: Black;
	background-color: #dfdfdf;
	margin-top: 0px;
}

.galleryBox{
	background-image: url(Images/galleryBack.gif);
	color: White;
	font-weight: bold;
	border: 1px solid #cdcece;
	vertical-align: middle;
}


/*   SLOUPCE */
#contentArea {
	background-image: url(Images/xContentBack.gif);
	background-color: #e4e4e4;
	width: 789px;
		border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	
}

#columnLeft {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	min-height: 400px;
	background-image: url(Images/leftBack.gif);
}

#columnRight {
	width: 789px;
	padding: 0;
	margin: 0;
	min-height: 300px;
	/*background-image: url(Images/xContentBack.gif);*/

}

#footerArea {
	width: 900px;
	clear: both;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	color: Gray;
	text-align: center;
	margin-bottom: 20px;
	line-height: 14px;
}

#footerArea a {
	color: Gray;
	text-decoration: underline;
}