/*  code create date 12/29/09  by David Burwinkel  */	

body {
	margin: 0;
	text-align: left;
	list-style: none; width: 100%; 
	font-family:"Helvetica", Arial, sans-serif;  }
	
body#home, body#center, body#culture  {background-image: url(../img/backgrounds/2000X1200_bk2.jpg);  background-color: #ebe8da;}
body#news {background-image: url(../img/backgrounds/newsback4.jpg); background-repeat: no-repeat;}
body#destination {background-image: url(../img/backgrounds/diary_bg.jpg); background-color: #ebe8da;}
body#facts { background-image:url(../img/backgrounds/backbg_facts.jpg) ; background-repeat: no-repeat;}

/* ------------- ZERO OUT----------------- */

ul, ol { }
ul {}
ul li {}
dl {  } 
dt {  }
dd {  }
ol {  }
ol li {  }
b { font-weight:bold; }
* {margin: 0;padding: 0;border: 0;font-weight: normal;}  /* These global values affect everything */
img {margin: 0px;bottom: 0px;padding: 0px;}
.clear{ clear: both; }


.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}

/* --------------------------------------------- */
/* ----------------- LINKS --------------------- */

a { outline: none; }

a:link, a:visited { color:#990000; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }


/* PAGE STRUCTURE */

#backgroundwrapper {width: 950px; margin-left: auto; margin-right: auto; overflow: hidden; padding-left: 10px;}
#hdr { width: 100%; height: 35px; background-color: #000000; z-index: 3; position: absolute; background-image: url(../img/top-bar.jpg); }
#subhdr { width: 100%; top: 35px; height: 40px; z-index: 3; position: absolute; float: right; text-align: right; background-repeat: no-repeat; }
#newsletter { width: 267px; float: right; background-image: url(../img/menu/newsletter.png); background-repeat: no-repeat; height: 40px; padding-left: 100px; }

#logo {width: 275px;text-align: left;z-index: 4;position: absolute;padding-left: 16px;height: 100%;visibility: visible;}
#logoh {width: 438px;text-align: left;z-index: 4;position: absolute;padding-left: 16px;height: 100%;visibility: visible;}

#culture, #center, #destination #news, #facts { color:#FFFFFF; background-color: #FFFFFF; }
#culture #logo, #center #logo, #destination #logo, #news #logo, #facts #logo { background-image: url(../img/backgrounds/wt_sidenab_bg.png); background-repeat: repeat-y; }
#home #logoh { background-image: url(../img/backgrounds/backbg.jpg); background-repeat: repeat-y; }


/* --------------------------------------------------------- */
/* ----------------------- GLOBAL MENU --------------------- */

#sidemenue { padding-top:60px; }
#bigmenu { padding-bottom:10px; }
#bigmenu li {padding-bottom:15px;  list-style: none; }
#bigmenu a {font-size:22px; }
#smallmenu li {padding-bottom:5px; list-style: none;  }
#smallmenu a {font-size:14px; }

#bigmenu li a:link, #bigmenu li a:visited, #smallmenu li a:link, #smallmenu li a:visited  { color:#766e57; text-decoration: none; }
#bigmenu li a:hover, #smallmenu li a:hover  { color:#CCCCCC; text-decoration: none; }

body#culture .bm1 a, body#center .bm2 a, body#destination .bm3 a, body#news .sm1 a, body#fact .sm2 a { color:#971B1E; text-decoration: none; }


/* --------------------------------------------------------- */
/* ----------------------- SUPER GALLERY --------------------- */

div#topcontent{
	margin:0px auto;
	width:100%;
	top:17px;
	z-index: 3;
	position:absolute;
}
div#topbox{
	margin:0px auto;
	left: 224px;
	z-index: 3;
	position:absolute;
	text-align: center;
	width: 80%;	
}

#topboxh{
	margin:0px auto;
		top:17px;
		left: 600px;
	z-index: 5;
	position:absolute;
	width: 400px;	
}

div#bottomcontent{
	margin:0px auto;
	width:100%;
	bottom:75px;
	z-index: 3;
	position:absolute;
}
div#bottombox{
	margin:0px auto;
	left: 470px;
	z-index: 3;
	position:absolute;
	text-align: Center;
	width: 60%;	
}



div#content{ margin:0px auto; width:100%; bottom:17px; right:25px; z-index: 3; position:fixed; }
		
div#box{ z-index: 3; }
#navframe{ overflow: hidden; height: 60px; text-align:left; z-index: 3; }
#descriptionframe{ overflow: hidden; height: 100%; text-align:left; }
#slidecounter{  color:#777; font:14px "Helvetica", Arial, sans-serif; font-weight:normal; text-align: center; right:50px;}
		#slidecaption{ overflow: hidden; float:left; font:14px "Helvetica", Arial, sans-serif; font-weight:normal; color: #FFFFFF; padding-left:8px; height: 35px; width:475px; }
		#slidecontent{ overflow: hidden; width: 300px; font:12px/17px "Helvetica", Arial, sans-serif;  color:#eee; height: 100px;padding-left:10px;  }
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		#slidecounter .slidenumber {font-size:16px; color:#999;}
		#slidecounter .totalslides {font-size:14px;color:#777;}
		/*Supersize Plugin Styles*/
		#navigationleft{ background: url('img/navbg.gif') no-repeat;  }
		#pause{ background: url('img/navbg.gif') no-repeat; float: left; margin:0px 20px 0 0; width: 100px; }
		#navigationright{ background: url('img/navbg.gif') no-repeat;  }
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 16px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(img/progress.gif);
		}
		#supersize{position:fixed;left: 0px;}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
		#supersize .activeslide, #supersize .activeslide img{z-index: 2;}
		
	div#description{
	width: 500px;
	float: right;
	right: 80px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-image: url(../img/backgrounds/black-opacity.png);
	padding-left: 20px;
	padding-top: 10px;
	text-align: justified;
}

#box {width: 400px;height: 100%;padding: 0px;z-index: 5;}

#image_container {height:100%;overflow:auto; }

/* --------------------------------------------------------- */
/* ----------------------- HOME PAGE ---------------------- */


.home #box{height:600px;width:300px;padding-bottom: 20px;}
input { color: #666666; background: #222222; padding: 2px; border-style: none; float: left; }
#greating {padding-right:20px;width: 200px;float:right;}
.greating { padding:5px;font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height:20px; color: #ffffff;}


/* --------------------------------------------------------- */
/* ----------------------- CENTER PAGE ---------------------- */

#flashmap {position: absolute;width: 699px;left: 225px;top: 10px;z-index: 6;}

/* --------------------------------------------------------- */
/* ----------------------- NEWS SECTION ---------------------- */

#top_tools {font-size: 10px; padding: 0px 0 15px 0;color: #999; }
.pageno, .totalpages {font-size: 12px;}	
#bot_tools {width:517px;font-size: 10px; padding:10px 10px 10px 10px ;color: #999; }


#newscontent{width:517px;padding:10px 0 0 15px;font-size:12px; line-height:14px; color:#333; }
#newdate {font-size: 12px;left: 15px;font-weight: bold;color:#666;}
#newsnavtitle {font-size: 13px; line-height:14px;color: #971b1e;font-weight: bold;left: 15px;}
#newsnavtitle a {font-weight: bold; font-family:Arial, sans-serif;}
#newsnavtitle a:visited,a:link,a:active  { color:#971b1e;}
#newsnavtitle a:hover  {color:#666; text-decoration:underline;}
#newsitem {font-size: 10px;left: 15px;color:#666;}

#news-title {font-size: 24px;line-height:24px;}
#newsbold {font-size: 11px; font-weight: bold;}

.scroll {
height: 500px;
width: 500px;
overflow: auto;
border: 1px solid #ddd;
background-color: #fff;
padding: 8px;}

	
/* ------------------------------------------------- */
/* --------------- FACTS SECTION ------------------- */

#fact_caption {font-family: arial;font-size: 12px;text-align: justify;}

#fact{ font: italic 15px Times, serif; color: #000; line-height:20px;  text-align:center;}
.factcap{ font: normal 10px Arial, sans-serif; color: #000; line-height: 14px;}
.glossh{ font:12px Arial, san-serif; line-height:13px;color: #000; padding-bottom:10px;}#glosory { }
#glosory p { font:12px Arial, san-serif; line-height:13px;color: #000; padding-bottom:10px;}
#glosory .term { font-weight:bold; color:#996600}

			
/* --------------------------------------------- */
/* ----------------- FOOTER --------------------- */

#thefooter {
	position: absolute;
	width: 220px;
	left: 0px;
	bottom: 0px;
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; 
	padding: 10px;
	color: #989281;
}

.footer {font: 10px; }
.footer a:link, .footer a:visited, .footer a:active{ color: #989281; font-weight: bold; }
.footer a:hover{ color:#990000; font-weight: bold; }