html, body {
	height: 100%;
}
#centeredcontent {
	width: 1024px;
	height: 620px;
	text-align: center;
	border: 0px solid #4A443F;
	background-color:#4A443F;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -512px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -310px; 
	/* Half the height of the DIV tag which is also 50 pixels */
}




#myframe { 
width:400px; 
height:245px; 
border-width:0; 
border-color: #ffffff;
border-style: solid;
border: 0;
}

.maintable
{
HEIGHT: 620px;
WIDTH: 1024px;
bgcolor:#504A2E ;
border:2;
padding: 4;
bordercolor:white;
vertical-align: middle;
}

.logotext
{
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;
    vertical-align: bottom;
}


.languagetext
{
    font-size:14pt;
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;
    vertical-align: middle;
    text-align: right;
    margin-bottom:5;
}



.emailtext
{
    font-size:12pt;
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;
    vertical-align: top;
    text-align: right;
 margin-top: 5;

}



.textmenu
{
    font-size:11pt;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color: #504A2E;
    vertical-align: middle;
    margin-left: 2;
    margin-bottom: 1;
    text-align: left;
}




/* Sidebar */


#sidebar {padding: 0 0px 0 0;
	margin-top: 0;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li ul {
margin-top: 0;
}



#sidebar li li {
margin: 0;
	padding: 0px 0px;
	border: none;
 	font-family: "Bradley Hand ITC", Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#sidebar a {
	border: none;
	text-decoration: none;
	color:#504A2E;
	font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#sidebar a:hover {
	text-decoration: none;
        color:#6FA0DB;
font-size:12pt;

}
 

#sidebar .active a {
	text-decoration: none;
        color: #6FA0DB;
       	font-size:12pt;
}


/* SidebarGR */
#sidebarGR {padding: 0 10px 0 0;
 margin-top: 0;
}

#sidebarGR ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebarGR li ul {
margin-top: 0;
}

#sidebarGR li li {
	margin: 0;
	padding: 0px 0px;
	border: none;
 	font-family: "Monotype Corsiva",Arial, Helvetica, sans-serif;
	font-size:12pt;

}

#sidebarGR a {
	border: none;
	text-decoration: none;
	color:#504A2E;
	font-family: "Monotype Corsiva",Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#sidebarGR a:hover {
	text-decoration: none;
        color:#6FA0DB;
		font-size:12pt;

}

 #sidebarGR .active a {
	   text-decoration: none;
        color: #6FA0DB;
        font-weight:semi-bold;
       font-size:12pt;
}



.titleblue
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color: #6FA0DB;
    margin-right:15;
    margin-top: 0;
    text-align : right;
}

.titleblueGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #6FA0DB;
    margin-right:15;
    margin-top: 0;
    text-align : right;
}

.titlepink
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color: #B832A8;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlepinkGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #B832A8;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlegray
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color: #4a443f;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlegrayGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #4a443f;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlebrown
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color:#743E38;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlebrownGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva",Arial, Helvetica, sans-serif;
    color:#743E38;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}


.titlegreen
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Bradley Hand ITC",Arial, Helvetica, sans-serif;
    color:#5D7339;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlegreenGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva",Arial, Helvetica, sans-serif;
    color:#5D7339;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.titlegreenGR
{
    font-size:14pt;
    font-weight: semi-bold;
    font-family: "Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color:#5D7339;
    vertical-align: middle;
    margin-right: 15;
    text-align : right;
}

.tabletext
{
    font-size:8pt;
    font-family: Arial;
    color: #DDDDDA;
    vertical-align: middle;
    margin-left: 5px;
}

.maintext
{
    font-size:10pt;
    font-family:Arial, 'Times New Roman', Times, serif;
    color: Gray;
    vertical-align: top;
    margin-left: 10;
    margin-right: 10;
    text-align: justify;
}

.maingreentext
{
    font-size:10pt;
    font-family: Arial, 'Times New Roman', Times, serif;
    color: #5D7339;
    vertical-align: top;
    margin-left: 4;
    margin-right: 5;
    text-align: justify;
}


.maindarkbrowntext
{
    font-size:10pt;
    font-family: Arial, 'Times New Roman', Times, serif;
    color: #743E38;
    vertical-align: top;
    margin-left: 4;
    margin-right:0;
    text-align: justify;
}

.mainlightbrowntext
{
    font-size:10pt;
    font-family: Arial, 'Times New Roman', Times, serif;
    color: #8E8150;
    vertical-align: top;
    margin-left: 4;
    margin-right: 0;
    text-align: justify;
}

ul.BulletNoIndent 
{
  list-style-type: disk;
  margin-top: 10px;
  margin-left: 4px;
  padding-top: px;
  padding-left: 0px;
  margin-bottom:0px;
  padding-bottom: 0px;
  list-style-position: inside;
}
  
ul.BulletNoIndent  li
{ 	
padding-left: 1em;
text-indent: -1.3em;
}
  
.titlepopup
{
    font-size:16pt;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
    color: #6FA0DB;
    vertical-align: middle;
    text-align : right;
}

A:link {text-decoration: none;  font-size:11pt;
    font-family: "Bradley Hand ITC", "Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #504A2E;}
A:visited {text-decoration: none; font-size:11pt;
    font-family: "Bradley Hand ITC","Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #504A2E;}
A:active {text-decoration: none; font-size:11pt;
    font-family: "Bradley Hand ITC","Monotype Corsiva" ,Arial, Helvetica, sans-serif;
    color: #6FA0DB;}
A:hover{text-decoration: none;color: #6FA0DB;}



.langlink A:link {text-decoration: none;  font-size:14pt;
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;}
.langlink A:visited {text-decoration: none; font-size:14pt;
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;}
.langlink A:active {text-decoration: none; font-size:14pt;
    font-family: "Bradley Hand ITC";
    color: #BFBFBF;}
.langlink A:hover{text-decoration: none;color: #6FA0DB;}




.TNRlink A:link {text-decoration: none;  font-size:9pt;
    font-family: 'Times New Roman', Times, serif;
    color: Gray;}
.TNRlink A:visited {text-decoration: none; font-size:9pt;
    font-family: 'Times New Roman', Times, serif;
    color: Gray;}
.TNRlink A:active {text-decoration: none; font-size:9pt;
    font-family: 'Times New Roman', Times, serif;
    color: Gray;}
.TNRlink A:hover{text-decoration: none;color: #6FA0DB;}



/*for the Google map popup, the gray background behind*/
#blanket {
  background-color:#111;
   opacity: 0.45;
   filter:alpha(opacity=45);
   position:absolute;
   z-index: 9001;/* ooveeerrrr nine thoussaaaannnd*/
   top:-200px;
   left:-500px;
   width:1600px;
   height:100px;
}

/*the popup of Google map*/
#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:545px;
	height:460px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}


button {
    background: Transparent;
    font-size:9px;
    border: 1px solid Gray;
    color: #6FA0DB;
}



/*ALL THESE LINES FOR THE LOADER AND POPUP OF BIGGER PICTURES*/
/*#################################################################################*/
#interface1 {z-index:1;}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#6FA0DB;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.title_h2 {
 width:300px;
 padding:10px 0 0 18px;
 font-size: 10pt;
 font-family: Bradley Hand ITC,Tahoma, Helvetica, sans;
    color: #504A2E;
}
.border_preview{
	z-index:100;
	position:absolute;
	background: #eeeeee;
	border: 1px solid #444;
}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{
	vertical-align:middle;
	text-align:center;
}
/*############################################################################*/
/*end*/



/*###################FOR THE SCROLLING CONTAINER#####################*/
        #wrapper {
			height: 425px;
			width: 400px;
		}
		#scroll-container {
			height: 427px;
			width: 410px;
			overflow: hidden;
			position: relative;
			margin-right: -20px;
			padding-right:0px;
		}
		#scroll-content {
			position: relative;
			top: 0;
		}
		#scroll-controls {
			position: absolute;
            top:0;
		    bottom: 0;
			right: 0;
			height: 80px;
			width: 32px;

		}
		#scroll-controls a.up-arrow {
			display: block;
			height: 45px;
			width: 32px;
			background: transparent url('Images/arrowup_g.png') no-repeat scroll left top;
			position: absolute;
			top: 0;
			left: 0;
		}
		#scroll-controls a.up-arrow:hover {
			background: transparent url('Images/arrowup_b.png') no-repeat scroll left top;
		}
		#scroll-controls a.down-arrow {
			display: block;
			height: 45px;
			width: 32px;
			background: transparent url('Images/arrowdown_g.png') no-repeat scroll left top;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		#scroll-controls a.down-arrow:hover {
			background: transparent url('Images/arrowdown_b.png') no-repeat scroll left top;
		}
/*#############################################################*/