/* screen.css */

* {
  font-family: "Myriad Pro" "Lucida Grande" "Helvetica" "Verdana" "Arial" sans-serif;
}

body
{
  margin:0px;

/*  margin-left:10%;
  margin-right:10%;
*/
  background-image:url("../images/Dewdrops.jpg");
}

.header
{ 
  padding:0px;
  margin:10%;

  margin-bottom:10px;
  margin-top:0px;
  padding-left:20px;

  border:1px solid #ddd;
  border-top:0px solid #ddd;

  background-image:url("../images/mainbg.png");
  height:60px;
}



.navi
{
  margin:0px;
  padding:0px;
  width:100%;
/*  height:6%; */
  
  background-color:#000;
  color:#fff;
  text-align:center;

  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  
  font-family: "Lucida Grande" "Helvetica" "Arial" sans-serif;
}

.navi table
{
  margin:auto;
  margin-top:-2px;
  margin-bottom:-2px;

  text-align:center;
}

.navi table tr
{
  margin:0px; 
  padding:0px;
}


.navi table tr td
{
  display:block;
  float:left;

  margin:0px;
  margin-left:10px;
  margin-right:10px;

  padding:0px;

  /* DEBUG
  border:1px solid white; */
}

.navi table tr td.last
{
  display:block;

  margin:0px;
  margin-left:10px;
  margin-right:10px;

  padding:0px;

  float:left;
}

.navi a
{
  text-decoration:none;
  color:#fff;
  display:block;

  margin:0px;
  padding:2px;
}

.navi a:visited
{
  color:#ccc;
}

.navi a:active
{
  color:#00c;
}

.navi a:hover
{
  background-color:#424242;
}

.navi .sub
{
  padding-top:0px;
  margin-top:0px;
  background-color:#424242;
  border-bottom:1px solid #000;
  font-size:0.9em;
}

.navi .sub a:hover
{
	background-color:#000;
}

.content
{ 
  margin:10%;
  margin-top:10px;
  margin-bottom:0px;

  padding:10px;
  padding-left:25px;

  border:1px solid #ddd;
  border-bottom:0px solid #ddd;

  background-image:url("../images/mainbg.png");
  
  color:#555;
  
  font-size:92%;
}

/* Headers */
h1
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:1.4em;
  font-weight:normal;

  color:#000;

  margin-bottom:20px; /* h1 gets more space below */
}

h2
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:1.3em;
  font-weight:normal;

  color:#000;

  margin-bottom:5px;
}

h3
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:1.2em;
  font-weight:normal;

  color:#000;

  margin-bottom:5px;
}

h4
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:1.1em;
  font-weight:normal;

  color:#000;

  margin-bottom:5px;
}

h5
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:1em;
  font-weight:normal;

  color:#000;

  margin-bottom:5px;
}

h6
{
  margin:0px;
  padding-bottom:1px;
  width:95%;
  border-bottom:1px solid #000;

  font-family:serif;
  font-size:0.9em;
  font-weight:normal;

  color:#000;

  margin-bottom:5px;
}

/* Links */
.content a:link
{
  color:#000;
  text-decoration:underline;
}

.content a:visited
{
  color:#222;
  text-decoration:underline;
}

.content a:hover
{
  text-decoration:underline;
}

.content a:active
{
  color:#555;
}

.timage
{
  float:left;
}

.ptitle
{
  margin-left:auto;
  padding:10px;
  text-align:right;
  font-size:1.1em;
  font-family:serif;
}