/****************************************************\
|                     The whole window                        |
\****************************************************/
body {
	background-color: #820e17;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF; /* font colour*/
}





/****************************************************\
|                  Navigation                        |
\****************************************************/
nav {
	display: block;
}
nav ul {
	width: 810px;
	list-style-type: none; /* remove the unordered list dots */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
nav ul li a {
	display: inline-block;
	background-color: #dea438; /* dark yellow */
	border: solid #000 1px;
	width: 125px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	color: #820e17; /* font color*/
	font-weight: bold;
	text-decoration: none;
	margin-right:4px;
	margin-left: 4px;
}
nav ul li a:hover {
	background-color: #deba78; /* light yellow */
}
nav ul li a:active {
	background-color: #4881ce; /* blue */
}



/****************************************************\
|                    Content                         |
\****************************************************/
article {
	display: block;
	background-color: #4881ce;
	width: 800px;
	border-color: #000; /* black*/
	border-style: solid;
	border-width: 1px;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: justify;
}
article > .clear_all {
	clear: both;
}
p {	
	line-height: 1.5;
}
section {
	display: block;
	padding: 10px;
}
section.left {
	float: left;
	width: 380px;
}
section.right {
	float: right;
	width: 380px;
}
h1, h2 {
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

table tr td {  /* personal info*/
	padding-left:5px;
	padding-right:5px;
}

p.bulb {
	padding-left: 30px;
	background-image: url(../img/bulb.png);
	background-repeat: no-repeat;
	min-height: 30px;
	
	font-weight: bold;
	color: #deba78;
}
/****************************************************\
|                 Header & Footer                    |
\****************************************************/
header {
	width: 800px;
	height: 209px;
	background-image:url(../img/banner.png);
	margin-top:		10px;
	margin-bottom:	10px;
	margin-left:	auto;
	margin-right:	auto;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	display: block;
}
footer {
	display: block;
	background-color: #4881ce;
	width: 780px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
footer > #footer_left {
	display: inline-block;
	width: 50%;
}
footer > #footer_right {
	display: inline-block;
	width: 50%;
	text-align: right;
}


footer a, article a {
	color: #deba78;
}
footer a:hover, article a:hover {
	color: #dea438;
}








/****************************************************\
|                  Multimedia                        |
\****************************************************/
figure {
	margin: 0;
	width: 100%;
	text-align: center;
}
figcaption {  /* footer of the pictures*/
	margin-bottom: 20px;
}
audio {
	width: 100%
}
#map_canvas {
	width:703px;
	height:400px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	margin-left:auto;
	margin-right:auto;
}







/****************************************************\
|                  Anything Slider                   |
\****************************************************/

#slider1 {
	width: 640px;
	height: 426px;
	list-style: none;
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #dea438;		/*background color of the slideshow button*/
	width:auto;
}
div.anythingSlider.activeSlider .anythingControls ul a.cur{
	  background-color: #deba78;	/*background color of the active tabs*/
}
div.anythingSlider.activeSlider  .anythingControls ul a {
	background-color: #dea438;		/*background color of the non-active tab*/
}
div.anythingSlider.activeSlider  .anythingControls ul a:hover {
	background-color: #deba78;	/*a:hover for the tabs*/
}
div.anythingSlider .anythingWindow {
	border: 0px solid #820e17;		/*defines the border for the window in which the content is displayed*/
}
div.anythingSlider .anythingControls ul a span {color:#000;}
div.anythingSlider .anythingControls .start-stop span {color:#000;}


/****************************************************\
|                       Map popup                    |
\****************************************************/

#popup_wrapper {     /* the transparent background */
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	top: 0;
	left: 0;
	opacity: 0.5;
}
#popup_content {    /* the popup window*/
	position: fixed;
	width: 310px;
	height: 200px;
	margin-left: -155px;
	left: 50%;
	margin-top: -100px;
	top: 50%;
	background-color: #820e17;
	border: solid 1px #000;
	padding: 20px;
	color: #deba78;
}
#popup_close {
	position: absolute;
	top: 5px;
	right: 5px;
}