/*
      Created by John Zernick of THWAP.com	  
	  E-Mail: jzernick@gmail.com
	  Dated: 04-04-2009
*/

* { 
 padding: 0; 
 margin: 0; 
}

body {
 font-family: Verdana, Helvetica, Ariel, sans-serif;
 font-size: 11px;
 background: #FFF;
 height: 100%;
 background:url(../images/bkgd1.png);
}
#wrapper { 
 margin: 0 auto;
 width: 960px;
 color: fff;
}
#header {
 color: #06F;
 width: 944px;
 float: left;
 padding: 8px 8px 8px 8px;
 height: auto;
 margin: 0px 0px 0px 0px;

 background:url(../images/bkgd3.png);
}
#navigation {
 float: left;
 width: 944px;
 color: #fff;
 padding: 0px;
 margin: 8px 8px 0px 8px;
 background: none;
}
#leftcolumn { 
 background: #eee;
 color: #000;
 width: 602px;
 height: auto;
 margin: 8px 0px 8px 0px;
 padding: 20px 24px 20px 24px;
 border: solid 1px #666;
 float: left;
}
#leftcolumn h1 {
  color: #09F;
}
#rightcolumn { 
 float: right;
 color: #000;
 width: 270px;
 height: 350px;
 margin: 8px 0px 8px 0px;
 padding: 20px 10px 20px 10px;
 border: solid 1px #666;
 display: inline;
 background: #eee;
}
#rightcolumn li	{
	margin: 0px 0px 0px 10px;
	list-style: none;
	color:#639;
}
#footer { 
 width: 944px;
 height: 70px;
 color: #fff;
 clear: both;
 background:url(../images/bkgd2.png);
 margin: 0px 0px 0px 0px;
 padding: 8px 8px 8px 8px;
 font-size: 9px;
}
.rounded{
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari */
}
h1	{
	font-size: 24px;
	color: #000;
	font-family: Georgia, Times New Roman, Times, serif;
}
h2	{
	font-size: 36px;
	color: #F60;
}
h3	{
	font-size: 18px;
	color: #06f;
}

#menu {
	width: 100%;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
	float: left;
}

#menu a, #menu h2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #ffde91 #c93 #c93 #ffde91;
	margin: 0;
	padding: 8px 0px 8px 6px ;
}

#menu h2 {
	color: #000;
	background: none;
	text-transform: none;
}

#menu a {
	color: #000;
	background:#FC6;
	text-decoration: none;
}

#menu a:hover {
	color: #FFF;
	background: #306;
}

#menu h2:hover {
	color: #a00;
	background: #fff;
}

#menu li {
	position: relative;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul {
	padding: 0px;
	width: 22em;
	position: absolute;
	z-index: 500;
}

div#menu ul ul {
	display: none;
}

div#menu ul li:hover ul {
	display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}