html,body {
   margin:0 auto;
   padding:0;
}
/* define block positions */
body {
  background: #dad0ba;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #336699;
  text-align:center;
  height:100%;
  background: url("../images/bodybg.png");
}
div.yf_wrap {
  width: 988px;
  margin: 0 auto;
  padding: 0px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
  text-align:left;
}

div.yf_header {
  width: 100%;
  /*height: 412px;*/
  margin: 0;
  float:left;
  /*background:url("../images/headerbg.jpg") no-repeat 0px 0px;*/
}

div.yf_logo {
  width: 50%;
  height: 150px;
  margin: 0;
  float:left;
  background:url("../images/logo.jpg") no-repeat 0px 0px;
}

div.yf_flashbanner {
  width: 100%;
  /*height: 250px;*/
  margin: 0px;
  float:left;
}

div.yf_timezone {
  width: 100%;
  margin: 0px;
  float:right;
  text-align:right;
}

div.yf_search {
  width: 40%;
  margin: 5px 20px 0 0;
  float:right;
  color: #3a5192;
  text-align:right;
}
div.yf_content {
  width: 100%;
  float:left;
  background:url("../images/mainbg.png") repeat-y 2px 0px;
}
div.yf_left {
  width: 250px;
  float:left;
  margin: 10px 0 0 20px;
  line-height: 2;
}
div.yf_breadcrumb {
  clear:both;
  font-size:16px;
  color:#3a5192;
}
div.yf_main {
  width: 660px;
  float: right!important; /* IE7+FF */
  _float: none;
  margin: 10px 20px 0 20px;
}

div.yf_bottom {
  width: 100%;
  float: left;
  margin: 0;
  /*background: url("../images/bottombg.png") no-repeat 2px 0px; */
}
div.yf_bottom_inner {
  width: 948px;
  float: left;
  margin: 0;
  background: #3a5192; 
  padding: 20px;
}
div.yf_bottom div.yf_user1, div.yf_bottom div.yf_user2, div.yf_bottom div.yf_user3{
  width: 100%;
  float: left;
  width: 305px;
}

div.yf_footer {
  width: 100%;
  margin: 0;
  clear:both;
  text-align: center;
  font-size: 10px;
  color: #999282;
}

div.yf_menu {
  width: 100%;
  margin: 0;
  float:left;
}


/* define headers */
h1, h2, h3, div.componentheading, div.contentheading {
  color: #336699;
  margin: 0px;
}
div.yf_bottom h1, div.yf_bottom h2, div.yf_bottom h3,div.yf_bottom div.componentheading, div.yf_bottom div.contentheading {
  color: #ffe2c0;
}
div.yf_left h1, div.yf_left h2, div.yf_left h3,div.yf_left div.componentheading, div.yf_left div.contentheading {
  color: #336699;
  text-decoration: none;
}
h1, div.componentheading {
  font-size: 20px;
}
h2, div.contentheading {
  font-size: 16px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 16px;
}

/* define the menus and lists */
ul {
  list-style-type: square;
}
ul li a, a {
  color: #3a5192;
  text-decoration: none;
}
ul li a:hover, a:hover {
  text-decoration: none;
  color: #ff0000;
}
div.yf_bottom ul li a, div.yf_bottom a {
  color: #ffe2c0;
}
div.yf_bottom ul li a:hover, div.yf_bottom a:hover {
  color: #e4edf8;
}
div.yf_menu ul {
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: 30px;
  color: #336699;
}
div.yf_menu ul li
{
  display:inline;
  float:left;
  padding: 0;
  text-align: center;
}
div.yf_menu ul li a
{
  height: 30px;
  display:block;
  padding: 5px 10px 0 10px;
  text-decoration:none;
  font-weight: bold;
  margin:0px;
  font-size:18px;
  color: #336699;
}

div.yf_menu ul li a:hover, div.yf_menu ul li#current a
{
  text-decoration:underline;
}
 
/* buttons and other input fields */
button, input.button {
  color: #e4edf8;
  font-size: 10px;
  height: 18px;
  background: #3a5192; 
  border: 0px solid #0a1523;
  padding: 1px 15px 5px 15px;
  cursor: pointer;
}
button:hover, input.button:hover {
  color: #e4edf8;
  border: 0px solid #e4edf8;
}
input.inputbox, textarea, select {
  background: #FFFFFF;
  border: 0px solid #3a5192;
  margin: 5px;
}

/* normal links */
a img {
  border: 0px;
}

/* define contact section */
.contact_email {
  text-align: left;
}
.contact_email label {
  float:left;
  width: 150px;
}
.contact_email label.contact_textmsg, .contact_email label.copy {
  width: 380px;
}
.contact_email input {
  margin:3px;
}
.contact_email input#contact_email_copy {
  margin:3px;
  padding:0px;
  width:15px;
  float:left;
}
.contact_email input.inputbox, input.inputbox, input.required {
  width:150px;
}

/* some general stuff */
img {
  margin: 5px;
}
p {
  padding: 0;
  margin: 5px;
}
p.iteminfo, p.articleinfo {
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #999282; 
  overflow:hidden;
}
p.iteminfo span, p.articleinfo span {
  float:left;
  clear: both;
  width: 100%;
}
span.dropcap {
  color: #802013;
  margin: 0px;
  font-size: 30px;
}
span.small {
  font-size: 10px;
  color: #999282;
}
p.counter {
  text-align: center;
}
ul.pagination {
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
ul.pagination li
{
  display:inline;
  padding: 0 5px 0 5px;
  text-align: center;
}
div.yf_breadcrumb img {
  display:none;
}
div.yf_breadcrumb a {
  padding:0 20px 0 0;
  background: url("../images/bullet.png") no-repeat right -2px;
}