/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");
@import url("/shared/960_12_10_10.css");



/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a, a:active, a:visited { color: #033b73; }
a:hover, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
 
/* Normalization of fonts */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

table, .neutral, .light, .dark {font-size: 11px !important;}
#wrapper ul {margin: 0; padding-left: 13px; }

/* Font styles */
body,
#topnav li:hover ul li a, 
#topnav li.over ul li a,
#address { font-family: "Arial", Helvetica, sans-serif; }
#pageNav, #pageNav ul li a, #quicklinks a, #topnav li a, #motto { font-family: "Arial", Helvetica, sans-serif; }

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1000px; height: 100%; min-height: 100%; height: auto!important; text-align: left;behavior: url('/shared/pie.htc');}
#wrapper-index, #wrapper {
background: url('/pics/body_bg2.jpg') top center no-repeat #fff;
-pie-background: url('/pics/body_bg2.jpg') top center no-repeat #fff;
}
.inside { width: 1000px; margin: 0 auto; }
#wrapper .content { }
#wrapper .content .inside { width: 810px; padding:  15px 20px 20px 130px; line-height: 20px; /*background: url("/pics/pagenav_border_new.gif") top right no-repeat;*/}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-family: 'ff-meta-web-pro' !important; text-align: left; font-size: 14px !important; line-height:18px; } 
#wrapper .content .inside a, #wrapper .neutral a, #wrapper table a {text-decoration: none; color: #007161 !important; font-weight: bold;}
#wrapper .content .inside a:hover, #wrapper .neutral a:hover, #wrapper table a:hover {text-decoration: underline;}
.content { width: 1000px; text-align: left; margin: 0 auto; padding: 0 0 0px 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: 0;}

.pageTitle { width: 460px; display: block; height: 20px; padding: 0 0 0 0; margin-bottom: 2px; font-size: 16px; color: #006F5F; position: relative;  font-family: 'ff-meta-web-pro'; text-transform: uppercase; margin-right: 350px; text-transform: lowercase; font-weight: bold; }
.subtitle {color: #000; font-size: 13px; font-weight: 700; font-family: 'ff-meta-web-pro'; }
.newsItem, .sectionContent {width: 460px; }
.content {position: relative; width: 1000px; margin: 0 auto; height: auto;}



/* Header */
#header { height: 136px; position: relative; top: 0; z-index: 9999; padding-top: 8px; }
#header .inside { position: relative; height: 136px; }
#header-name { position: absolute; width: 463px; height: 31px; top: 39px; left: 145px; background: url('/pics/header_name.jpg') no-repeat; }
#header .logo { width: 100px; height: 102px; background: url('/pics/header_logo.jpg') no-repeat; position: absolute; top: 0;  left: 30px;}
#motto { position: absolute; width: 134px; height: 75px; left: 646px; top: 11px; background: url('/pics/motto_bg.jpg') no-repeat; }
#inquire {position: relative; display: block; height: 27px}
#tabs { width: 122px; height: 100px; padding: 0; background: #;  position: absolute; right: 20px; top: 0;  z-index: 600;}
#search {position: relative; margin-bottom: 12px; }
#search form { margin: 0; }
#search #search-field { width: 108px; height: 11px; border: 1px solid #ffe117; padding: 2px 2px 2px 10px; background: none; font-size: 11px; color: #000; background: #fff; font-size: 11px; font-family: 'ff-meta-web-pro';}
#search #search-img { vertical-align: top; margin-top: 0; position: absolute; right: 0; top: 0; text-indent: -999999; }
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 0; }
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 121px!important; height: 17px; }
#preGoogle { position: relative; height: 17px!important; display:block; overflow:hidden; background:url('/pics/translate1.png') no-repeat top left; border:0; margin-bottom: 12px;}
#preGoogle span { position: absolute; font-family: 'ff-meta-web-pro'; font-size: 11px; top: 1px; left: 10px; }
#contact {position: relative; width: 109px; height: 14px; padding-left: 10px; margin-bottom: 12px; border: 1px solid #ffe117; text-decoration: none; color: #000; font-size: 11px; font-family: 'ff-meta-web-pro'; background: #fff; display: block; line-height: 13px;}





/* Navigation menu 
------------------------------*/
#menu { width: 1000px; height: 33px; z-index: 10; margin: 0 auto;  position: relative; top: 113px; padding-bottom: 5px; }
#menu h2 { width: 0; height: 0;}
#menu:hover ul li ul { top:100%; left:0; }

#topnav { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#topnav li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; margin:0 10px; }

#topnav li a { font-style:normal!important; border-top: 4px solid #007161; white-space: nowrap; width: 0; height: 15px; display: block; text-align: left; padding: 2px 0; font-size: 14px;  text-decoration: none; text-transform:uppercase; color: #000; width:100px !important;  font-family: "ff-meta-web-pro"!important;font-variant: normal; }


/*
.ie7 #topnav li a, .ie8 #topNavItems li a,  ie10 #topnav li a { padding-top:10px!important;  }

.ie #topnav li a { padding: 0 10px 4px!important; margin:6px 14px 0!important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#topnav li a { padding: 0 10px 4px!important; margin:6px 14px 0!important; }
#topnav li ul li a { padding: 1px!important; margin:0!important; }
}*/

#topnav > li a { width: auto; white-space: normal; }
#topnav li:hover a, #topnav li.over a { color: #BFB3B9;  }

#topnav li:hover ul, #topnav li.over ul {
background-color:#fff!important;

}

/* Drop down items */
#topnav li ul li a {  font-style:normal!important; height:10px; height:auto!important; min-height:10px; margin:0; padding:3px 0 3px 5px!important; width:115px!important; border:0;  }

#topnav li ul li.more {  position:absolute; bottom:0; left:0;  }
#topnav li ul li.more a { color:#007161!important; }
#topnav li ul li.more a:hover { background:none!important;  }
#topnav li.over ul li.more a { color:#55554C!important; }

#topnav li ul {  height:223px; padding-top:14px; background: url('/pics/dropdownbg.png') repeat;  }
#topnav ul, 
#topnav li:hover ul ul, #topnav li.over ul ul, 
#topnav li:hover ul ul ul, #topnav li.over ul ul ul,
#topnav li:hover ul ul ul ul, #topnav li.over ul ul ul ul {font-family: "ff-meta-web-pro";font-variant: normal; font-size:11px; position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 120px; margin: 0 0 0 -10px!important; padding: 0; border-left:1px solid #FFDD00; }
#topnav ul li { margin: 0; left: auto; }
#topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: none; }

.top-1 ul { border:none!important;}

#topnav ul li:hover ul, #topnav ul li.over ul,
#topnav ul ul li:hover ul, #topnav ul ul li.over ul,
#topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }

#topnav ul li a { font-family: "ff-meta-web-pro"!important;font-size: 11px;  padding: 4px 0 ; text-transform:none; }


/* Drop down items colors and formatting */
#topnav li:hover ul li a, #topnav li.over ul li a {   font-style:normal!important; text-align: left; padding: 3px 8px; height: auto; width: 104px;}

#topnav li:hover ul li a, #topnav li.over ul li a,
#topnav li ul li:hover ul a, #topnav li ul li.over ul a,
#topnav li ul li ul li:hover ul a, #topnav li ul li ul li.over ul a,
#topnav li ul li ul li ul li:hover ul a, #topnav li ul li ul li ul li.over ul a {color: #555;}

#topnav li ul li a:hover, 
#topnav li ul li:hover a, #topnav li ul li.over a,
#topnav li ul li:hover ul a:hover, #topnav li ul li.over ul a:hover,
#topnav li ul li ul li:hover a, #topnav li ul li ul li.over a,
#topnav li ul li ul li:hover ul a:hover, #topnav li ul li ul li.over ul a:hover,
#topnav li ul li ul li ul li:hover a, #topnav li ul li ul li ul li.over a,
#topnav li ul li ul li ul li:hover ul a:hover, #topnav li ul li ul li ul li.over ul a:hover { color: #555; background-color:#FFDD00;}

#topnav li a bdi:after, #topnav li a li a bdi:after, #topnav li a li a li a bdi:after{ content: " \2192";}


/* Index properties */
#index-wrapper { background: url('/pics/index_bg.png') repeat-y left top; }
#index-top, #columns { width: 1000px; margin: 0 auto; position: relative;}
#columns { width: 1000px; padding: 10px 0 0 0; margin-bottom: 0; position: relative; }
#left-column {margin-left: 30px; width: 220px; margin-right: 10px;}
#center-column {margin-left: 10px; width: 340px; margin-right: 10px;}
#right-column {margin-left: 10px; width: 340px; margin-right: 30px;}
#index-top { margin: 0 auto 0; height: 385px; }

/* quicklinks */
#quicklinks h2 { font-weight: normal; font-size: 11px; color: #000; line-height: 11px; }
#quicklinks { background: #fff; width: 109px; height: 14px; border: 1px solid #ffe117; font-family: 'ff-meta-web-pro'; padding-left: 10px; padding-top: 2px; z-index: 600; }
#quicklinks ul {  padding: 0; margin: 0; border-left: 1px solid #FFE117; border-bottom: 1px solid #FFE117; border-right: 1px solid #FFE117; width: 119px; position: relative; left: -11px; display: none; }
#quicklinks li { padding: 0; margin-top: 0; list-style: none; position: relative; }
#quicklinks a { height: 20px; text-decoration: none; padding: 1px 0 1px 10px; margin: 0; display: block; color: #000; background: #fff; font-size: 11px; text-align: left; position: relative; z-index: 0; font-family: 'ff-meta-web-pro'; }
#quicklinks a:hover { background: #; color: #000; text-decoration: underline; }
#quicklink-1 a {padding-top: 10px;}

/* Homepage Sections */
section { margin-bottom: 20px; border-top: 2px solid #007060; padding: 0 8px;}
#left-column section {background: #eae8e7;}

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content section h2 a { width: auto;height: 17px; font-size: 13px; text-decoration: none; font-weight: 700; margin: 0; padding: 3px 0 0 0;  color: #000; display: block; font-family: 'ff-meta-web-pro';}

/* Homepage Sections Containers */
.container {
   position: relative; margin-top: 0; padding: 5px 0; }
#news .container , #events .container, #bulletin .container{padding-top: 0;}

/* Homepage Section Table Includes */
#wrapper-index .content table { width: 100%; padding: 0; margin: 0; }

/* Other homepage section extras */
.dark {background-color: #fff !important; color: #000 !important;}
.light {background-color: #fff !important; }
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}

#wrapper-index .content table { color: #000; font-family: 'ff-meta-web-pro'; font-size: 11px;}
#wrapper-index .content section table a { color: #007161; text-decoration: none; font-weight: 700; }
#wrapper-index .content section table a:hover {text-decoration: underline;}
/*#wrapper-index .content #left-column section table a {color: #007161;} */
#wrapper-index .content table #l { display: none; }
#wrapper .content table #l {display: none;}
#wrapper-index .content table #r { padding: 10px 0 10px 0; }
#wrapper .content table #r br {display: none;}
#wrapper .content table #r {padding: 10px 0;}
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; }

.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; padding-top: 2px!important; }

#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; }

#wrapper-index .content table tr:last-child td { border-bottom: 0!important; }

/* Image shuffles */
#slideshow-left { position: relative; width: 230px; height: 385px; display: block; float: left; margin-left: 20px; }
#slideshow-right { position: relative; width: 730px; height: 384px; display: block; float: left; overflow: hidden;  }


/* Quick Poll */
.HPQuickpoll h2 { display: none; }
.HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; }

img.sub {border: none;}
#wrapper img.sub {width: 250px; margin-right: 35px;}
img.enlarge {display: none !important;}
#wrapper .newsItem span.itemImages {margin: 0 -310px 10px 0}
/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; margin-left: 20px;/* background: url('/pics/pagenav_border.gif') left top no-repeat; #fff; */ margin-left: 0; border-left: 0; padding-left: 40px; left: -30px; margin-left: 45px; margin-top: -23px; z-index: 600; margin-bottom: -7px; background: url('/pics/pagenav_border_new.gif') no-repeat;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 17px 0 0!important; margin: 0 auto!important; width: 250px; height: auto!important;  }
#pageNav ul li { padding: 0 0 2px!important; margin: 0 0 2px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {  min-height: 20px;text-decoration: none; padding: 1px 0 1px 10px; margin: 0; display: block; font-size: 12px; text-align: left; position: relative; z-index: 0; font-family: 'ff-meta-web-pro'; text-transform: uppercase; font-weight: bold; line-height: 19px
}
html body #wrapper .content .inside #pageNav ul li b,html body #wrapper .content .inside #pageNav ul li a:hover { background: #f3dc38 !important; color: #000 !important; text-decoration: none !important; }
html body #wrapper .content .inside #pageNav ul li a { text-decoration: none; color: #000 !important; background: #fff; }

/* Footer */
#social {position: absolute; width: 50px; height: 20px; right: 36px; top: 18px; z-index: 500;}
#social a {position: relative; float: right; display: inline-block; width: 18px; height: 18px; margin-left: 4px;}
#facebook {background: url('/pics/fb3.png') no-repeat}
#twitter {background: url('/pics/twitter3.png') no-repeat;}
#instagram {background: url('/pics/instagram.png') no-repeat;}
#designer {position: relative; width: 960px; height: 20px; text-align: center; margin: 0 auto; font-family: 'ff-meta-web-pro'; font-size: 13px; padding:  20px 0; text-decoration: underline; display: block;}
#footer { width: 100%; height: 144px; position: absolute; bottom: 0; text-align: left; background: #; display: none; }
#footer .inside { height: 114px; margin-top: 15px; position: relative; background: #; }
#footer span { margin: 0 5px; }
#footer #name { color: #fff; text-shadow: 1px 1px 0 #000; text-decoration: none; position: absolute; top: 20px; left: 10px; font-size: 24px; }
#crest { width: 84px; height: 88px; background: url('/pics/crest.gif'); position: absolute; right: 10px; top: 15px; }
#cuny { width:53px; height: 53px; background: url('/pics/cuny.png') no-repeat; position: absolute; right: 215px; top: 50px; }
#district-logo { width: 89px; height: 53px; background: url('/pics/district_logo.gif') no-repeat center center; position: absolute; right: 123px; top: 36px; }
#address { color: #fff; padding: 8px 0 0 0; margin: 0; font-size: 12px; line-height: 18px; position: absolute; left: 490px; top: 15px; }
#edunet { width: 175px; height: 28px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 3px; top: -10px; position: relative;  text-align: center; margin: 0 auto; display: block;} 


/* Album */
#albums a.active {background: none !important;}
html #albumName {color: #000 !important; }
#albums ul li a span.numPhotos {color: #000 !important;}
#albums ul li.home a.home span.bullet {background-image: url('/pics/landing/home72.png') !important; }
#albums ul li.folder a span.bullet {background-image: url('/pics/landing/folder72.png') !important; }
#albums ul li.album a span.bullet, #albums ul li.folder li.album a span.bullet {background-image: url('/pics/landing/album72.png') !important; }

/* Video */
#video-feature-area.featured {background: #fff !important; border: 0 !important;}
#more-videos .more-head, .video-list-head {margin: 0 0 0 30px !important;}
.video-list-top {border-bottom: 0 !important;}

#studentsQuestions div, #parentsQuestions div {font-size:13px; font-weight:600; border-bottom:1px solid #27A396;}
#studentsQuestions p, #parentsQuestions p {font-weight:normal;}
.bottomSect {font-size:13px; font-weight:600;}

.topLine {border-bottom:1px solid #000;}
.bottomLine {border-bottom:1px solid #DFDFDF;}


#index-page {background:#fff;}

#wrapper-index .content table #r {-ms-word-break: normal !important; word-break: normal !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; hyphens: none !important;}
#privacy {display:block;color: #000;
    font-family: "ff-meta-web-pro";
    font-size: 11px;
	display:block;
	text-align:center}

/*.bootstrap select[multiple] {height:300px !important;}*/









#fi1433253950320 select {
	max-width: 530px;
	height: 300px;
}


.store_box_left {
    margin-left: 11px;
    width: 295px;
    height: 75px;
    border: 2px solid #0D7060;
    display: inline-block;
}

.store_box_right {

    width: 295;
    height: 75px;
    border: 2px solid #0D7060;
    display: inline-block;
    left: 17px;
    position: relative;
    top: -28px;
}

.store_link_one_line {
    margin: 0px !important;
    padding: 0px !important;

    font-family: 'PT Serif', serif;
    font-weight: normal !important;
    font-size: 36px;
    line-height: 28px;
    position: relative;
    text-decoration: none;
    
    left: 15px;
    top: 20px;
    vertical-align: bottom;
    word-wrap: break-word;

    
 
}
.store_link_two_lines {
    margin: 0px !important;
    padding: 0px !important;

    font-family: 'PT Serif', serif;
    font-weight: normal !important;
    font-size: 36px;
    line-height: 28px;
    position: relative;
    text-decoration: none;
    
    left: 18px;
    top: 10px;
    vertical-align: bottom;
    word-wrap: break-word;

    
 
}

.store_link_one_line:hover,.store_link_two_lines:hover {
    text-decoration: none !important;
}
.store_box_left:hover, .store_box_right:hover {
    outline: 3px solid #0D7060;

}


div#PV_imageDiv p {display: none!important;}