body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: Silver;
}                                

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	background-image: url(images/h-divider.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 4px;
  margin-bottom: 0.5em;
	clear: both;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0.1em;
}

a, a:active, a:link, a:visited {
	color: Blue;
	text-decoration: none;
}

a:hover, a:focus {
	color: Blue;
	text-decoration: underline;
}

ul {
	margin-left: 0.6em;
	padding-left: 0.6em;
}

p {
  margin-top: 0em;
}

img
{
  border-style: none;
}

.img {
  margin: 1ex;
}

/*---------------------------------------
Misc styles
*/

.red {
	color: red;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

/*---------------------------------------
Styles dedicated for middle column
*/

#middle table {
	vertical-align: top;
	background: #F5F5F5;
	width: 100%;
	border-color: #52B452;
	border-width: 1px;
	border-style: solid;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

#middle th {
	background: #52B452;
	color: White;
	text-align: left;
	font-weight: normal;
}

#middle td {
	vertical-align: top;
}


/*---------------------------------------
Styles for texts in the right column. In general text is a bit smaller and less colorfull
*/
#right {
	font-size: 90%;
	color: #757575;
}

#right p {
   margin-top: 0.5em;
}

#right h1 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.1em;
	border-bottom: 1px solid Silver;
}

#right h2 {
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid Silver;
	margin-bottom: 0.1em;
}

#right a,#right a:active,#right a:link,#right a:visited {
	color: #757575;
	text-decoration: none;
	border-bottom: 1px dashed #757575;
}

#right a:hover,#right a:focus {
	color: #757575;
	text-decoration: none;
	border-bottom: 1px solid #757575;
}

/*---------------------------------------
Styles for forms
*/

/* Tables in forms are transparent, with no borders or any other fancy stuff */
#middle form table {
	background: transparent;
	width: auto;
	border-style: none;
}


/*---------------------------------------
Styles for newspage
*/

.newsPost {
	margin-bottom: 3em;
	clear: both;
}

.newsPic {
  display: block;
  float: right;
  margin: 1ex;
}

.newsPost span {
	/* this is the date*/
	font-size: 60%;
	font-weight: normal;
	padding-left: 1ex;
	color: #52B452;
}

/*---------------------------------------
Styles for guestbook
*/

#middle .guestbook, .table100percent {
	width: 100%; /* Without this the tables inside will get way too wide in IE */
}

#middle .guestbook .options {
	background-color: Silver;
}

#middle .guestbook form table {
	background: #F5F5F5;
	width: 100%;
	border-color: #52B452;
	border-width: 1px;
	border-style: solid;
}


/*---------------------------------------
Styles for positioning other stuff
*/

#headertext {
	margin: 0px;
	padding: 0px;
	padding-left: 0.25ex;
	position: absolute;
	top: 8px;
	left: 15px;
	font-family: memorandum, "American Typewriter Bold Condensed", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 56px;
	font-weight: bold;
	color: white;
	z-index: 1000; /* Just make sure it ends up above the image in the topleft corner */
}

/* fix offset of replacement image for memorandum font replacent technique */
#headertext .replacement {
	margin-left: -18px;
	margin-top: -1px;
}

#lock {
	text-align: right;
}

#lock img {
	border: none;
}

#right a,#right a:active,#right a:link,#right a:visited {
	color: #757575;
	text-decoration: none;
	border-bottom: 1px dashed #757575;
}


#lock a,#lock a:active,#lock a:link,#lock a:visited {
	text-decoration: none;
	border-bottom: 0px none Gray;
}

/*---------------------------------------
Styles for photo gallery
*/

#middle .gallery {
	width: 99%; /* Without this the tables inside will get way too wide in IE */
}

#middle .gallery table {
	background-color: transparent;
	border: 0px;
}

#middle .gallery a, .gallery a:active, .gallery a:link, .gallery a:visited, .gallery a:hover, .gallery a:focus {
	color: white;
/*	text-decoration: none; */
}

#middle .current {
/*	color: #52B452;
	background-color: white; */
  font-weight: bold;
}

#middle .gallery img  {
	background-color: gray;
	color: white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}

#middle .gallery .index th {
	font-weight: normal;
}

#middle .gallery .index td {
  height: 140px;
	background-color: #E9E9E9;
	text-align: center;
	vertical-align: middle;
}

#middle .gallery .index .navigation {
/*	width: 100%;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

/*.photogallery_picture img  {
	padding: 0px, 0px, 0px, 0px;
	margin: 0px, 0px, 0px, 0px;
	border: 0px;
	vertical-align: middle;
}
*/
#middle .gallery .image th {
	font-weight: normal;
}

#middle .gallery .image td {
	height: 480px;
	text-align: center;
	vertical-align: middle;
	background-color: #E9E9E9;
}


/*---------------------------------------
Styles for expanding menu
*/

/* Div around the whole menu */
.menuContainer	{
	background-color: #52B452;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-y;
	color: White;
	text-align: left;
	width: 139px;
	margin-top: 50px;
	margin-left: 6px;
	margin-bottom: 50px;
	font-size: 15px;
}

/* Expanding part of a menu */
.menu		{
	position: relative;
	overflow: hidden;
	background-color: #1B911B;
	background-image: url(images/menu-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
/*	padding-left: 5px; */
  padding-bottom: 6px;
}

.bottom {
	vertical-align: bottom;
}

/* Heading/button for expanding part of menu when menu is collapsed */
.button ,.button2	{
	position: relative;
	cursor: pointer;
	height: 21px;
	width: 139px;
	margin-top: 5px;
	color: #FFFFFF;
	background-image: url(images/menu-button-combined.gif);
	background-repeat: no-repeat;
	background-color: #0E890E;
}

/* Heading/button for expanding part of menu when menu is expanded */
.pressedButton	{
	position: relative;
	cursor: pointer;
	height: 21px;
	width: 139px;
	margin-top: 5px;
	color: White;
	background-image: url(images/menu-button-combined.gif);
	background-repeat: no-repeat;
	background-color: #0E890E;
	background-position: 0px -21px;
}

/* Links in the menu */
.menuContainer a, .menuContainer span {
	padding-left: 5px;
}
.menuContainer a, .menuContainer a:active, .menuContainer a:link, .menuContainer a:visited 	{
	color: White;
	text-align: left;
	display: block;
}

.menuContainer a:hover, .menuContainer a:focus {
	color: White;
	font-style: italic;
	text-decoration: none;
	display: block;
}

.menu a:hover {
	background-color: #0E890E;
}

.menuContainer br {
	display: none;
}










.header {
  width: 100%;
  color: #fff;
  padding: 0;
  margin: 0;
  background: #3A19A7 url(images/header-fotos-2006-2007.jpg) repeat-x;
}


#header2 {
	background-repeat: no-repeat;
	background-color: transparent;
}

#middle {
  background: White url(images/background.gif);
}

#left {
  background: #52B452 url(images/menu-bg.gif) repeat-y;
}

#right {
  background: #F5F5F5 url(images/context-bg.png) repeat-y;
}