/* Banner - New styles revised by Teresa */

/* Banner School Food  */

div#banner-sf{
	height:115px;
	margin:0;
	padding:0px;
	width:100%;
	background-image: url("../images/banner-final.gif");
	background-repeat: no-repeat;
}

    div#banner-sf a.logo1 {
        width: 125px;
        height: 90px;
        float: left;
        text-indent: -9999px;
        background-image: url("https://www.opt-osfns.org/schoolfoodny/resources/application.gif");
        background-repeat: no-repeat;
        margin-top: 25px;
        margin-right: 0;
        margin-bottom: 0;
    }
    div#banner-sf a.logo2 {
        float: right;
        text-indent: -9999px;
        background-image: url("https://www.opt-osfns.org/Centralization_CSSV2/OSFNS/Dept-images/logo.gif");
        background-repeat: no-repeat;
        margin-top: 35px;
        margin-bottom: 0px;
        margin-left: 10px;
        height: 80px;
        width: 210px;
    }

#banner-sf span {
	font-family: Segoe UI, Arial, Tahoma, Trebuchet MS;
	font-size: 30px;
	line-height: 100px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 100px;
	float: left;
	margin-bottom: 0px;
	color: #003366;
}


/* ----------------------- Banner OPT ------------------*/

div#banner-opt{
	height:115px;
	margin:0;
	padding:0px;
	width:100%;
	background-image: url(../images/logos/banner-final-opt.gif);
	background-repeat: no-repeat;
}

div#banner-opt a.logo1{
	width:111px;
	height:80px;
	float:left;
	text-indent:-9999px;
	background-image: url(../images/logos/nyc_doe_logo.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
div#banner-opt a.logo2{
	float:right;
	text-indent: -9999px;
	background-image: url(../images/logos/opt-logo.gif);
	background-repeat: no-repeat;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 60px;
	width: 180px;
}

#banner-opt span {
	font-family: Tahoma, Trebuchet MS, Segoe UI, Arial;
	font-size: 30px;
	line-height: 100px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 130px;
	float: left;
	margin-bottom: 0px;
	text-align: center;
	color: #003366;
}


/* ---------------------------- breadcrumbs -----------------------------------*/

div#breadcrumbs{
font-size:11.5px;
padding:0;
width:auto;
margin:0 0 10px 10px;
color:#aaa;
height:auto;
}
div#breadcrumbs a{
color:#aaa;
}
div#breadcrumbs a:hover{
color: #333;
}