/* Master CSS Doc */
html {
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #B0C8FF;
	background-image: url(/images/jpg/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
h1, h2, h3, h4, h5, p {
	padding: 0px;
	margin: 0px;
}
ul, ol, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
a{
  outline: none;
}
a:active{
  outline: none;
}
a img {
	border: none;
}
#header {
	width: 100%;
	height: 79px;
	background-image: url(/images/jpg/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer {
	clear: both;
	width: 100%;
	height: 50px;
	background-image: url(/images/jpg/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#center_back_thin {
	width: 100%;
	background-image: url(/images/jpg/body_thin.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#center_back_ribbon {
	width: 100%;
	background-image: url(/images/jpg/body_ribbon.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#center {
	clear: both;
	width: 780px;
	min-height: 215px;
	height: auto !important;  /*!important will take presidence over the below height setting in IE7, Firefox, Safari, Opera */
	height: 215px;	 /*min-height hack, this height declaration only used by IE6 and below */
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	display: table; /* This is very important, it lets the div expand to fit the content, while repeating the bg image correctly */
}
#home_button {
	height: 49px;
	width: 800px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#home_button a {
	width: 285px;
	height: 38px;
	display: block;
}
#home_button a span{
	display: none;
	visibility: hidden;
}