* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
  background: #9f9f9f;
  color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

#center {
	padding: 0;
	width: 770px;
	margin: 0 auto;
}

#container {
	padding: 0;
	width: 770px;
	margin: 0;
	position: relative;
	clear: both;
	float: left;
	display: block;
}

#top {
  margin-top: 10px;
  color: #ffffff;
}

#top h1 {
  text-align: left;
	font-size: 9px;
	padding: 10px 10px;
}

#top_banner {
  background: #8e0008;
  width: 770px;
  height: 42px;
}

#header {
  background: #ffffff;
  width: 770px;
  height: 178px;
}

#logo {
  background: #ffffff url('images/logo.jpg') no-repeat;
  width: 255px;
  height: 178px;
  float: left;
  display: block;
}

#banner {
  background: #8e0008 url('images/cherryoc_banner.jpg') no-repeat;
  width: 515px;
  height:178px;
  float: left;
  display: block;
}

#bottom_banner {
  background: #8e0008;
  width: 770px;
  height: 13px;
}

#content {
  background: #ffffff;
  width: 770px;
  height: auto;
  display: block;
  float: left;
}

#left_panel {
  background: #be1e2d;
  width: 255px;
  height: 100%;
  float: left;
  display: block;
}

#right_panel {
  background: #ffffff url('images/graphic.jpg') bottom right no-repeat;
  border: none;
  color: #58595b;
  padding: 10px 10px 5px 10px;
  width: 495px;
  float: right;
  display: block;
}

#right_panel h2 {
  color: #8e0008;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
  font-weight: bold;
  padding: 20px 0px 10px 15px;
}

#right_panel h3 {
  color: #8e0008;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
  font-weight: bold;
  padding: 20px 0px 10px 15px;
}

#right_panel p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #58595b;
  padding: 10px 10px 10px 15px;
}

#right_panel ul {
	margin: 10px;  
	padding-left: 15px;
}

#right_panel li {
	margin: 10px;  
}

#right_panel a {
  color: #be1e2d;
}

#right_panel a:hover {
  color: #58595b;
}

#footer {
  display: block;
  float: left;
  clear: both;
  background: #8e0008;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  font-size: 9px;
  width: 750px;
}

#footer a {
  color: #9f9f9f;
}

#footer a:hover {
  color: #ffffff;
}

#copyright {
  width: 500px;
  float: left;
  display: block;
}

#jazeffect {
  float: right;
  text-align: right;
  padding-right: 10px;
  display: block;
}