@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #444444;
	font: 100%/150% Arial, Helvetica, sans-serif;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #333;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#main {
	width: 580px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10px;
	float: left;
	height: 880px;
}
#sidebar { 
	width: 280px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #CCC;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: right;
	padding: 10px;
	height: 880px;
}
#header { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(assets/header.png);
	color: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
	padding: 0px;
	height: 150px;
}
#footer { 
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #262626;
	color: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
	padding: 10px;
	height: 50px;
}
.bigtype {
	font: 140%/130% Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.smalltype {
	font: 70%/110% Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.smallrighttype {
	font: 70%/110% Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.righttype {
	font: 100%/150% Arial, Helvetica, sans-serif;
	text-align: right;
}
.lefttype {
	font: 100%/150% Arial, Helvetica, sans-serif;
	text-align: left;
}
.bluetype {
	color: #0079C1;
	font: 120%/120% Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.smallbluetype {
	font: 90%/110% Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #0079C1;
}
.paddingright {
	padding: 0px 7px 0px 0px;
	float: left;
}
.paddingrightsimg {
	margin: 0px 13px 24px 0px
}
.paddingdownsimg {
	margin: 0px 0px 24px 0px
}
a:link, a:visited {
	color: #0079C1;
	text-decoration: none;
}

a:hover {
color: #000;
border-bottom: none;
}
#simg
{
  display: block;
  width: 135px;
  height: 90px;
  float: left;
  border: solid 1px silver;
}
#simg:hover
{ 
  background-position: 0 -90px;
}
#simg span
{
  display: none;
}
.wcimg1
{
  background:url("assets/r_wc01.jpg") no-repeat 0 0;
  margin: 0 10px 24px 0;
}
.wcimg2
{
  background:url("assets/r_wc02.jpg") no-repeat 0 0;
  margin: 0 10px 24px 0;
}
.wcimg3
{
  background:url("assets/r_wc03.jpg") no-repeat 0 0;
  margin: 0 10px 24px 0;
}
.wcimg4
{
  background:url("assets/r_wc04.jpg") no-repeat 0 0;
  margin: 0 0 24px 0;
}