/**
 * style.css
 *
 * @author Nicolas Baer
 * @copyright 2008 Piedra Libre Open-Air
 */


/** CONTAINER **/

body, html { 
	background-color: #b5a788;

	height: 100%;

	margin: 0px;
	padding: 0px;
}

/** OVERALL **/

div.overall {

	position:absolute;

	min-height: 100%;
  	height: auto !important;
  	height: 100%; 
  	width: 100%	

}

/** MAIN **/

div.main {
	position: absolute; 
	
	width: 723px;
	min-height: 100%;
  	height: auto !important;
  	height: 100%; 


	background-color: white;
	
	left: 50%;
	margin-top: 20px;
	margin-left: -366px;	
	margin-bottom: 0px;

	padding:0px;

	position: absolute;
}

/** SHADOWS **/

div.shadowleft {
	position: absolute; 
	
	width: 134px;
	min-height: 100%;
  	height: auto !important;
  	height: 100%; 
	
	left: 50%;
	margin-left: -500px;	
	margin-top:69px;
}

div.shadowright {
	position: absolute; 
	
	width: 134px;
	min-height: 100%;
  	height: auto !important;
  	height: 100%; 
	
	right: 50%;
	margin-right: -491px;	
	margin-top:69px;
}

/** HEADER **/

div.main div.header {
	height: 153px;
	background-image: url(../images/logo_top.png);
	background-repeat: no-repeat;	
	background-color: transparent;
	

	display: block;
}


div.header div.webtitle {
	position: absolute;
	
	/* left: 770px;	*/
	right: 30px;
	top: 10px;
	
	width: 200px;
	height: 40px;
	
	background-color: transparent;
	
	text-align: right;
	
	color: #ffffff;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

div.header div.shortinfo {

	position: absolute;
	
	right: 15px;
	top: 148px;
	
	width: 300px;
	height: 20px;
	
	background-color: transparent;
	
	text-align: right;	
	
	color: #c3e2fd;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	letter-spacing:0.1em;
}

div.header div.shortinfo p{
	margin: 0px;
	padding: 0px;
}


/** **/

/** NAVIGATION **/
 
div.main div.navpanel {
	border-top:1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
	border-bottom:0px dashed grey;
	position: relative;
	
	width: 721px;
 	height: 34px;
	
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;

	background-color: transparent;
	

	text-align: right;

	display: block;
}

div.main div.nav_left {
  float: left;
  width: 80px;
  height: 12px;
  padding-left: 5px;
  padding-right: 0px;
  text-align:left;
}

div.nav_left a {
  font-size: 10px;
}

div.nav_left a:hover {
  color:black;
}

div.main div.nav_right {	
	display: block;
	
	width: 692px;
 	height: 12px;
	
	top: 0px;
	left: 10px;
	right: 10px;
	
	padding: 5px;

}

div.nav_right ul {
	margin: 0px;
	padding: 0px;
}

div.nav_right ul li {
	list-style-type: none;
	display: inline;

	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	
}

div.nav_right ul li span, div.nav_right ul li span {
	color: black;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding-left:5px;
	padding-bottom:3px;
	border-bottom:1px  #b5a788 solid;
	/*border-left:1px #b5a788 dotted;*/

}

div.nav_right ul li a:hover span {
		color: #b5a788;
}

/** CONTENT **/

div.main div.content {
	position: relative;	
	border-left:1px solid grey;
	border-right:1px solid grey;
	border-top:1px dashed white;
	border-bottom:1px solid grey;
	
	
	width: 681px;
	min-height: 625px;
	height:100%;
	
	padding-right:20px;
	padding-left:20px;
	
	background-color: transparent;
	
	color: black;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: justify;

}

div.content p, div.content span {
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom: 3px;	
	
	color: black;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: justify;
	
}

div.content .componentheading, div.content td.contentheading, h1 {

	color: #807152;	
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	
	margin-top: 5px;
	margin-bottom: 10px;
}

h2 {
	color: #b6a788;	
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	
	margin-top: 7px;
	margin-bottom: 5px;
}


div.content a, a:link, a:visited, a:focus, a:hover, a:active {

	color: black;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;	
	text-decoration: underline;
}

div.content a:hover {
  color: grey;
}

input, select, textarea { 
	
	color: #57869b;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
		 
	background-color:#f5f5f5; 
	border:1px #78a1b2 solid;
	
	padding: 0px 0px 0px 3px;
}

input:hover, textarea:hover { 
	
	color: #57869b;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
		 
	background-color:#f8f8f8; 
	border:1px #3e5f6e solid;
}

form{ 	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.content div, div.content td{
	margin: 0px;
	padding: 0px;
}

div.content img {
	border: 0px solid white;
}

div.content td {
	vertical-align: top;
}

/** FOOTER **/

div.main div.footer {

}

div.footer p {
	padding:0px;
	margin: 0px;
	margin-bottom: 5px;
}

div.footer a, a:link, a:visited, a:focus, a:hover, a:active {
	color: #a4a4a4;
	text-decoration: none;
}

ul.link_collection li {
  line-height:2em;
}
ul.link_collection a {
  font-size: 13px;
}

ul.link_collection a:hover {
  color:grey;
}

table.text_list td {
	padding-bottom: 30px;
}

td.text_description {
	width: 500px;
}

td.text_date {
	text-align:right;
	width: 200px;
}

span.text_style p {
  padding-bottom: 15px;
  text-indent: 15px;
}


ul.table_of_contents {
  padding-top: 20px;
  padding-bottom: 17px;
  border: 1px dashed black;
  margin-bottom: 30px;
}

ul.table_of_contents li {
  padding-bottom: 5px;
}