/* CSS Document */
/*----------------- Global begin -------------------*/
html{
	scrollbar-3dlight-color:#E6E6E6;
    scrollbar-track-color:#E6E6E6;
    scrollbar-shadow-color:#E6E6E6 ;
    scrollbar-face-color:#A67D53; 
	scrollbar-arrow-color:#E6E6E6;
	scrollbar-darkShadow-color:#E6E6E6;}
body	{
	background: url(../images/background.gif) repeat-x;
	background-color: #fff;
	padding: 0px;
	font-size: 62.5%;
	margin: 0px;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
	}
img	{border: 0px;}
h1	{
	display:inline;
	font: bold 1.3em Tahoma, verdana, arial, sans-serif; 
	color: #A67D53;
	clear: both;
	line-height: 20px;
	}
h2	{
	display:inline;
	font: bold 1.0em Tahoma, verdana, arial, sans-serif; 
	color: #A67D53;
	}
h4	{
	display:inline;
	font: bold 1.0em Tahoma, verdana, arial, sans-serif; 
	color: #A67D53;
	clear: both;
	line-height: 20px;
	}
h5	{
	display:inline;
	font-size: 1em;
	margin-left: 10mm;
	text-indent: 10mm;
 	margin: 10mm;	
}
h6	{
	display:inline;
	font-size: 1em;
	margin: 10mm;
}
			
.input{	
	background-color:#F7E8EB; 
	color:#5C5C5C; 
	font-size: 10px; 
	border: 1px inset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.inputKnap{	
	background-image: url(../images/sendKnap.jpg);
	background-repeat: no-repeat;
	color: #fff; 
	font-size: 1em; 
	background-color: #FFFFFF; 
	height: 20px;
	width: 68px; 
	cursor: pointer;
	cursor: hand;
	border: 0px;	
	}
hr{height:1px; color:#FFF;}
br{font-size:10px}
.month {
	font-size: 1.3em;
	font-style: normal;
	border: medium groove #57D63;
	color: #A57D53;
	line-height: 25mm;
	letter-spacing: 1.3em;
}
.day {
	display:inline;
	font: bold 1.0em Tahoma, verdana, arial, sans-serif;
	color: #A67D53;
	position: absolute;
	left: 5mm;
}

/*----------------- Global end -------------------*/

/*-----------------container begin----------------------------*/

#outer{
	width: 770px;
	color: #666666;
	left: 50%;
	margin-left: -350px;
	position: absolute;
	margin-top: 20px;
	background-color: #fff;
	}
#design{
	color: #E0E0E0;
	height: 10px;
	text-align: right;
	}	
#topContainer	{
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 108px;
	color: #000000;
	}
#mainContainer{
	background: url(../images/mainBg.gif) repeat-y;
	font-size: 1.1em;
	clear: both;
	width: 770px;
	padding-top: 30px;
	}
#mainContentContainer a{
	color: #A67D53;
	text-decoration: none;
	}
#mainContentContainer a:hover{
	color: #A67D53;
	text-decoration: underline;
	}
#mainContentContainer{
	float: left;
	width: 500px;
	padding: 10px 20px 20px 20px;
	color: #666666;
	}	
#iconContainer{
	width: 190px;
	float: left;
	overflow: hidden;
	}
.icon{
	padding-right: 16px;
	padding-top: 8px;
	}	
#bottomContainer	{
	background: url(../images/bottomBg.gif) #A67D53;
	height: 20px;
	width: 730px;
	margin: auto;
	font-size: 1.0em;
	color: #F6F6F6;
	clear: both;
	padding: 2px 10px 0px 10px;
	}
.shadowTopLeft{
	background: url(../images/ShaddowTopLeft.gif) repeat-y;
	width: 10px;
	float: left;
	height: 120px;
	}
.shadowTopRight{
	background: url(../images/ShaddowTopRight.gif) repeat-y;
	width: 10px;
	float: left;
	height: 120px;
	}
#logo{
	float: left;
	font-size: 1.1em;
	height: 118px;
	width: 190px;
	color: #FFF;
	}
#topImages{
	float: left;
	width: 560px;}	
#teaserContainer{
	position: absolute;
	top: 59px;
	left: 282px;
	width: 116px;
	height: 151px;
	border: 1px solid #FFFFFF;
	background-color: #404040;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4;
	}
.teaser{
	color: #E0E0E0;
	font-size: 1.0em;
	}
/*-----------------container end----------------------------*/

/*-----------------menu begin----------------------------*/
#menuContainer{
	background: url(../images/menuBg.gif) repeat-x;
	height: 26px;
	width: 100%;
	position: absolute;
	top: 140px;
	z-index: 1;
	text-align: center;
	}
#menu{
	font-size: 1.1em;
	line-height: 23px;
	width: 770px;
	color: #E0E0E0;
	left: 50%;
	margin-left: -340px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#menu ul {
	padding: 0px;	
	margin: 0px; 
	white-space: nowrap; 
	list-style-type: none;
	}
#menu ul li	{	
	padding: 0px 0px 0px 17px; 
	display: block; 
	float: left; 
	overflow: visible; 
	white-space: nowrap;
	background-image: url(../images/split.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	}

#leftMenu{
	width: 190px;
	color: #000;
	float: left;
	padding-left: 10px;
	margin-top: 15px;

	}
#leftMenu ul	{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	height: 20px;
	}
#leftMenu ul li	{
	display: block;
	margin-bottom: 1px;
	padding: 0px;
	height: auto;
	}

.menulevel1Off	{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px;
	margin: auto;
	padding: 0px;
	}
.menulevel1On	{
	display: block;
	color: #fff;
	text-decoration: underline;
	padding: 0px;
	margin: auto;
	}
.menulevel1Off:hover	{
	color: #fff;
	text-decoration: underline;
	}

.menulevel2Off	{
	background: url(../images/leftMenuOn.gif) no-repeat left #BBBBBB;
	display: block;
	color: #000;
	text-decoration: none;
	margin: auto;
	padding: 4px 5px 0px 25px;
	height: 20px;
	}
.menulevel2Off:hover	{
	text-decoration: underline;
	background-color: #D5D5D5;
	display: block;
}	
.menulevel2On	{
	background: url(../images/leftMenuOn.gif) no-repeat left #D5D5D5;
	display: block;
	color: #000;
	text-decoration: none;
	margin: auto;
	padding: 4px 5px 0px 25px;
	height: 20px;
	}
.menulevel3Off	{
	background: url(../images/leftMenuLevel3On.gif) no-repeat left #C4C4C4;
	display: block;
	color: #000;
	text-decoration: none;
	margin: auto;
	padding: 4px 5px 0px 40px;
	height: 20px;
	}
.menulevel3Off:hover	{
	text-decoration: underline;
	background-color: #D5D5D5;
	display: block;
}	
.menulevel3On	{
	background: url(../images/leftMenuLevel3On.gif) no-repeat left #D5D5D5;
	display: block;
	color: #000;
	text-decoration: none;
	margin: auto;
	padding: 4px 5px 0px 40px;
	height: 20px;
	}	

/*----------------- menu end----------------------------*/


/*----------------- teaser begin----------------------------*/
.teaserContainer{
	width: 164px;
	margin: 10px 0px 10px 10px;
	float: right;
	padding-right: 20px;
	}
.teaserTop{
	background: url(../images/teaserTop.gif) no-repeat;
	width: 144px;
	height: 20px;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px 0px 10px;
	}
.teaserMain{
	background: url(../images/teaserMain.gif) repeat-y;
	width: 144px;
	color: #fff;
	padding: 5px 10px 0px 10px;
	}
.teaserMain a{
	color: #fff;
	text-decoration: none;
	}
.teaserMain a:hover{
	color: #fff;
	text-decoration: underline;
	}	
.teaserBottom{
	background: url(../images/teaserBottom.gif) no-repeat;
	width: 164px;
	height: 16px;
	margin-bottom: 10px;
	}	
/*----------------- teaser end----------------------------*/

/*------------------ front content begin ---------------------*/
.leftContainer{
	width: 180px;
	padding-left: 20px;
	float: left;
	color: #A67D53;
	padding-top: 10px;
	padding-right: 10px;
	clear: right;
	margin-top: 0px;
	height: auto;
	}
.leftContainer a{
	color: #A67D53;
	text-decoration: none;
	}
.leftContainer a:hover{
	color: #A67D53;
	text-decoration: underline;
	}		
.frontContainer{
	width: 360px;
	float: left;
	margin-top: 10px;
	clear: right;
	}
.frontContainer a{
	color: #A67D53;
	text-decoration: none;
	}
.frontContainer a:hover{
	color: #A67D53;
	text-decoration: underline;
	}
.dottedLine{
	border-top: #A67D53 dotted 1px;
	height: 5px;
	margin-top: 5px;
	}	

/*------------------ front content end ---------------------*/