/* HTML ELEMENTS */ 
/* top */
/* 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: #AA00FF; font-size: 145%; background-color: inherit; padding: 10px 10px 5px; 
		border-bottom: 1px solid #FFCC33 }

h2
	{
		font-size: 125%;
		text-transform: uppercase;
	}

h3
	{
		font-size: 125%;	
		color: #404040;
	}

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

/* images */
img
	 { border: solid 0 #d5d5d5 }

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

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

#sidebar h1, #sidebar p
	{
		padding-left: 0;
	}

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

blockquote
	{
		margin: 10px;
	 	padding: 0 0 0 32px;  	
	  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
		background-position: 8px 10px;
		border: 1px solid #f2f2f2; 
		border-left: 4px solid #FFCC33;   
	}

/* form elements */
form
	 { background-color: #CCDDFF; margin: 3px; padding: 5px; border: solid 1px #f2f2f2 }

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

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

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

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
	{ 
		margin: 0; 
		width: 120px;
		border: 1px solid #CCC; 
		background: #FFF;
		color: #333; 	
		vertical-align: top;
	}

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

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

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

#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: #AABBFF url("menubg.gif") repeat-x; margin: 0; height: 30px; clear: both }

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

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

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

#menu ul li a:hover
	{
	  	color: #333;	
		background: url(menu-hover-bg.gif) repeat-x;
	}

#menu ul li#current a
	{
		color: #333;
		background: url(menu-current-bg.gif) repeat-x;	
	}

/* left column - ideal width 19.09 % */
#sidebar
	{
		display: inline; margin: 0; padding: 0; width: 18%; float: left
	}
	
#sidebar ul.sidemenu
	{
		list-style: none;
		text-align: left;
		margin: 0 0 7px 0; padding: 0;
		text-decoration: none;	
	}

#sidebar ul.sidemenu li
	{ 
		background: transparent; 
		padding: 2px; 
		border-bottom: 1px solid #ffcc33
	}

* html body #sidebar ul.sidemenu li
	{
		height: 1%;
	}

#sidebar ul.sidemenu li a
	{
		font-weight: bolder;
		background-image: none;
		text-decoration: none;	
	}

/* right column - ideal width 30.90 % */
#rightbar
	{
		margin: 0 0 0 5px; padding: 0; width: 28%; float: right
	}

/* main column - ideal width 50.00 % */
#main
	 { margin: 0 7px; padding: 0; width: 70%; float: left }

/* footer */
#footer
	{
		clear: both; 	
		color: #666666; 	
		padding: 0;	 
		background: transparent;
		height: 60px
	}

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

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

#footer-content #footer-left
	{
		padding: 10px;
		width: 60%;
		float: left;
		text-align: left;
	}

#footer-content #footer-right
	{
		padding: 10px;
		width: 33%;
		float: right;
		text-align: right;
	}

/* 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; }
.blue   { color: #FF0000 }
.teal	{ color: #339999 }
.gold	{ color: #FFCC33 }