/*
Kleurenschema:

Body          : #1e1e1e
Header        : #000000
Menu          : #5d3553
Menu_selected : #8b507c
Titles        : #5d3553
Text          : #ffffff
Links         : #8b507c
Footer        : #8b507c

*/


/*
How To Hack:
/*   width:532px;  /*Firefox/Safari will read this*/
/*   #width:530px; /*IE7 and IE6 can only see this  */
/*   _width:520; /*Only IE6 can read this 
*/


/* General */

html, body
{
   color: #ababab;
   font-family: Courier New, Arial, Verdana, Helvetica, Sans-Serif;
   padding: 0;
   margin: 0;
   text-align: center;
   font-size: 1em;
}


/* General */

body
{
	background: #ababab url('../images/body.background.png') repeat-y center top;
	margin: 0;
}



/* Text */

html,
body,
input,
select,
textarea
{
	font-family: Courier New, Arial, Verdana, Helvetica, Sans-Serif;
}

h1,h2,h3,h4
{
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
}

h1, h2, h3
{
	font-family: Courier New, Arial, Verdana, Helvetica, Sans-Serif;
	color: #fff;
}

h1
{
	padding-left: 36px;
	font-size: 1.6em;
	letter-spacing: 3px;
	color: #5d3553;
}

h2, h3
{
	font-size: 1.4em;
	letter-spacing: 3px;
}


/* Links */

a, a.active, a.visited
{
   color: #8b507c;
   outline: none;
   text-decoration: none;
}

a:hover
{
   color: #5d3553;
   text-decoration: underline;
}

a img,
input.Image
{
   border: 0px none;
}




/* Layout */

#Container
{
	background: #1e1e1e url('../images/container.background.jpg') no-repeat center top;
	margin: 5px auto;
	text-align: left;
    position: relative;
	width: 960px;
	_width: 752;
	min-height: 660px;
}

.ClearFloat
{
	clear: both;
}

	/* Header */

	#Header
	{
       padding: 10px;
	   height: 140px;
	}
	
	   #Header a
	   {
          color: #5d3553;
		  text-decoration: none;
	   }

      .MenuItems
      {
         position: absolute;
         bottom: 30px;
         left: 0;
         margin: 0;
         padding: 0;
      }

      .MenuItem
      {
         overflow: hidden;
         list-style: none;
         height: 80px;
         margin: 0;
         padding: 0;
      }

      .MenuItem a
      {
         display: block;
         _float: left;
         margin-top: 0px;
      }

      .MenuItemActive a
	  {
		  margin-top: -80px;
	  }

      .MenuItem a:hover
      {
         margin-top: -80px;
      }

      .MenuItemActiveSmall a
	  {
		  margin-top: -160px;
	  }




	/* Content */

	#Content
	{
 		width: 960px;
    }


       #Content h2
	   {
		  margin-left: 50px;
		  margin-bottom: 20px;
	   }

       #Content a
	   {
	      text-decoration: underline;
	   }

      #Content .ImageContainer
      {
         float: left;
		 border: #fff solid 3px;
		 margin: 0 20px 20px 0;
      }

      #Content .Message
      {
         border: 10px dotted #5d3553;
         background-color: #8b507c;
         color: #fff; 
         margin: 50px 0 0 500px; 
         padding-top: 8px; 
         text-align:center;
         width:270px;
      }

      #Content h3,
      #Content a
      {
         color: #fff;
      }

 
      #Content .ColumnLeft, #Content .ColumnRight
	  {
		  float: left;
	  }

      #Content .ColumnLeft
	  {
		  color: #fff;
		  width: 400px;
		  margin-left: 50px;
	      margin-bottom: 30px;
          text-align: justify;
	  }

      #Content .ColumnRight
	  {
		  color: #8b507c;
		  width: 465px;
          margin-left: 40px;
	      margin-bottom: 30px;
	  }

	     #Content .ColumnRight ul
	     {
		     margin-left: 0px;
	     }

	     #Content .ColumnRight li
	     {
		     list-style-type: circle;
			 color: #ffffff;
			 margin-bottom: 20px
	     }

	     #Content .ColumnRight li a
		 {
			 color: #ffffff;
			 background-color: #5d3553;
		 }



/* Poems */

	     .Poems .ColumnLeft h3
		 {
			 font-size: 1.1em;
			 margin: 15px 50px 15px 0;
			 border-bottom: #fff solid 1px;
		 }

	     .Poems .ColumnLeft .poem
		 {
			 display: none;
		 }

	     .Poems .ColumnRight h3
		 {
			 margin: 16px 65px 1px 0;
			 border-bottom: #fff solid 1px;
		 }

	     .Poems .ColumnRight a
		 {
			 cursor: pointer;
		 }

	     .Poems .ColumnRight ul
		 {
			 margin-bottom: 40px;
		 }




/* Footer */

#Footer
{
  position: absolute;
  bottom: 16px;
  left: 760px;
}