/* free CSS Template from Abaryx.com */
/* Licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License. */
/* http://creativecommons.org/licenses/by-sa/3.0/ */

html, body {
          font-family: arial,helvetica,sans-serif;
          font-size: 12px;
          color:#333333;
          background-color: #FFF; 
	}
          
          
#header {
	width: 98%;
	background-color: #000;
	padding: .5%;
	}
         
h1.header{
	font-size: 250%;
	color: #FFF;
	margin-top: .5%;
	margin-left: 35%;
	}

p.header{
	font-size: 90%;
	color: #fff;
	margin-top: .5%;
	margin-left: 35%;
	}

a:link.head {color:#fff;
          text-decoration: none;}

a:visited.head {color:#999;
          text-decoration: none;}

a:hover.head  {color: #000000;
          background-color: #999999;
          text-decoration: underline;}

a:active.head  {color: #990000;
          background-color: #999999;
          text-decoration: underline;
	}


#left{
	position: absolute;
	top: 0%;
	left: 4%;
	width: 25%;
	padding-top: 15%;
	background: url(gray-squares-bg20.gif);
	border-top: 0px none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 0px none;
	}
	
.left{
	background-color: #fff;
	padding-left: 4%;
	padding-right: 4%;
	margin-left: 20%;
	}	


#content {
	position: absolute;
	top: 20%;
	left: 35%;
	right: 5%;	
	background-color: #fff;
	width: 55%;
	padding: 1%;
	}

p	{
	font-size: 100%;
	margin-left: 2%;
	margin-right: 2%;
	}

h1	{
	font-size: 190%;
	color: #000;
	margin-top: 1%;
	}

h2	{
	font-size: 150%;
	color: #000;
	margin-top: 2%;
	}

h3	{
	font-size: 120%;
	color: #000;
	margin-top: 2%;
	}

.title{
	font-style: oblique;
	padding-left: 2%;
	}


         
a:link    {color:#000099;
          text-decoration: none;}

a:visited {color:#009900;
          text-decoration: none;}

a:hover   {color: #990000;
          background-color: #999999;
          text-decoration: none;}

a:active  {color: #990000;
          background-color: #999999;
          text-decoration: none;
	}

#footer {
	padding: .5%; 
	margin-top: 5%;
	border-top: 1px solid #999;
	width: 100%;
	text-align: center;
	font-size: 90%;
	}
          
img.top {
	position: absolute;
	top: 2%;
	left: 3%;
	float:left; 
	margin: .5%;
	}          

.l {
	float: left;
	margin-right: 3%;
	}

.r {
	float: right;
	margin-left: 3%;
	}
  
 .clearall {clear: both;}