/* home-layout-20.22.css */

body        { background: gray; }


#header     { background: black; color: white; }
#sitenav ol { padding: 0; margin: 0; 
              display: inline; }
#sitenav li { display: inline; padding-left: 1em; 
             }
#sitenav li:first-child 
            { padding-left: 0; border-left: none; 
              margin-left: 0; }
#sitenav li a { color: white; }
#main       { padding: 0 1em 1em 11em; 
              position: relative; 
              background: gray; }
#content    { background: black; }
#sidebar    {  position: absolute; width: 10em; 
  top: 11em; left:1em;}
#sidebar h3 { color: white; 
              background: black; }
#sidebar ol { margin: 0 0 1em 0; 
              background: white; 
              border: 2px solid black; }

			  
#footer     { background: white; }
			  
			  

			  
button.css3button 
{
	width:10em;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003d6b;
	padding: 5px 50px;
	background: -moz-linear-gradient(
		top,
		#a9d0f2 0%,
		#276791);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a9d0f2),
		to(#276791));
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border: 0px solid #0a4c87;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
		padding: 0.125em 0.25em; 
}