@media all
{
    body
    {
        margin: 0px 0px 0px 0px;
        behavior: url(csshover2.htc);
        background-color: #010066;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center 0px;
    }
    .schoolTitle
    {
        color: Black;
        font-weight: bold;
        font-family: Sans-Serif;
        font-size: 9pt;
        padding: 0;
        margin: 0;
    }
    .schoolhome
    {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    h2
    {
        color: #19191B;
        font-size: 16pt;
        display: inline;
        font-family: Sans-Serif, Arial, Georgia;
    }
    .logo
    {
        background: url(/sysimages/logo.png) no-repeat top left;
        width: 502px;
        height: 67px;
        z-index: 3;
        top: 350px;
        left: -1px;
        cursor: pointer;
    }
    .hdrAddress
    {
        color:White;
        width:700px;
        height:0px;
        }
    table tr td.contentTD
    {
        vertical-align: top;
    }
    .logo2
    {
        font-size: 16pt;
        display: inline;
        font-family: Sans-Serif, Arial, Georgia;
        z-index: 600;
        width: 150px;
        height: 250px;
        top: -325px;
        right: 50px;
    }
    .headerOverlay
    {
        background: url(/sysimages/flashBack.png) no-repeat top left;
        width: 115px;
        height: 160px;
        border: none;
        z-index: 500;
    }
    .HSearch
    {
        text-align:right;
        float:right;
    }
    .topNav a
    {
        font-family: Calibri, Verdana, Arial;
        font: 9pt;
    }
.BlogMe
{  vertical-align:top;}
    .photos div
    {
        display: block;
        float: left;
        width: 320px;
        clear: none;
    }
    .leftRound
    {
        vertical-align: top;
        background: url(/sysimages/leftnewsbar.jpg) no-repeat top left;
        min-height: 43px;
        width: 14px;
    }
    .rightRound
    {
        vertical-align: top;
        background: url(/sysimages/rightnewsbar.jpg) no-repeat top left;
        min-height: 43px;
        width: 17px;
    }
    .swoop
    {
        background: url(/sysimages/swoop.png) no-repeat top left;
        position: relative;
        width: 960px;
        border: none;
        z-index: 100;
        height: 41px;
    }
    .headerFont a
    {
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: White;
        text-decoration: none;
    }


    .headerSearch
    {
        text-align: right;
        font-size: 9pt;
        font-variant: small-caps;
        font-family: arial;
        float: right;
    }
    .searchGO
    {
        margin: 0;
        width: 40px;
    }
    .searchGO a
    {
        font-size: 9pt;
        font-family: Arial;
        font-variant: small-caps;
        font-weight: bold;
    }
    .schoolslist a
    {
        font-size: 11pt;
        color: Black;
        font-family: Verdana;
        font-weight: bold;
        text-decoration: none;
    }
    .schoolslist a:hover
    {
        color: #E4E4E4;
    }
    .staffList td
    {
        padding: 4px;
    }
    .mission
    {
        background-color: White;
        color: black;
        font-size: 10pt;
        padding: 5px 15px;
        font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Arial,Verdana,sans-serif;
        text-align: center;
    }

    .right-title, .left-title
    {
        position: absolute;
        color: black;
        background-position: 5px 0;
        font-weight: bold;
        text-align: left;
        font-size: 11pt;
        width: 175px;
        padding-left: 5px;
        vertical-align: top;
    }
    .left-title
    {
        text-align: left;
        background-position: 0 0;
        width: 178px;
        height: 52px;
        padding-top: 6px;
    }

    /*
                	table, table tr, table tr td
                	{
                		border: 1px solid red;
                	}
                	*/
    .page
    {
        width: 931px;
        margin-left: auto;
        margin-right: auto;
    }
    .icons
    {
        vertical-align: bottom;
        text-align: right;
        padding-left: 350px;
        padding-top: 25px;
        right: 0;
    }

    .floatLeft1
    {
        float: left;
        width: auto;
        height: auto;
        margin: 2px 5px 0px 2px;
        text-align: center;
    }
    .floatRight1
    {
        float: right;
        width: auto;
        height: auto;
        margin: 2px 2px 5px 5px;
        text-align: center;
    }
    .header
    {
        height: 100px;
    }

    .content
    {
        color: #000000;
        font-size: 9pt;
        font-family: Arial,sans-serif, Verdana;
        vertical-align: top;
        text-align: left;
        background-color: Transparent;
    }
    .content a
    {
        font-family: arial, sans-serif, Verdana; ;
font-size:9pt;
text-decoration:underline;
font-weight:bold;
color:#4686F4;
}
    .content a:hover
    {
        text-decoration: underline;
        color: #0D2784;
    }
    .content2
    {
        color: white;
        font-size: 10pt;
        font-family: arial;
        vertical-align: top;
        text-align: left;
        background-color: Transparent;
    }
    .content2 a
    {
        font-family: arial;
        font-size: 15pt;
        font-weight: bold;
        color: White;
    }
    .content2 a:hover
    {
        text-decoration: underline;
        color: Blue;
    }
    .bold
    {
        font-weight: bold;
    }
    .adminDept
    {
        width: 45%;
        float: left;
        min-height: 125px;
        margin: 3px;
        padding: 3px;
        border: solid 1px #ececec;
    }
    .gutterLeft
    {
        vertical-align: top;
        width: 186px;
    }

    .gutterRight
    {
        vertical-align: top;
        width: 185px;
    }

    .EventRight
    {
        font-size: 8pt;
        font-family: Verdana;
        color: black;
    }
    .location
    {
        font-size: 9pt;
        font-family: Arial;
    }

    .EventRight a, .EventRight a:visited, .EventRight a:active
    {
        font-size: 8pt;
        color: Black;
        text-decoration: underline;
        font-family: verdana, Sans-Serif;
        font-weight: bold;
    }
    .EventRight a:hover
    {
        color: #C6000F;
        text-decoration: underline;
    }
    .DistrictContentLeft, .SchoolContentLeft
    {
        width: 200px;
        vertical-align: top;
        text-align: left;
        z-index: 2;
    }

    .District2ColumnContentRight, .School2ColumnContentRight
    {
        width: 780px;
        vertical-align: top;
        text-align: left;
        z-index: 2;
        background-color:#BECCE9;
    }
    .District3ColumnContentMiddle, .School3ColumnContentMiddle
    {
        vertical-align: top;
        text-align: left;
        z-index: 2;
        width: 560px;
        background-color:#BECCE9;
    }

    .District3ColumnContentRight, .School3ColumnContentRight
    {
        width: 200px;
        vertical-align: top;
        text-align: left;
        z-index: 2;
    }
    .FloatNews
    {
        width: 200px;
        padding-right: 5px;
    }
    .homeImage
    {
        border-left: solid 7px #645E5E;
        border-right: solid 7px #645E5E;
        border-top: solid 7px #645E5E;
    }
    .ssBottom
    {
        background-color: #645E5E;
        color: #FFFFFF;
        font-family: Arial;
        font-size: 11px;
        padding-top: 5px;
        text-align: left;
    }
    .school3cTop
    {
        background: url(/sysimages/3cTopBack.jpg) no-repeat top;
        width: 576px;
        height: 54px;
        vertical-align: middle;
        padding-left: 9px;
        text-align: left;
    }
    .school3cTop a
    {
        color: White;
        font-size: 24px;
        font-family: Times New Roman;
        text-decoration: none;
    }
    .school3cTop a:hover
    {
        text-decoration: underline;
    }
    .school3cRight
    {
        background: url(/sysimages/3cRightBack.jpg) no-repeat top;
        width: 185px;
        height: 133px;
    }
    .school2cTop
    {
        background: url(/sysimages/2cTopBack.jpg) no-repeat top;
        width: 761px;
        height: 54px;
        vertical-align: middle;
        padding-left: 9px;
        text-align: left;
    }
    .school2cTop a
    {
        color: White;
        font-size: 24px;
        font-family: Times New Roman;
        text-decoration: none;
    }
    .school2cTop a:hover
    {
        text-decoration: underline;
    }

    .alumNav tr td
    {
        text-align: center;
        color: Black;
    }
    .alumNav tr td a, .alumNav tr td a:link, .alumNav tr td a:visited, .alumNav tr td a:active
    {
        color: #701A1B;
        font-family: Arial;
        font-size: 13px;
        text-decoration: none;
    }
    .alumNav tr td a:hover
    {
        text-decoration: underline;
    }

    .description
    {
        font-size: 8pt;
    }

    .smaller
    {
        font-size: 10pt;
    }

    .bigger
    {
        font-size: 14px;
        font-weight: bold;
    }

    .footer
    {
        color: white;
        font-family: Verdana, Helvetica, Arial, font-size: 8pt;
        font-weight: bold;
    }

    .footer a
    {
        color: white;
        font-family: Verdana, Helvetica, Arial;
        font-size: 9pt;
        font-weight: bold;
        text-decoration: none;
    }
    .footer a:hover
    {
        text-decoration: underline;
    }

    .schoolNav
    {
        vertical-align: top;
        width: 162px;
    }

    .schoolNav tr td
    {
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top;
        color: #151515;
        text-align: left;
    }
    .schoolNav span
    {
        text-align: left;
        vertical-align: middle;
        font-family: arial;
        font-weight: bold;
        font-size: 12px;
        color: black;
        text-decoration: none;
    }
    .schoolNav tr td a
    {
        text-align: left;
        vertical-align: middle;
        font-family: arial;
        font-weight: bold;
        font-size: 12px;
        color: black;
        text-decoration: none;
    }

    .schoolNav tr td a:hover
    {
        color: #FE8D0B;
        text-decoration: none;
    }
    .arrow
    {
        padding-left: 10px;
        width: 25px;
    }

    .lBottom
    {
        background: url(/sysimages/sNavBottom.jpg) no-repeat top;
        width: 171px;
        height: 5px;
    }

    .DayHeader
    {
        height: 25px;
        background-color: #0D1D74;
        color: white;
        font-family: Verdana;
        font-weight: bolder;
        font-size: 12pt;
    }

    .EventsGrid
    {
        font-family: Verdana;
        font-size: 10pt;
        color: #11375c;
    }

    .DistrictLeftText, .DistrictLeftText a
    {
        border-bottom: 1px dotted #c5c9ce;
        color: #0f3f65;
        font-family: Verdana;
        font-weight: bold;
        font-size: 10pt;
    }
    .staffDD
    {
        width: 215px;
    }

    .calendar tr th
    {
        background-color: White;
        color: #818181;
    }
    .calendar tr td a, .calendar tr th a, .calendar, .calendar tr td, .calendar tr th
    {
        text-decoration: none;
        font-family: Verdana;
        font-size: 8pt;
    }
    .today
    {
        border-right: solid 1px black;
        border-bottom: solid 1px black;
    }
    .gutter
    {
        padding-top: 2px;
    }
    .gutterHeader
    {
        color: #203B94;
        font-family: arial, sans-serif, Verdana,;
        font-size: 12pt;
        font-weight: bold;
        vertical-align: middle;
        text-align: Left;
        padding-bottom: 9px;
        min-height: 35px;
        text-transform: uppercase;
    }

    .gutterHeaderText
    {
        padding-left: 7px;
        padding-top: 12px;
        color: #203B94;
    }
    .gutterMiddle
    {
        height: auto;
        padding: 6px;
    }
    .address
    {
        vertical-align: top;
        color: white;
        font-family: Verdana;
        font-size: 8pt;
        text-align: left;
        padding-top: 8px;
        font-weight: bold;
        text-align: left;
        margin-right: 200px;
    }
    .address a
    {
        color: #F5F5F5;
        font-family: Arial;
        font-size: 8pt;
        text-decoration: underline;
    }
    .address a:hover
    {
        text-decoration: underline;
        color: #F5F5F5;
    }

    .whitebar
    {
        vertical-align: top;
        background-color: transparent;
        height: 15px;
    }
    .districtNav
    {
        padding: 0;
        background: #4D2468;
        width: 931px;
        height: 25px;
        vertical-align: top;
    }
    .dNav
    {
        vertical-align: top;
    }
    .dNav a
    {
        color: black;
        font-size: 14px;
        font-family: Verdana, Arial, Georgia;
        font-weight: bold;
        text-decoration: none;
    }
    .dNav a:hover
    {
        color: #F0BD00;
        text-decoration: none;
    }
    .dLeft
    {
        padding-top: 8px;
        width: 162px;
        text-align: left;
    }
    .dLeft tr td
    {
        padding-bottom: 10px;
        font-family: Arial;
        font-size: 13px;
        color: black;
        font-weight: bold;
    }
    .schoolinfo
    {
        font-family: Verdana;
        font-weight: bold;
        font-size: 10pt;
        color: #012B97;
        text-decoration: none;
    }

    .mTopPadding
    {
        padding-top: 12px;
        padding-botton:4px;
        padding-left: 8px;
        color: #203B94;
        font-family: Arial, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        min-height: 20px;
        text-transform: uppercase;
        text-align: left;
        min-height: 30px;
    }
    .learnmore a
    {
        color: #1845A2;
        font-size: 8pt;
        font-family: Verdana, Arial;
        font-weight: bold;
    }
    .viewallnews
    {
        text-align: right;
        padding-right: 5px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        vertical-align: middle;
        font-weight: bold;
    }
    .viewallnews a
    {
        color: #000000;
        font-family: Trebuchet MS;
        font-size: 9pt;
    }
    .viewallnews a:hover
    {
        color: #000000;
    }
    .mPadding
    {
        padding-left: 10px;
        padding-right: 12px;
        padding-top: 10px;
        vertical-align: top;
    }

    .addinfo
    {
        width: 145px;
        font-size: 11px;
        color: Black;
    }
    .category, span.category
    {
        color: Black;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
    }
    span.linkform
    {
        font-size: 10px;
        font-family: arial;
        color: #A7A7A7;
    }
    a.linkform
    {
        color: #414141;
        text-decoration: none;
        font-family: arial;
        font-size: 13px;
    }
    a:hover.linkform
    {
        text-decoration: underline;
    }


    .fullcal
    {
        padding-left: 10px;
    }

    a.search
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #0000FF;
        text-decoration: underline;
    }

    .summary
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color: #000000;
    }

    .summaryURL
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: smaller;
        color: #008000;
    }

    .searchSize
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: smaller;
        color: #C0C0C0;
    }
    .meeting
    {
        padding-left: 6px;
        color: #595957;
        text-decoration: none;
        font-family: arial;
        font-size: 13px;
    }
    .meeting a:hover
    {
        text-decoration: underline;
    }
    .aPadding
    {
        
    }
    .aNav
    {
        background-color: transparent;
        text-indent:10px;
        text-align: left;
        font-family: Verdana;
        font-size: 14px;
   
    }
    .aNav tr td
    {
        text-align: center;
        vertical-align: top;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #203B94;
        text-align: left;
        font-family: Calibri,Verdana,arial;
    
        font-size: 12pt;
     
         background:url(/sysimages/VnavBack.jpg) repeat-x top left;
    }
    .aNav tr td a
    {
        text-align: center;
        vertical-align: middle;
        font-family: Calibri,Verdana,arial;
     
        font-size: 12pt;
        color: #203B94;
        text-indent:10px;
        text-decoration: none;
    }
    .aNav tr td a:hover
    {
        text-decoration: underline;
    }
    .aNav span
    {
        text-align: left;
        vertical-align: middle;
        font-family: arial;
        font-weight: bold;
        font-size: 12px;
        color: black;
        text-decoration: none;
    }
    .breakdown
    {
        padding-left: 80px;
    }


    .DropDownBox
    {
        width: 128px;
    }
    .tiny
    {
        text-align: left;
        color: #000062;
        font-size: 8pt;
        font-family: Verdana,Helvetica,sans-serif;
    }
    .eventTime
    {
        text-align: left;
        color: Black;
        font-size: 7pt;
        font-family: Verdana,Helvetica,sans-serif;
        font-weight: bold;
    }
    .monthDay
    {
        width: 14%;
        vertical-align: top;
        min-width: 100px;
        background-color: White;
        border: solid 1px black;
    }
    .monthDay a
    {
        color: black;
        font-size: 7pt;
        font-family: Verdana,Helvetica,sans-serif;
        font-weight: normal;
        text-decoration: none;
    }
    .monthHeader
    {
        color: Black;
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }
    .monthHeader a
    {
        color: Black;
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
    }
    .dayOfWeek
    {
        vertical-align: middle;
        color: black;
        font-size: 12px;
        font-family: Arial;
        width: 14.5%;
        text-align: center;
    }
    .event
    {
        font-size: 11px;
        font-family: Arial;
        color: black;
        padding-bottom: 5px;
    }
    .monthView
    {
        min-width: 919px;
        width: 100%;
        text-align: center;
        padding-top: 8px;
    }
    .monthView tr td
    {
        text-align: center;
    }

    .calday
    {
        border-top: solid 1px #F3F3F5;
        border-right: solid 1px #F3F3F5;
        border-left: solid 1px #9FA2AC;
        border-bottom: solid 1px #9FA2AC;
    }


    .clearfix:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .clearfix
    {
        display: inline-block;
    }

    html[xmlns] .clearfix
    {
        display: block;
    }

    * html .clearfix
    {
        height: 1%;
    }

    .fixme
    {
        /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
        position: fixed;
        left: 40%;
        top: 30%;
    }

    a img
    {
        border: 0;
        text-decoration: none;
    }

    .photos
    {
        height: 162px;
        overflow: hidden;
        width: 317;
    }


}

@media print
{

    .hidePrint
    {
        visibility: hidden;
        display: none;
    }

}