.button_	{
		width:201;
		height:28;
		background-image:url(../images/test1_08.gif);

	}
	
.button_over {
		width:201;
		height:28;
		background-image:url(../images/test1_08-over.gif);

	}
	
.button_down {
		width:201;
		height:28;
		background-image:url(../images/test1_08-down.gif);
	

	}

.button_ani {
		width:201;
		height:28;
		background-image:url(../images/test1_08-ani2.gif);
	

	}
	
	
	
.nounderline
	{ color: #333399;
	text-decoration:none;
	
	
	}
	
a.nounderline:hover { text-decoration: none; }
a.nounderline:visited {text-decoration: none;}
a.nounderline:a.nounderline:link  {text-decoration: none;}


.container {
	width: 730px;
	padding: 15px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/menu_bg.jpg);
	text-align:center;
	padding-left: 15px;
}

/* pyramid */

#navPyra {
		font-family:Tahoma;
        margin: 0;
        padding: 0px 5px 0px 30px;
        
		
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 13px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 5px 6px 8px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(pyramid.gif) no-repeat bottom center;
}

</style>
                <style type="text/css">
                
/* code for presentation purpose (CSS preview) */
body {
        font-family: Tahoma,;
        
}

h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}