body {			
	background: white url('img/bggrad.png') top left repeat-x;	
	/*font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;*/
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;	
	font-size: small;
}
p {
	text-align: justify;
}
.floatLeft { 
    float: left; 
    margin: 5px; 	
}
.floatRight { 
    float: right; 
    margin: 5px;	
}
hr {
	color: LightSteelBlue;
	background-color: LightSteelBlue;
	height: 1px;
	width: 100%;
}	
.whitebox {		
	background-color: ghostwhite;	
	border: double 3px LightSteelBlue;
	padding: 15px;	
}
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
a {
	color: SteelBlue;
	text-decoration:none;
}
a:hover {
	color:	red;
	background: Snow;
}
cite {
	/*background: url(img/quote.gif) no-repeat;*/
	color: #456;
	display: block;
	font: normal 1.0em "Lucida Sans Unicode",serif;
	padding-left: 10px;
	}

/* this (IE specific) effect from http://home.tampabay.rr.com/bmerkey/examples/opacity-hover.html */
a.menu {
display: block;
font-size: 13px;
font-weight: bold;
color: white;
background-color: SlateGray;
width: 200px;
text-align: center;
padding: 5px;
text-decoration: none;
filter: alpha(opacity=100,finishopacity=0,style=2,startX=10,startY=10,finishX=200,finishY=200)
}

a.menu:hover {
background-color: #39c;
color: black;
}

/* Shadow CSS from http://www.cssplay.co.uk/menu/shadow2.html/
.whiteboxouter {		
	background:#bbb; 
	border:1px solid #ddd; 
	position:relative;
	margin:1em 0;
}	
.ltin{left:-5px;}
.tpin{top:-5px;}
*/