body {
	background : #ccc;
	margin : 0;
	padding : 5px 15px;
	font : x-small/1.0em 'Lucida Grande', Verdana, Arial, Sans-serif;
	font-size : small;
}
a:link, a:visited, a:hover {
	color : black;
	text-decoration : none;
}
img.border {
	border : 1px solid #999;
}
p {
	text-align : justify;
}
#content {
	width : 786px;
	margin : 0 auto;
	background : url("mid.jpg") repeat-y;
}
#page {
	width : 700px;
	margin : 0 auto;
}
#header {
	background : url("top.jpg") no-repeat 0% 0%;
	height : 66px;
	text-align : center;
	padding : 0px 0px 0px 0px;
}
.titlebar	{
	padding : 15px 10px;
	font-size : small;
}
#sidebar {
	width : 230px;
	margin : 15 0 15 0px;
	padding : 0 0 20 0px;
	float : left;
	background : #F6F6F6;
	float : left;
	font-size : 90%;
	line-height : 1.3em;
	border : 1px solid #ccc;
}
h2 {
	font-size : 14px;
	line-height : 3em;
}
.main{
	width : 430px;
	float : right;
	margin : 10 15 10 0;
	font-size : 100%;
	line-height : 1.3em;
	padding : 15px 0px;
}
.article-title {
	margin : 0;
	font-size : 145%;
	line-height : 1.5em;
	text-shadow: 0px 3px 3px #ccc;
	padding : 20px 0px 20px 0px;
	color : #666;
}
#footer {
	background : url("bot.jpg") no-repeat 0% 0%;
	height : 48px;
	clear : both;
	margin : 0;
}
.button a {
	padding : 2px;
	font-size : 12px;
	text-decoration : none;
	text-align : center;
	display : block;
	background-color : white;
	border : 1px solid #dfdfdf;
}
.button a:hover {
	color : white;
	background : url("wbsgrad.jpg");
	border: 1px solid black;
}
.sidebutton a {
	padding : 2px;
	padding-left : 8px;
	font-size : 12px;
	text-decoration : none;
	text-align : left;
	display : block;
}
.sidebutton a:hover {
	background-color : #C6D2D9;
}
.spacer {
	height : 100px;
}