DIV#banner{
width:220px;
height:auto;
color:#003366;
margin:0px 0 0 0;
float:left;
z-index:0;
position:relative;
}
div#banleft {
float:left;
height:auto;
vertical-align:top;
margin-top:2px;
z-index:1;
position:relative;
}
div#textprint {
vertical-align:top;
width:190px;
height:16px;
margin-left:28px;
}
div#textprint a{
text-decoration:none;
color:#003366;
padding:0 4px;
}
div#textprint a:hover {
color:#000;
text-decoration:underline;
}
/*div#nyclogo {
background:url(/Graphics/apps/images/nyc_logo.gif) no-repeat;
width:212px;
width:200px;
height:114px;    
float:left;
text-indent:-9999px;
padding:0;
margin:0;
cursor: hand;
}*/
div#banright {
float:right;
height:auto;
margin:0 -3px 10px 0;
width:auto;
width:717px; /* ----- for safari -------*/
}

div#edge {
background:url(/osfns/ui_common/apps/images/leftedge.gif) no-repeat;
width:14px;
height:123px;
float:left;
margin:0;
padding:0;
}
div#txtrotator span.spacer {
width:2px;
height:110px;
float:left;
margin-top:3px;
vertical-align:bottom;
position:relative;
}

div#txtrotator span.factoid {
font-size:14px;
font-style:italic;
font-weight:bold;
margin:20px 0px 10px 8px;
height:auto;
vertical-align:bottom;
float:left;
width:292px;
color:#003366;
position:relative;
}

div.left img, div.right img
{
border: none;
}

div#imgrotator {
width:211px;
height:117px;
border-top:3px solid #003366;
border-bottom:3px solid #003366;
border-right:1px dashed #003366;
float:left;
}

div#languages {                
width:180px;
height:117px;
border-top:3px solid #003366;
border-bottom:3px solid #003366;
border-right:3px solid #003366;
float:left;
}

div#languages img 
{
                border:none;
}

div.languages-left {
clear: left;
float: left;
margin-top: 6px;
padding-top: 1px;
margin-left: 4px;
}

div.languages-right {
clear: right;
float: right;
margin-top: 6px;
padding-top: 1px;
margin-right: 4px;
}

/* --------------------------------- bannersub-----------------------------------*/

div#banrightsub {
float:right;
height:auto;
margin-bottom:0px;
width:710px;

}
div#banrightsub div#edge {
background:url(/osfns/ui_common/apps/images/leftedge_sm.gif) no-repeat;
width:14px;
height:71px;
float:left;
margin:29px 0 0 0;
padding:0;
}
div#nyclogo_sub {
background:url(https://www.opt-osfns.org/Centralization_CSSV2/doe-main-logo/nyc_doe_logo.png) no-repeat;
width:212px;
height:114px;    
float:left;
text-indent:-9999px;
padding:0;
margin:0 0 20px 0;
cursor: hand;
z-index:2;
position:relative;
}

/* ---------------TOPNAVSUB ---------------*/

/* -------------------------- topnavsub --------------------------------*/

ul#topnav {
border:0px;
margin: 0px;
padding:0px;
list-style:none;
text-align:left;
width:auto;
background:#003366;
height:38px;
}
ul#topnav li{
font:bold 18px arial,verdana,sans-serif !important;
margin:0px;
padding:0px;
text-transform:uppercase;
float:left;
border-left:1px dotted #FFF;
}
ul#topnav li.first {
border-left:none;
}
ul#topnav li a{
font:bold 18px arial,verdana,sans-serif !important;
color:#FFF;
display:block;
background:#003366;
text-decoration:none;
line-height:1.2em;
margin:0;
padding:8px 17px;
}
ul#topnav li a:hover{
text-decoration:none;
background:#6699CC;
}

/* -------------------------- topnavsub --------------------------------*/

ul#topnavsub {
border:0px;
margin:0;
padding:0px;
list-style:none;
text-align:left;
width:356px;
background:#003366;
height:32px;
vertical-align:top;
float:right;
clear:both;
}
ul#topnavsub LI{
font:bold 13px arial,verdana,sans-serif;
padding:0px;
margin:0;
text-transform:uppercase;
float:left;
height:32px;
}
ul#topnavsub LI A{
color:#FFF;
display:block;
background:#003366;
text-decoration:none;
line-height:1.2em;
margin:0px 0 0 0;
padding:8px 9px;
border-left:1px dashed #FFF;
}
ul#topnavsub LI A:hover{
text-decoration:none;
background:#6699CC;
}
ul#topnavsub li a.first {
border-left:none;
background:url(/osfns/ui_common/apps/images/topnavsub_leftedge.gif) no-repeat;
padding:8px 9px 8px 15px;
}
ul#topnavsub li a.first:hover {
border-left:none;
background:url(/osfns/ui_common/apps/images/topnavsub_leftedge_hover.gif) #6699CC no-repeat;
padding:8px 9px 8px 15px;
}
/* ------------------------ SEARCH SUB -------------------------*/
div#search {
height:26px;
margin:0px 0 10px 224px;
padding:0;
width:auto;
color:#003366;
font:bold 13px arial,verdana,sans-serif;
vertical-align:middle;
clear:both;
}

div#search div.txt {
float:left;
width:64px;
margin:5px 0 0 0;
}
div#search div.input {
float:left;
width:390px;
margin-right:2px;
}
div#search input#txtGoogle {
border-top:2px solid #ABABAB;
border-left:2px solid #ABABAB;
border-right:2px solid #E6E6E5;
border-bottom:2px solid #E6E6E5;
width:380px;
padding:0;
}
a#googleHref {
background:url(/osfns/ui_common/apps/images/go.gif) no-repeat;
width:35px;
height:22px;
color:#FFF;
text-align:center;
text-decoration:none;
padding:3px 7px;
}
div#search span.smalllinks {
font:12px arial,verdana,sans-serif;           
margin:4px 0 0 20px;
width:auto;
vertical-align:middle;
float:left;
}
div#search span.smalllinks a:link, div#search span.smalllinks a:visited {
font-weight:normal;
padding:4px;
text-decoration:none;
color:#003366;
}
div#search span.smalllinks a:hover {
font-weight:normal;
color:#6699CC;
text-decoration:underline;
}
div#search input {
height:18px;
}
div#search div.go {
float:left;
height:22px;
padding:4px 0px 0px 5px;
vertical-align:middle;
width:30px;
margin:0;
}

/* ---------------------------------- SEARCHSUB -----------------------------------------*/

div#searchsub {
margin:-3px 0 0 0px;
/*padding:13px 16px 12px 16px;*/
padding:0;
color:#003366;
font:bold 13px arial,verdana,sans-serif;
vertical-align:top;
width:693px;
/*height:33px;*/
border-top:3px solid #003366;
border-bottom:3px solid #003366;
border-right:3px solid #003366;
float:left;
height:65px;
/*vertical-align:middle;*/
/*background:url(/Graphics/apps/images/banner_sub_pic.gif) right no-repeat;*/
}
div#searchsub a#googleHref {
background:url(/osfns/ui_common/apps/images/go.gif) no-repeat;
width:35px;
height:24px;
color:#FFF;
text-align:center;
text-decoration:none;
padding:3px 7px;
}
div#searchsub input#txtGoogle {
border-top:2px solid #ABABAB;
border-left:2px solid #ABABAB;
border-right:2px solid #E6E6E5;
border-bottom:2px solid #E6E6E5;
width:306px;
margin-right:8px;
margin-bottom:4px;
}


/* div#searchsub div.smalllinks {
font:11px arial,verdana,sans-serif;           
margin:4px 0 0px 66px;
width:auto;
vertical-align:bottom;
height:20px;
position:relative;
} */

/* Tremis Skeete - IE7 ===========================*/
html>body div#searchsub div.smalllinks 
{
*position:realtive;
*line-height:4em;
*font:11px arial,verdana,sans-serif;        
margin:18px 0 0 66px;
*width:210px;
*height:14px;
*border:0px solid blue;
}

/* Tremis Skeete - IE6 ===========================*/
div#searchsub div.smalllinks {
font:11px arial,verdana,sans-serif;           
margin:4px 0 -10px 66px;
width:auto;
vertical-align:bottom;
height:18px;
border:0px solid blue;
position:relative;
}

div#searchsub div.smalllinks a:link, div#searchsub div.smalllinks a:visited {
text-decoration:none;
color:#003366;
}
div#searchsub div.smalllinks a:hover {
font-weight:normal;
color:#6699CC;
text-decoration:underline;
}
div#searchsub div.search {
float:left;
margin:21px 5px 5px 5px;
/*border:1px solid yellow;*/

}

div#searchsub div.input {
float:left;
height:20px;
margin-top:16px;
margin-bottom:6px;
/*border:1px solid blue;*/
}
div#searchsub div.top {
height:30px;
padding:0;
vertical-align:top;
}
div#searchsub div.bottom {
height:21px;
margin:-6px 0 0 8px;
padding:0;
width:300px;
}
div#searchsub div.go {
float:left;
display:block;
height:22px;
padding:4px 5px 5px 5px;
vertical-align:middle;
/*border:1px solid green;*/
margin-top:16px;
}
div#searchsub div.left {
width:458px;
height:auto;
float:left;
padding:0;
margin:0;
border:none;
}
div#searchsub div.right {
width:233px;
float:right;
height:65px;
padding:0;
margin:0 0 -3px 0;
border:none;
}

/* -----------------new search sub with images in HTML ------------------*/


/* ---------------------- footer ---------------------------*/

div#footer {
width:100%;
height:80px;
color:#003366;
}
div#footer ul {
margin:0;
padding:0;
list-style-type:none;
}
div#footer li {
float:left;
margin-right:10px;
background:url(/osfns/ui_common/apps/images/footer_bullet.gif) no-repeat 0px 2px;
padding:0 0 0 10px;
font-size:12px;
}
div#footer li.first {
background:none;
padding:0;
}
div#footer a {
text-decoration:none;
color:#003366;
}
div#footer a:hover {
color:#6699CC;
}
div#footer a img {
border:none;
}
div#footer div.left {
float:left;
width:60%;
}
div#footer div.left ul {
height:16px;
}
div#footer div.right 
{
float:right;
width:210px;
text-align:right;
margin-right:-14px;
padding:0;
}
div#footer div.right ul {
text-align:right;
float:left;
width:145px;
margin:0 -20px 0 0;
padding:0;
}
div#footer div.right ul li {
/*margin-right:0;
margin-left:10px;*/

}
div.nyc_logo {
background:url(/osfns/ui_common/apps/images/nyc_logo.gif) no-repeat;
float:left;
width:54px;
height:46px;
margin-left:60px;
margin-left:0;
margin-right:5px;
cursor: hand;
}
div.copyright {
clear:both;
font-size:10px;
margin-top:8px;
}