body   {	
		background-color: white;	
		color: rgb(55,60,55);
		font:  bold 1em/1.2em  "Trebuchet MS", Helvetica,
			Arial, Geneva, sans-serif;
		margin: 0;
		padding: 0;	
		width:100%;
}

div#wholepage   {
		background-color: rgb(250,250,250);	
		border: .3em solid rgb(55,60,55);
		color: rgb(55,60,55);
		margin-top: 1em;
		margin-left: auto;
	    margin-right: auto;
		max-width: 1160px;
        padding: 0;
		width: 97%;
}

	/*   Banner Section    */
#banner   {
		background-color: rgb(220,230,220); 
		border-bottom: thin solid  rgb(55,60,55);
		color: rgb(55,60,55);
		width: 100%;
}

#banner p  {float:right;
}

#banner h1  {
		float:left;
		font:  bold 2em/2em  "Trebuchet MS",  
			Helvetica, Arial, Geneva, sans-serif;
		margin-left: 1.2em;
		text-align: center;
}

	/*  Navbar1 - Horizontal    */   
#navbar1 {
		background-color: rgb(220,230,220); 
		border-bottom: thick solid rgb(55,60,55);
		margin:0;
		padding: 0;
		width: 100%;
}

#navbar1   ul {
		clear: both;
		color: inherit;
		list-style-type: none; 
		margin:0;
		padding: 0;
		width: 100%;
}	
			
#navbar1   ul   li   {
	   display:inline;
	   font-size: 1em;
	   font-weight: 600;
	   text-align: center; 
}    
      
#navbar1   ul   li   a    { 	
		background-color: rgb(223,221,221);
		border-left: 1em solid rgb(35,100,35);
		border-right: 1em solid rgb(35,100,35); 
		border-top: thin solid rgb(35,100,35);	
		color: rgb(17,50,17);	
		padding: 0 1em 0 1em;  
		text-decoration:none;    			
}

#navbar1  ul  li a:link   {
		color: rgb(151,12,0);
		background-color: rgb(223,221,221);
                }
#navbar1  ul  li a:visited   {
		color: rgb(80,100,80);
		background-color: rgb(223,221,221);
}

#navbar1  ul  li a:hover {
		background-color: rgb(0,0,0);
		border-left: 1em solid rgb(35,100,35);
		border-right: 1em solid rgb(35,100,35);
		color: rgb(255,255,255);
} 
  
#navbar1  ul  li a:active    {
		background-color: rgb(35,100,35);
		color: rgb(255,255,255);           
}

#navbar1    ul   li   a.currentpage        {
		background-color: rgb(223,221,221);
		border-top: thin solid rgb(35,100,35);
		color: rgb(15,50,15);
}
               		
	/*  Navbar 2 - vertical  - on left */ 
#navbar2 {
		background-color:rgb(223,221,221);
		border-right: medium solid rgb(35,100,35);
		border-bottom: medium solid rgb(35,100,35);
		color:  rgb(158,10,30);
		float:left;
		letter-spacing: .07em;
		padding-bottom: 1em;
		width: 170px;
}
  
#navbar2 h5   {	
		font-size: 1em;
		margin-bottom: -.6em;
		padding: .5em;
		padding-bottom: 0;
}

div > h5:first-child   { margin-top: 1em;  }

#navbar2 ul   {
		border-bottom: 1px solid rgb(223,221,221);
		font-size: .9em;
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
}

#navbar2 ul li   {
		background-color: rgb(250,250,250);
		border-top:1px solid rgb(223,221,221);
		list-style: none;
		margin: 0;
		padding: 0.25em  0 0.25em  .6em;		
}

#navbar2 ul li  a    {
		color: rgb(158,10,30);
		text-decoration: none;
		margin-left: 2em;
}		
			
#navbar2 ul li  a :link { 
        background-color:white;
		color: rgb(158,10,30);
}
 
#navbar2  ul li a:visited  {
        background-color:white;
		color:  rgb(80,100,80);
}
 
#navbar2  ul li a:hover{
		background-color:black;
        color:  white;            
} 
			
#navbar2 ul li a:active   {
		background-color: white;
        color: rgb(158,10,30);
		outline: medium solid rgb(80,100,80);
}

#navbar2  ul   li.currentpage        {
		background-color: rgb(223,221,221);
		border-bottom: thin solid rgb(35,100,35);
		color: rgb(15,50,15);
}
 
#navbar2   ul   li   a.currentpage        {
		background-color: rgb(223,221,221);
        color: rgb(17,50,17); 
margin-left: .3em;		
} 
			
	/*  Contents section   */ 
#content {
		color: rgb(55,60,55);
		background-color: rgb(250,250,250);
		float: left;
		font-size: 1em;
		margin: 0 1em;
		width: 48%;
}
 
#content, #sponsors , #footer  {
		font:  bold 1em/1.2em  "Trebuchet MS", 
			Helvetica,  Arial, Geneva,sans-serif;
}  

#content form   {
		width:	100%;
		border:	2px solid rgb(35,100,35);
		margin: 0; 
		padding: 0;	
}

legend  {
		font-family:  Monaco, Lucida Console, monospace;
		padding: .5em;
}
#content form input	{
		background-color:  rgb(220,230,220);
		border:	1px solid rgb(35,100,35);
		color:	rgb(0,20,5);
		
}

#content form select{ 
		margin: 0 1em;
		padding: 0 1em;

}
#content form div   {
		clear:   left;
		margin: 0;
		padding:   0;
		padding-top: 0.6em;
}


div.row {
	clear: both;
	padding-top: 5px;
  }

div.row  .label {
	float: left;
	width: 48%;
	text-align: right;
  }

div.row .input   {
	width: 48%;
}

div.row .select   {
	width: 120px;
}

select   {
	width: 95%;
}

div.row .input, div.row .select {
	float: right;
	text-align: left;
  } 

textarea   {
	height: 4em;
	color: inherit;
	background-color: rgb(220,230,220);
 }
 
option   {
	color: inherit;
	background-color: rgb(220,230,220);
} 
		
#sponsors {	
		background-color: rgb(250,250,250);
		color: rgb(0,0,0);   
		float: right;			
		margin: 0 1.2em 0 1em;
		min-width: 220px;
		max-width: 300px;
}
#sponsors p {
		width: 220px;
}
 
	/* Right panel - Photo section   */ 
#sponsors h5, sponsors p {
		font-size: 1.1em;
		margin-left: 1em;	    
}
				
	/*  Sponsors - also contains contact address */ 
#sponsors  a    {
		color: rgb(158,10,30);
		text-decoration: none;
}			
			
#sponsors  a :link { 
		background-color: rgb(250,250,250);
        color: rgb(158,10,30);
}
 
#sponsors  a:visited  {
		background-color: rgb(250,250,250);
        color:  rgb(80,100,80);
} 
			
#sponsors   a:hover{
		background-color: black;
        color: rgb(250,250,250);
}
 
#sponsors  a:active   {
		background-color: rgb(250,250,250);
        color: rgb(158,10,30);
		outline: medium solid rgb(80,100,80);
}

/*   Footer Section    */
#footer   {
		background-color: white;
		border-top: solid 2px black;
		clear: both;
		color: rgb(17,50,17); 
		font-size: .7em; 
		font-weight: bold;
		padding-bottom: .3em;
		text-align: center;  
		width: 100%;			
}