@font-face {
    src: url("files/MyriadPro-Regular.otf");
}
body {
    font-family: 'MyryadPro',verdana,helvetica,arial,sans-serif;
/*	background-color: #872A09;
	        padding-top: 60px;
        padding-bottom: 40px;
*/
}
.banner {
 	background-color: #ee9408;
    border-bottom: 7px solid #ee9409;
}

.banner img {
    display: block;
/*    margin-left: auto;
    margin-right: auto;
*/    width: 1160px;
}

#languages{
background-color:#df8b07;
}

#languages ul li#spanish {
	color: #FFFFFF;
	text-decoration: none;
}

#languages ul li a {
    color: #7c090c !important;
}

.hero-unit a {
  color: #7e0a0d !important;
  text-decoration: underline !important;
}


.hero-unit h1 {
    color: #7f0d0d;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
	font-weight: bold;
    text-transform: uppercase;
	padding-bottom: 0.4em;

}

.hero-unit h2 {
    color: #7f0d0d;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
	font-weight: bold;
    text-transform: uppercase;
	padding-bottom: 0.4em;

}
/*

h2 {
    color: #7f0d0d;
    font-weight: bold;
    text-transform: uppercase;
	padding-bottom: 0.4em;
}*/

blockquote p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.35;
    margin-bottom: 0;
	border-right: #993300 solid 4px;
	padding-left: 14px;
	padding-right: 14px;
}

ul li {
list-style:none;
} 

.footer {
	text-align:center;
	color:#f8cc8e;
	height: 5em;
    bottom: 0;
    width: 100%;
    background-color: #872a09;
 
}

.footer a {
	color:#fff;
}

div .imgright {
	width: 200px;
}
.imgright {
	/*background-color: #FFF0D5;*/
	background-color: #ffffff;
	float:right;
	margin-left: 10px;
}
div .imgleft{
	width: 220px;
}
.imgleft {
	background-color: #ffffff;
	float:left;
	margin-right: 10px;
	margin-left: 12px;
}
.imgright p, .imgleft p {
	font-size:.9em;
	margin:3px;
	line-height: 1.2;
	color:#872a09;

}

#tabs{
	font-size: 1em;
	font-family:"Trebuchet MS", sans-serif; 
	margin-left: 15px; 
	width:95%;
}
#facts {
     -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFF0D5;
    border-color: #993300;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    float: right;
	margin-top: 35px;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 18em;
}
#facts h3 {
	background-color: #993300;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 3px 10px;
}
#rights {
     -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFF0D5;
    border-color: #993300;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    float: right;
    margin-bottom: 5px;
    width: 100%;
}
#rights h3 {
	background-color: #993300;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 3px 10px;
}

#brandbar {
    background: url("/common/images/brandbarbkgd.jpg") repeat-x scroll 0 0 #c2c6cf;
    height: 28px;
}

#skiplink {
	padding: 0px;
	margin: 0px;
	clear: both;
	font-size: 10px;
	display: inline;
	color: #ffffff;
}
#skiplink a {
	color:#ffffff;
}
#skiplink a:focus, div#skiplink a:active
{
	color:#ffffff;
	background-color: #ffffff;
}

/*New social media*/
.stickynote {
position:fixed;
width: 30px;
height:176px;
background-color: #fffff !important ; 
padding:4px;
-moz-box-shadow: 3px 3px 4px #333;
-webkit-box-shadow: 3px 3px 4px #333;
box-shadow: -4px 3px 4px #666;
border-left: #999 1px solid; border-bottom: #999 1px solid; border-top:0px; border-right:0px; 
bottom:38%; right:18px;
opacity:1;
visibility: visible; }
.stickynote img { padding:5px 2px 2px 2px; border: 0px; margin-top:0;}
.stickynote a:link, .stickynote a:visited { text-decoration:none; border-bottom: 0px; }
.hiddennote { visibility: hidden; display:none;}
/* ul#floatingsocialbar{display:inline;} */
ul#floatingsocialbar li {display:inline; float:right; background-image:none; padding:0; margin: 0 -13px 0 0;}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
	 .container { width:1024px !important;	 
	 }
	 
}

@media only screen and (min-device-width: 320px) and (max-width: 480px) and (orientation:landscape){

   div #languages  { display:none !important; }

}