﻿#header{
	position:absolute;
	width: 740px;
	margin-left:auto;
	margin-right:auto;
}

#spacer{
	position:static;
	width: 740px;
	margin-left:auto;
	margin-right:auto;
	visibility: hidden;
}




/*   <!--Main Buttons    */
#button1 {
	position:absolute;
	left:0px; 
	top:0px; 
	width: 50px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	visibility: hidden;    /*hidden button on main page */

}
#button1 a {
	color: black;
	text-decoration: none;
}
#button1 a:hover {
	color:blue;
	text-decoration: underline;
}



#button2 {
	position:absolute;
	left:0px; 
	top:0px; 
	width: 90px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button2 a {
	color: black;
	text-decoration: none;
}
#button2 a:hover {
	color:blue;
	text-decoration: underline;
}




#button3 {
	position:absolute;
	left:100px; 
	top:0px; 
	width: 70px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button3 a {
	color: black;
	text-decoration: none;
}
#button3 a:hover {
	color:blue;
	text-decoration: underline;
}




#button4 {
	position:absolute;
	left:180px; 
	top:0px; 
	width: 80px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button4 a {
	color: black;
	text-decoration: none;
}
#button4 a:hover {
	color:blue;
	text-decoration: underline;
}


#button5 {
	position:absolute;
	left:270px; 
	top:0px; 
	width: 75px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button5 a {
	color: black;
	text-decoration: none;
}
#button5 a:hover {
	color:blue;
	text-decoration: underline;
}


#button6 {
	position:absolute;
	left:355px; 
	top:0px; 
	width: 80px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button6 a {
	color: black;
	text-decoration: none;
}
#button6 a:hover {
	color:blue;
	text-decoration: underline;
}


#button7 {
	position:absolute;
	left:445px; 
	top:0px; 
	width: 100px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button7 a {
	color: black;
	text-decoration: none;
}
#button7 a:hover {
	color:blue;
	text-decoration: underline;
}


#button8 {
	position:absolute;
	left:555px; 
	top:0px; 
	width: 120px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
}
#button8 a {
	color: black;
	text-decoration: none;
}
#button8 a:hover {
	color:blue;
	text-decoration: underline;
}


#button9 {
	position:absolute;
	left:685px; 
	top:0px; 
	width: 79px;
	height: 20px;
	background-image: url('../defaultpics/backgrounds/gradient4.jpg');
	color:yellow;
	text-align:center;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-top: 2px #FFE4CA solid;
	
}
#button9 a {
	color: black;
	text-decoration: none;
}
#button9 a:hover {
	color:blue;
	text-decoration: underline;
}


/*   <!--END Main Buttons    */





/*   <!--Menus               */
#menu1{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 120px;
	z-index: 500;
	padding-top:5px;
	padding-bottom:5px;
}
#button1:hover #menu1{
	display: block;
}
#button1 #menu1 a {
	color: blue;
}
#button1 #menu1 a:hover {
	color: red;
	text-decoration: none;
}




#menu2{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 175px;
	z-index: 501;
	padding-top:5px;
	padding-bottom:5px;
}
#button2:hover #menu2{
	display: block ;
}
#button2 #menu2 a {
	color: blue;
}
#button2 #menu2 a:hover {
	color: red;
	text-decoration: none;
}





#menu3{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display:none;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 200px;
	z-index: 502;
	padding-top:5px;
	padding-bottom:5px;
}
#button3:hover #menu3{
	display:block;
}
#button3 #menu3 a {
	color: blue;
}
#button3 #menu3 a:hover {
	color: red;
	text-decoration: none;
}





#menu4{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 172px;
	z-index: 503;
	padding-top:5px;
	padding-bottom:5px;
}
#button4:hover #menu4{
	display: block ;
}
#button4 #menu4 a {
	color: blue;
}
#button4 #menu4 a:hover {
	color: red;
	text-decoration: none;
}




#menu5{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 134px;
	z-index: 504;
	padding-top:5px;
	padding-bottom:5px;
}
#button5:hover #menu5{
	display: block ;
}
#button5 #menu5 a {
	color: blue;
}
#button5 #menu5 a:hover {
	color: red;
	text-decoration: none;
}






#menu6{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 105px;
	z-index: 505;
	padding-top:5px;
	padding-bottom:5px;
}
#button6:hover #menu6{
	display: block ;
}
#button6 #menu6 a {
	color: blue;
}
#button6 #menu6 a:hover {
	color: red;
	text-decoration: none;
}





#menu7{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 160px;
	z-index: 506;
	padding-top:5px;
	padding-bottom:5px;
}
#button7:hover #menu7{
	display: block ;
}
#button7 #menu7 a {
	color: blue;
}
#button7 #menu7 a:hover {
	color: red;
	text-decoration: none;
}





#menu8{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 159px;
	z-index: 507;
	padding-top:5px;
	padding-bottom:5px;
}
#button8:hover #menu8{
	display: block ;
}
#button8 #menu8 a {
	color: blue;
}
#button8 #menu8 a:hover {
	color: red;
	text-decoration: none;
}






#menu9{
	position:relative;
	top: 4px;
	left: 0px;
	background-color:#FFFFCC;
	display: none ;
	border: 1px black solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	text-align:left;
	width: 110px;
	z-index: 508;
	padding-top:5px;
	padding-bottom:5px;
}
#button9:hover #menu9{
	display: block ;
}
#button9 #menu9 a {
	color: blue;
}
#button9 #menu9 a:hover {
	color: red;
	text-decoration: none;
}



.items
{
	border-bottom: 1px black solid;
	margin:0px;
	padding:2px;
}
