/*TAGS*/
body{
	margin: 0px;
	background: #999966;
}
p{
	margin: 0px;
	font-family: 'MS Sans Serif', Verdana, Arial;
}
a{
	color: #FFFFCC;
	text-decoration: none;
}
a.black{
	color: #FFFFFF;
	text-decoration: none;
}
a.nav:link{
	color: #336600;
	text-decoration: none;
}
a.nav:visited{
	color: #336600;
	text-decoration: none;
}
a.nav:hover{
	color: #336600;
	text-decoration: underline;
}
table{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
td{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}


/*IDS*/
#main{
	width: 100%;
	height: 420px;
	background: #FFFFCC;
}
#logo{
	position: absolute;
	width: 40px;
	height: 232px;
	top: 20px;
	left: 0px;
}
#navigation{
	position: absolute;
	width: 129px;
	height: 80px;
	top: 20px;
	left: 630px;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
}
#copy{
	position: absolute;
	width: 550px;
	top: 430px;
	left: 60px;
	font-size: 10px;
	color: #CCCC99;
}
#info{
	padding: 10px;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

/*CLASSES*/
.rectangle{
	position: absolute;
	width: 550px;
	height: 380px;
	top: 20px;
	left: 60px;
	background-repeat: no-repeat;
}
.smallrectangle{
	position: absolute;
	width: 127px;
	height: 280px;
	top: 120px;
	left: 630px;
	background: url(../_images/green_rectangle.gif) no-repeat;
}
.blacktext{
	position: absolute;
	width: 530px;
	height: 100px;
	bottom: 44px;
	left: 0px;
	padding: 10px;
	background: #999966;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFCC;
	text-align: justify;
}
.head{
	margin-bottom: 10px;
}
.arrow{
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
}