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


body {
	background: #3d3d43 url(images/concept1_back.jpg) top left repeat-x;
	font: 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto;
	padding:0;
}



#container {
width:85%;
margin: 0 auto;
padding: 0;
text-align:left;
min-width:970px;
}

#header {
width:100%;
height:128px;
background:url(images/yff_logotop.jpg) bottom left no-repeat;
}

.center {
text-align:center;
}
/* navbar starts
=============== */

#navbar {
width: 100%;
height: 39px;
margin:0;
padding:0;
background:url(images/yff_logobottom.jpg) 97px 0px no-repeat;
}

#navbar ul {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}

#navbar ul a {
	display: block;	
	float: left;
  	padding: 0 25px;
    line-height: 39px;
	text-decoration: none;
	border-bottom:none;
	text-align:center;
	color: #FFF;
}

#navbar ul li {
  float: left;
}

#navbar a:hover, #navbar .selected a {
	color: #FFFF00;
	text-decoration:none;
}

/* end navbar */

/* Sidebar Starts 
================== */

.sidebar {
  width: 24%;
  float:left;
  background-color: #6988a6;
  border: 1px solid #979797;
  margin-top: 30px;
  }

.sidebar h2 {
  padding-top: 20px;
  padding-bottom:0;
  border:none;
  margin:0;
  color:#FFFF00;
  font:bold 1.1em/1.0em Helvetica, Arial, sans-serif;
}

.sidebar .last {
  background: url(images/sidebar_bottom.jpg) no-repeat left bottom;
  padding-bottom: 20px;
  margin:0;
}

.sidebar h2, .sidebar p {
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar p {
font-size: 0.8em;
line-height: 1.6em;
color:#FFFFFF;
}

/* end sidebar */

/* MainContent starts 
======================= */

.maincontent {
  width: 73%;
  background: url(images/mainbox_btmleft.png) no-repeat left bottom;
  float:right;
  margin-top:20px;
font: 0.9em "Trebuchet MS", Verdana, sans-serif;
}

.maincontent-outer {
  background: url(images/mainbox_btmright.png) no-repeat right bottom;
  padding-bottom: 3%;
}

.maincontent-inner {
  background: url(images/mainbox_topleft.png) no-repeat left top;
}

.maincontent h1, .maincontent h2, .maincontent h3 {
font-family:Arial, Helvetica, sans-serif;
}

.maincontent h1 {
	background: url(images/mainbox_topright.png) no-repeat right top;
	padding-top: 3%;
	border:none;
	color:#006699;
	font-size:1.5em;
}

.maincontent h2 {
padding-top:10px;
font-size:1.3em;
}

.maincontent h3 {
font-style:italic;
font-size:1.0em;
}

.maincontent h1, .maincontent h2, .maincontent h3, .maincontent p {
  padding-left: 30px;
  padding-right: 30px;
  margin-top:0;
  line-height:1.4em;
}

.maincontent em {
font-style:italic;
}

/* MainContent ends */

/* Pseudo Classes 
==================== */

a:link, a:visited {
color:#003399;
text-decoration:none;
border-bottom: 1px solid #c91c00;
}

a:hover, a:active {
	color:#FFFF00;
	background:#c91c00;
	border:none;
}

/* Footer 
========== */

.footer {
clear:both;
margin-bottom:10px;
}

.subfooter {
	width: 73%;
	float:right;
	text-align:right;
	color:#999999;
	font: 0.8em/1.0em Arial, Helvetica, sans-serif;
	padding-top:5px;
}

img, img a.hover {
border:none;
text-decoration:none;
background:none;
}