div#container{
width:939px;
margin:10px auto 0 auto;
}

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

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

} 
div#banrightsub div#edge {
/*background:url(doe-images/leftedge_sm.gif) no-repeat;*/
width:14px;
height:71px;
float:left;
margin:29px 0 0 0;
padding:0;
}
div#nyclogo_sub {
background:url(http://www.opt-osfns.org/osfns/ui_common/apps/images/nyc_logo_sub.gif) no-repeat;
width:123px;
height:86px;    
float:left;
text-indent:-9999px;
padding:0;
margin:0 0 10px 0;
cursor: hand;
z-index:2;
position:relative;
}

/* -------------------------- 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(doe-images/topnavsub_leftedge.gif) no-repeat;
padding:8px 9px 8px 15px;
}
ul#topnavsub li a.first:hover {
border-left:none;
background:url(doe-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(doe-images/go.gif) no-repeat;
width:35px;
height:22px;
color:#FFF;
text-align:center;
text-decoration:none;
}
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:0 0px 0px 5px;
vertical-align:middle;
width:35px;
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:690px;
/*height:33px;*/
border-top:3px solid #003366;
border-bottom:3px solid #003366;
border-right:3px solid #003366;
border-left:3px solid #003366;
float:left;
height:65px;
/*vertical-align:middle;*/
/*background:url(/osfns/ui_common/apps/images/banner_sub_pic.gif) right no-repeat;*/
}
div#searchsub a#googleHref {
background:url(doe-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:relative;
*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:-14px 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:157px;
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:50px;
color:#003366; margin-top:5px;
}
div#footer ul {
margin:0;
padding:0;
list-style-type:none;
}
div#footer li {
float:left;
margin-right:10px;
background:url(doe-images/footer_bullet.gif) no-repeat 0px 2px;
padding:0 0 0 10px;
text-decoration:none;
font-size:12px;
}
div#footer li.first {
background:none;
padding:0;
text-decoration:none;
}
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;
font:normal 13px arial,verdana,sans-serif;
}
div#footer div.right 
{
float:right;
width:210px;
text-align:right;
margin-right:-14px;
padding:0;
font:normal 13px arial,verdana,sans-serif;
}
div#footer div.right ul {
text-align:right;
float:left;
width:145px;
padding:0;
}
div#footer div.right ul li {
/*margin-right:0;
margin-left:10px;*/

}
div.nyc_logo {
background:url('doe-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;
margin-top:8px;
font:normal 10px arial,verdana,sans-serif;
}