@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "brandon";
    font-style: normal;
    font-weight: 200;
    src: url('brandon.woff') format('woff');
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(ybbackground3.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}
#header {
	height: 36px;
	background: rgba(0, 0, 0, 0.50);
	border-bottom: 1px solid #333;
}
#overlay {
	background: rgba(238, 103, 0, 0.85);
	height: 100%;
	min-height: 800px;
	padding: 20px 0 0 0;
}
#container {
	width:96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
#page-header {
    background: #EE6700;
	height: 44px;
	margin-bottom: 20px;
	text-align: center;
}
#top-text {
	text-align: center;
	padding: 10px 30px 30px 30px;
}
#top-text h1 {
    font-family: 'brandon',Trebuchet,Arial;
    color: rgb(96, 96, 96);
    font-size: 48px;
	line-height: 1em;
    text-align: center;
	margin: 0;
}
#leftbg {
	background: url(ybbackground-left.jpg) no-repeat center left;
}
#rightbg {
	background: url(ybbackground-right.jpg) no-repeat center right;
}
#ybcenter {
	margin:0 auto;
	padding: 40px 1%;
	background: #FFF;
	border: 1px solid #B74E00;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#footer {
	margin:20px auto 0 auto;
	color:#FFF;
}
#ybcenter h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #016682;
	margin: 0px 0px 10px;
	text-align: center;
}
#ybsearchform p {
    font-family: 'brandon',Trebuchet,Arial;
    color: #333;
    font-size: 14px;
	font-weight: 400;
    text-align: center;
	margin: 0;
}
#ybsearchform a {
	text-decoration:none;
    color: #333;
}
#ybsearchform a:hover {
	text-decoration:underline;
}
#ybsearchformwrap {
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	padding: 10px;
	background: #FBFBFB;
	border: 1px solid #999;
	box-shadow: 0 3px 6px #333;
}
#ybsearchform {
	border: 1px solid #F5F5F5;
	padding: 40px 10px 30px 10px;
	background: #FFF;
}
#ybsearchform td {
	vertical-align: middle;
	border-bottom: none;
}
#ybsearchform .formfield {
	padding: 8px 10px;
	font-size: 28px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 1px 1px 2px #e8e8e8 inset;
}
.ybsubmit {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	border: 1px solid #00A4BF;
	color: #fff;
	padding: 8px 20px;
	text-shadow: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 3px #000;
	background-color: #00A4BF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A4BF), to(#016682)); 
	background: -webkit-linear-gradient(top, #00A4BF, #016682); 
	background: -moz-linear-gradient(top, #00A4BF, #016682); 
	background: -ms-linear-gradient(top, #00A4BF, #016682); 
	background: -o-linear-gradient(top, #00A4BF, #016682);
	progid:DXImageTransform.Microsoft.gradient(startColorstr=#00A4BF, endColorstr=#016682);
}
.ybsubmit:hover {
	cursor: pointer;
	background-color: #008EA8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008EA8), to(#01556D)); 
	background: -webkit-linear-gradient(top, #008EA8, #01556D); 
	background: -moz-linear-gradient(top, #008EA8, #01556D); 
	background: -ms-linear-gradient(top, #008EA8, #01556D); 
	background: -o-linear-gradient(top, #008EA8, #01556D);
	progid:DXImageTransform.Microsoft.gradient(startColorstr=#00A4BF, endColorstr=#016682);
}

@media screen and (max-width: 900px) {
#container {
	width:99%;
}
#ybcenter {
	padding: 40px 0;
	/*border: none;
	-moz-border-radius: 0;
	border-radius: 0;*/
}
#ybsearchformwrap {
	width: 90%;
	max-width: 480px;
}
}
@media screen and (max-width: 760px) {
#container {
	padding: 0;
}
#top-text h1 {
    font-size: 32px;
    color: #FFEDDF;
}
#ybcenter {
	padding: 0;
	background: none;
	border: none;
	-moz-border-radius: 0;
	border-radius: 0;
}
#leftbg {
	background: none;
}
#rightbg {
	background: none;
}
}