/* 
Style Sheet for the school pages.

Global color and styles should be placed in the design.css and index.css files.
This file is for unique layout changes for the school pages.
-------------------------------------------------------
Copyright (c) 2011, Chasetheweb.net

Last Updated: Janean Angeles
 */   

/*////////////////////////////////////////////////////////////////////////////////*/
div#extra2 { display: block; width: 749px; height: 30px; position: absolute; top: 45px; left: 250px; }
/*div#header { background: transparent url('/template/oben/images/bg-content-sub-top.png') no-repeat; background-position: bottom center; padding-bottom: 75px; }
div#content { background: transparent url('/template/oben/images/bg-content-sub.png') repeat-y; }
div#footer2 { background: transparent url('/template/oben/images/bg-content-footer.png') no-repeat; }*/
div#footer2 div#footer-content { margin-right: 200px; }
div#local { float: left; width: 180px; padding-right: 10px; padding-top: 0px; min-height: 550px; /*border-right: 3px solid #fc6a03;*/ }
div#layout { float: right; width: 554px; }
div#main { padding: 10px 20px 20px 20px; }

/*Local Page Editor*/
div#local .pnlContent, div#local div.contentDiv { }
div#local .pnlContent h3, div#local div.contentDiv h3 { font-weight: bold; margin-bottom: 10px; }
div#local .pnlContent a, div#local div.contentDiv a { color: #f89d29; text-decoration: none; }
div#local .pnlContent a:hover, div#local div.contentDiv a:hover { text-decoration: underline; }

/*upcoming events*/
div#events { }
div#UpcomingEvents-Title { font-size: 1.4em; font-weight: bold; margin-bottom: 10px; }
div#events a { color: #fff; }
div#events .event { margin-bottom: 10px; }

/*News Link*/
div.news-link { border-bottom: 1px solid #fcf1cc; border-top: 1px solid #fcf1cc; margin: 20px 0; padding: 20px 0; }
div.news-link h1 { font-size: 1.4em; font-weight: bold; margin-bottom: 10px; }
.news-article .article-body-left {
    min-width: 100%;
    max-width: 100%;
}

.news-article .article-images {
    min-width: 200px;
    display: inline-flex;
    vertical-align: top;
    padding: 0px 10px 6px 12px;
    float: right;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.news-article .article-image {
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
}

/*SchoolAlert*/
#SchoolAlert { position: relative; top: 0px; left: 0px; width: 749px; padding: 0px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica; cursor: pointer; }
#SchoolAlert UL { line-height: 12pt; }
#SchoolAlert li { padding-bottom: 0px; }
DIV.alertLink { width: 749px; color: #006600; font-size: 10pt; line-height: 12pt; text-align: left; overflow: hidden; font-weight: normal; background-color: transparent; }
DIV.alertLink a { color: #006600 !Important; font-size: 10pt !Important; text-decoration: none !Important; font-weight: normal; }
DIV.alertLink a:hover { color: #006600 !Important; font-size: 10pt !Important; text-decoration: none !Important; font-weight: normal; }
div.RadRotator { width: 749px !Important; }

/* backpack */
#backpack { border-bottom: 1px solid #fcf1cc; margin: 20px 0; padding: 15px 0 20px; }
#backpack h1 { font-size: 1.4em; font-weight: bold; margin-bottom: 10px; color:#fcf1cc; }