/* Laskow.css - HTML ELEMENTS */ 
/* margins: top, right, bottom, left */

* { margin: 0; 	padding: 0; }

body
	{
		margin: 0; padding: 0;
		font: 70%/1.5em  Verdana, Tahoma, Arial,sans-serif;
		color: #333; 
		text-align: center; 
	}

/* links */
a
	{
		color: #0000FF; 
		background-color: inherit;
		text-decoration: none;
	}
	
a:hover
	{
		color: #575757;
		background-color: inherit;
	}

/* headers */
h1, h2, h3
	{
		font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif; font-weight: Bold; 		
	}

h1
	{
		color: #663399; font-size: 180%; background-color: inherit; 
		padding: 10px 10px 5px; border-bottom: 1px solid #666699
	}

h2
	{
		font-size: 155%;
		color: #663399; 
	}

h3
	{
		font-size: 140%;	
		color: #663399; 
	}

h2, h3, p
	{
		margin: 0; padding: 10px
	}

/* images */
img
	{
		border: 0px solid #D5D5D5;
  		margin: 9px 9px 9px 9px;
	}

img.float-right
	{
  		margin: 5px 0px 5px 10px;
  		float: right;  
	}

img.float-left
	{
		margin: 5px 10px 5px 0px;
	}

ul, ol 
	{
		margin: 2px; padding: 0 5px 0 21px
	}

blockquote
	{
		background: #FFFFFF url(quote.gif) no-repeat 9px 9px !important; 
		margin: 10px; 
		padding: 3px 9px 3px 36px; 
	 	border-style: solid; 
	 	border-width: 3px 3px 3px 3px; 
	 	border-color: #9999CC #9999CC #9999CC #9999CC
	}

/* form elements */
form
	{
		margin:10px; padding: 5px;
		border: 0px solid #f2f2f2; 
		background-color: #e2cfff; 
	}

label
	{
		display:block;
		font-weight:bold;
		margin:5px 0;
	}

input
	{
		color: #777; font: 1em Verdana, sans-serif; padding: 3px; border: solid 1px #eee
	}

textarea
	{
		width:350px;
		padding:3px;
		font: normal 1em Verdana, sans-serif;
		border:1px solid #eee;
		height:100px;
		display:block;
		color:#777;
	}

input.button
	{ 
		margin: 0; 
		font: bolder 12px Verdana, Sans-serif; 
		border: 1px solid #CCC; 
		padding: 2px 3px; 
		background: #FFF;
		color: #AA00FF;
	}

/* search form */
form.search
	{
		background-color: transparent; margin: 0; padding: 0; 
		position: absolute; right: 5px; bottom: 12px; 
		border: none
	}

form.search input.textbox
	 {
	 	color: #333; background: #EEE; margin: 0; width: 120px; 
	 	vertical-align: top; border: solid 1px #ccc
	 }

form.search input.button
	{
		width: 60px;
		vertical-align: top;
	}

/**************************************
   LAYOUT 
***************************************/	
#wrap
	{
		text-align: left; margin: 0 auto; padding: 0; width: 800px
	}

/* header */
#header
	{ 
		position: relative;
		height: 135px; 
		margin: 0; padding: 0;
		color: #808080; 		
	}

#header h1#logo
	{
		position: absolute;	
		font: 3.9em "Calligrapher", Arial, Tahoma, Sans-Serif;
		margin: 0; padding:0;
		color: #AA00FF;
		letter-spacing: -2px;	
		border: none;	
		
		/* change the values of top and Left to adjust the position of the logo*/
		top: 0; left: 2px;		
	}

#header h1#logo span
	{
		color: #0000FF;
	}

#header h2#slogan
	{
		color: #0000FF; font: 18px "Calligrapher", Arial, Tahoma, Sans-Serif; 
		text-transform: none; margin: 0; padding: 0; position: absolute; top: 48px; left: 0px
	}

/* menu */
#menu
	{
		font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif; 
		background: #9999CD repeat-x; margin: 0; height: 30px; clear: both
	}

#menu ul
	{
		margin: 0; padding: 0 0 0 7px
	}

#menu ul li
	{
		float: left;
		list-style: none;		
		border-right: 1px solid #666699;
	}

#menu ul li a
	{
		display: block;
		text-decoration: none;	
		padding: 0 11px;
		color: #FFF;	
	}

#menu ul li a:hover
	{
		color: #663399; background: #9999CD repeat-x
	}

#menu ul li#current a
	{
		color: #333333; background: #9999CD repeat-x
	}

/* main column */
#main
	{
		margin: 0 9px; 
		padding: 0; 
		float: left;
		width: 90%;
	}

/* footer */
#footer
	{
		clear: both; 
	}

#footer a
	{ 
		text-decoration: none; 
		font-weight: bold;
	}

#footer-content
	{
		margin: 0 auto; 
		width: 780px
	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear		{ clear: both; }
.violet		{ color: #AA00FF; }
.teal		{ color: #339999 }
.gold		{ color: #FFCC33 }
.dkblue		{ color: #666699 }
.indigo		{ color: #9999CC }
.lavendar	{ color: #9966CC }