body
{ 
background-image:  url(..//jpg/bg.jpg);
background-repeat:repeat-y;
background-position:top; 
font-size:100%;
}

h1
{
position:fixed;
width: 100%;
top: 0px;
z-index:1;
}

h2
{
position:fixed;
width: 100%;
bottom:-30px;
left:0px;
z-index:2;
}

/*above is the page properties css*/
/*--------------------------*/
/*below is the drop down menu css*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}
	

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 80px;
	/*main menu text color*/
    color: #ffcd0a;
	/*main menu bg color*/
	background: #8b775a;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
    /*main menu bg on roll over*/
{	background: #3b3016;
    /*main menu color on roll over*/
    color: #ffcd0a;}

#sddm div
{	position: absolute;
	visibility: hidden;
	/*dropdown spacing from main menu*/
	margin: 2;
	padding: 0;
	/*inside border bg*/
	background: #3b3016;
	/*outside border bg*/
	border: 1px solid #996633}

	#sddm div a
	{	position: relative;
		display: block;
		/*inside border thickness*/
		margin: 1;
		/*linespace - borderspace*/
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		/*dropdown bg color*/
		background: #7b1b14;
		/*text color static*/
		color: #ffcd0a;
		font: bold 12px arial}

	#sddm div a:hover
	    /*text bg color static*/
	{	background: #c54831;
	    /*text color on rollover*/
		color: #ffcd0a}
		
		brown 8b775a
	    red 3b3016
		yellow ffcd0a