.list-shadow {
background-color: #fff;
margin: 0 10px 0 0;
border: 1px solid #a9a9a9;
padding: 2px;
-moz-box-shadow: 3px 3px 4px #888;
-webkit-box-shadow: 3px 3px 4px #888;
box-shadow: 3px 3px 4px #888;
max-width:75px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888');
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666');
}

/* New shadow code 5/1/2011 */
.alpha-shadow {
	float:left;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: -2px 0 0 0px !important;
	margin: -2px 20px 0 0px;
	}

.alpha-shadow div {
  background: url(images/shadow2.png) no-repeat left top !important;
  background: url(images/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 2px;
  margin: 0 0px 0 0;
  }

/* More Custom CSS */


/* CUSTOM inserted by Paul F.*/

/* Begin Images */ 
p img { padding: 0; max-width: 100%; } 

/* Using 'class="alignright"' on an image will (who would've thought?!) align
the image to the right. And using 'class="centered', will of course center the
image. This is much better than using align="center", being much more
futureproof (and valid) */ 

img.centered { display: block; margin-left: auto; margin-right: auto; } 
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } 
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } 
.alignright { float: right; } 
.alignleft { float: left; } 
/* End Images! */

/* two-column */
#outer{
    position:relative;
    width:100%;
}
#inner1{
    position:relative;
    margin-top:0px;
    height:100%;
    width:125px;
    float:left
}
#inner2{
    position:relative;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:20px;
    height:100%;
    width:350px;
	float:left
}
/* end two-column */

/* button stuff */

/* HIDDEN - NOT IN USE AS OF 5-16-2011

		#container{
			margin: 1em;
		}
		.button{
			width: 120px;
			height: 24px;
			padding: 5px 16px 3px;
			-webkit-border-radius: 16px;
			-moz-border-radius: 16px;
			border-radius: 16px;
			border: 2px solid #ccc;
			margin: 1em 0 2em;
			position: relative;
			
			<!-- LABEL -->
			font-family: Lucida Sans, Helvetica, Verdana, sans-serif;
			font-weight: 600;
			color: #fff;
			text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
			text-align: center;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis; 
			overflow: hidden;
		}
		
		.button:hover {
			text-shadow: rgb(255, 255, 255) 0px 0px 5px;
		}
	
		.button .glare {
			position: absolute;
			top: 0;
			left: 5px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			height: 1px;
			width: 142px;
			padding: 8px 0;
			background-color: rgba(255, 255, 255, 0.25);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
			background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
		}
		
		.aqua{
			background-color: rgba(60, 132, 198, 0.8);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
			background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
			border-top-color: #8ba2c1;
			border-right-color: #5890bf;
			border-bottom-color: #4f93ca;
			border-left-color: #768fa5;	
			
			-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
			-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px; <!--  FF 3.5+ -->
		}
		
		.orange{
			background-color: #ee5526;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 85%, from(rgba(246, 132, 36, 0.8)), to(rgba(239, 97, 49, 0.9)));		
			background-image: -moz-linear-gradient(rgba(246, 132, 36, 0.8) 0%, rgba(239, 97, 49, 0.9) 85%);	
			border-top-color: #f7a250;
			border-right-color: #f7a050;
			border-bottom-color: #ef925e;
			border-left-color: #f6a460;	
			-webkit-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
			-moz-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
		}
		

		<!-- update -->
		input[type=button] {
		  appearance: push-button; <!-- expected from UA defaults -->
		}
		
		input[type=button].new-aqua {
			width: 155px;
			height: 35px;
			
			background: #cde; 
			border: 2px solid #ccc; 
			border-color: #8ba2c1 #5890bf #4f93ca #768fa5; 
			font: 600 16px/1 Lucida Sans, Verdana, sans-serif; 
			color: #fff; 
			text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
			text-align: center; 
			vertical-align: middle; 
			white-space: nowrap; 
			text-overflow: ellipsis; 
			overflow: hidden;
			border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
			box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
			-moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
			-webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf , inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
		}
		.mozaqua:hover {text-shadow: rgb(255, 255, 255) 0px 0px 5px;}

 END HIDE BUTTON STUFF */
 
/*  

Here's the HTML code for the button

<div class="button aqua">
  <div class="glare"></div>
  Button Label
</div>

*/
/*  end button stuff */

h1, h2, h3 {color: #941515;font-weight: bold;}
h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 14px;}

a:hover
{
	color: #911;
	text-decoration: underline;
}