/* VioletSky Design/CMX CSS Document */
body
{
	margin: -20px;
	padding: 0;
	background: #A2A0CF;
	text-align: center;
}

/*/*/a{ }
body { margin: 0; }

/* nn4 hack */
#container
{
	width: 90%;
	margin: 0 auto 0px;
	padding: 0 0 150px;
	border: 1px solid #000;
	text-align: left;
	background: #FFF;
}

#banner
{
	width: 100%;
	height: 100px;
	background: #9C9;
	layer-background-color: #99CC99;
	border: 2px solid #000;
}

/*/*/a{ }

#banner
{
	border-top: 3px solid #669;
	border-right: 0px solid #000;
	border-bottom: 10px solid #669;
	border-left: 0px solid #000;
}

/* nn4 hack */

#maincontent
{
	padding-left: 190px;
	padding-right: 15%;
	background: #fff;
}

h1
{
	color: #FFF;
	background: transparent;
	font: bold x-large/2.5em Geneva, Arial, Helvetica, san-serif;
	margin-top: 25px;
	margin-left: 20px;
}

h2
{
	color: #669;
	background: transparent;
	font: large Geneva, Arial, Helvetica, san-serif;
}

p
{
	font: small/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/*this is the beginning of the button menu system*/
#menu
{
	position: absolute;
	width: 140px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	margin-top: 25px; /*play with this to align the menu system with the content*/
}

#menu ul
{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li 
{ 
	border-bottom: 1px solid #000; /*this is the line between each button*/
	margin: 0px;
	padding: 0px;
}

#menu a
{
	display: block;
	margin: 0px;
	text-decoration: none;
	color: #000;
	background: #FFF;
	width: 118px; /*this is the width MINUS the left padding and the right border - otherwise, you'll have a space before your right border*/
}

/*/*/a{}
#menu a {
	padding: 3px 0px 1px 10px; 
	border-right: 12px solid #99CC99; 
	}
/* NN4 hack */

#menu a:hover, #menu a:focus
{
	background: #A2A0CF;/*#DBF8D8*/
	border-right: 12px solid #333;
}

/*this ends the menu buttons*/