@media all
{
    body
    {
        background-color: #F6D971;
        margin: 0 0;
        font-family:Arial;
    }
    /*
        table, table tr, table tr td
        {
        	border: 1px solid red;
        }
        */
    .page
    {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
    }
    .floatLeft1
    {
        float: left;
        width: auto;
        height: auto;
        margin: 3px 6px 6px 3px;
        text-align: center;
    }
    .header
    {
        height: 100px;
    }


    .content
    {
        vertical-align: top;
        font-family: Arial;
        font-size: 9pt;
        text-align: left;
    }

    .bold
    {
        font-weight: bold;
    }

    .gutterLeft
    {
        vertical-align: top;
        width: 178px;
    }

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

    span.EventRight
    {
        font-size: 8pt;
        font-family: Arial;
        color:White;
        font-weight:normal;
    }

    a.EventRight
    {
        font-size: 10pt;
        color: white;        
        text-decoration: none;
        font-family: Arial;
        font-weight: bold;
    }


    .District2ColumnContentLeft, .District3ColumnContentLeft, 
    .School2ColumnContentLeft, .School3ColumnContentLeft
    {
        width: 198px;
        vertical-align: top;
        background:#650066 url(/sysimages/left-column-background.jpg) repeat-y top left;
        text-align: left;
        font-size:10pt;
    }

    .District2ColumnContentRight,  .School2ColumnContentRight
    {
        vertical-align: top;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;        
        padding-bottom:10px;
    }




    .District3ColumnContentMiddle, .School3ColumnContentMiddle
    {
        vertical-align: top;
        padding-left: 30px;
        padding-right: 20px;
        padding-bottom:10px;
        text-align: left;
    }

    .District3ColumnContentRight, .School3ColumnContentRight
    {
        width: 230px;
        vertical-align: top;
        background:#650066 url(/sysimages/right-column-background.jpg) repeat-y top left;
        padding-left: 11px;
        padding-right: 8px;
        text-align: left;
        color:White
    }
    
    .District3ColumnContentRight a, .School3ColumnContentRight a,
     .District3ColumnContentRight a:visited, .School3ColumnContentRight a:visited
    .District3ColumnContentRight content, .School3ColumnContentRight content
    {
        Color: White; 
    }    
   
  

    .title
    {
        color: #550f6f;
        font-family: Arial;
        font-size: 12pt;
        font-weight: bold;
    }

    .description
    {
        font-size: 8pt;
    }

    .smaller
    {
        font-size: 10pt;
    }

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

    .footer
    {
        height: 30px;
        width: 100%;
        color: #720e68;
        font-family: Arial;
        font-size: 8pt;
        background-color: #f6d971;
    }

    .footer a, .footer a:visited
    {
        color: #720e68;
        font-family: Arial;
        font-size: 8pt;
        font-weight:bold;
        text-decoration: none;
    }
    .schoolNav
    {
        background-color: white;
        width: 100%;
        background: url(/sysimages/schoolNavGrad.jpg) repeat-x top;
    }

    .schoolNav tr td
    {
        border-bottom: 1px solid #dee7ee;
        padding: 2px;
        color: #11375c;
        text-align: left;
    }

    .schoolNav tr td a
    {
        font-family: Arial;
        font-weight: bold;
        font-size: 10pt;
        color: #590e6b;
        text-decoration: none;
    }
    .schoolNav tr td span
    {
        font-family: Arial;
        font-weight: bold;
        font-size: 10pt;
        color: #590e6b;
        text-decoration: none;
    }

    .DayHeader
    {
        height: 25px;
        background-color: #57106e;
        color: #dde6ec;
        font-family: Arial;
        font-weight: bolder;
        font-size: 12pt;
    }

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


    .DistrictLeftImages
    {
        width: 10px;
        height: 9px;
    }

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


    .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: Arial;
    }

    .gutterHeader
    {
        color: white;
        font-family: Arial;
        font-weight: bold;
        font-size: 12pt;
        width: 98%;
        height: 28px;        
        vertical-align: middle;
        text-align: left;        
    }

    .gutterHeaderText
    {
        line-height: 28px;
    }
    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;
    }
    .adminDept
    {
        width: 352px;
        min-height: 107px;
        float: left;
        margin: 3px;
        padding: 3px;
        border: solid 1px #000000;
    }

    .adminDept a
    {
        color: #611079;
        text-decoration: none;
    }
    .adminDept a, .adminDept a:link, .adminDept a:visited
    {
        color: #611079;
        text-decoration: none;
    }
    .adminDept a:hover, .adminDept a:active
    {
        color: #8C17B0;
        text-decoration: underline;
    }


    /*Calendar Month View */
    .monthDay
    {
        width: 14%;
        vertical-align: top;
        min-width: 100px;
        background-color: White;
        border: solid 1px #000062;
    }
    .monthDay a
    {
        color: #2624A3;
    }
    .monthHeader
    {
        font-size: 17px;
        font-weight: bold;
        white-space: nowrap;
    }
    .monthHeader a, .monthHeader a:visited
    {
        color: black;
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
    }
    .dayOfWeek
    {
        vertical-align: middle;
        font-size: 12px;
        font-family: Arial;
        width: 14.5%;
        text-align: center;
    }
    .event
    {
        font-size: 11px;
        font-family: Arial;
        color: black;
    }
    .monthView
    {
        min-width: 700px;
        width: 100%;
        text-align: center;
        padding-top: 8px;
    }
    .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%;
    }


    .boe-meeting
    {
        font-size: 8pt;
        color: white;
        text-decoration: none;
        font-family: Arial;
        font-weight: bold;
    }
    .boe-meeting-detial
    {
        font-size: 8pt;
        font-family: Arial;
    }
    
    .boe-meeting-detial a,
    .boe-meeting-detial a:visited
    {
        color:#F7DB73;
    }
    
    .NewsSeeAll
    { 
        color:#450045;
        font-size:8pt;
        font-weight:bold;
        text-decoration:none;
    }

}

@media print
{

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

}