/* 
Style Sheet for the homepage.

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

Last Updated: Janean Angeles
 */ 

/*////////////////////////////////////////////////////////////////////////////////*/
div#page{background-color:#00235d}
div#layout{position:relative;margin-top:20px}
div#local,div#sub1,div#extra2{display:block}
div#main{padding-left:130px;margin:0;background:transparent url('/template/bayport/images/bg-home-main.png') repeat-x;position:relative;padding-top:13px;z-index:5;height:288px;min-height:288px}
div#sub1{position:absolute;top:13px;left:0;background:transparent url('/template/bayport/images/bg-home-sub1.png') no-repeat;background-position:right top;height:221px;width:160px;z-index:6;padding:20px 10px}
div#extra2 { position: absolute; top: 175px; left: 0px; width: 797px; height: 30px; z-index: 198; }
div#local { margin-top: 0px; }
div#local table td {vertical-align: top;}
h1 { color: #d3c084; font-family: AGaramond Semibold, Garamond, Times New Roman; font-weight: bold; }

/*Quick Links*/
div#sub1 div#importantlinks { width: 150px; }
div#sub1 div#importantlinks a { color: #fff; }

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

/*main story slider*/
div#ofInterest { position: relative; }
#gallery { position: relative; width: 667px; height: 261px; }
div#gnav { position: absolute; text-align: center; top: 230px; right: 0px; width: 212px; z-index: 99; }
div#gnav a, #s7 strong { background: url("/template/bayport/images/icons/main-story-bullets.png") no-repeat scroll left top transparent; color: #2b4e87; display: inline-block; font-size: 0; height: 6px !important; margin: 2px; text-align: center; vertical-align: middle; width: 6px !important; line-height: 0;}
div#gnav a.activeSlide { background-position: left bottom; }
.sbody { position: absolute; display: block; top: 20px; right: 5px; z-index: 1000; color: #fff; width: 200px; }
.sbody a { color: #d3c084 !Important; font-weight: bold; }
.sbody .stitle a { color: #d3c084; font-family: AGaramond Semibold, Garamond, Times New Roman; font-size: 1.7em; line-height: 1em; }
.small { font-size: 12px; }
.slide { width: 667px; height: 261px; background-color: transparent; position: relative; z-index: 99; }

/*custom links*/
.custom-links { width: 198px; padding: 0px; margin: 0px 10px; }
.custom-links a { margin-bottom: 5px; display: block; height: 45px; width: 198px; }

/*tabs*/
#tabs { position: relative; width: 280px; margin-bottom: 10px; margin-right: 10px; }
div#local div#sideBar div#Links #tabs ul { float: left; margin-left: 0px !Important; }
#tabs li { list-style: none; margin: 0px; padding: 0px 5px; height: 27px; margin-right: 10px; background-color: #2b4e87; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
* html #tabs li { display: inline; /* ie6 double float margin bug */ }
#tabs li,
#tabs li a { float: left; text-align: left; }
#tabs ul li a { text-decoration: none; padding-top: 10px; padding-left: 8px; padding-right: 8px; font-weight: bold; font-size: 18px; margin: 0px auto; color: #00235d; }
#tabs ul li.active { background-color: #9eb3d5; color: #00235d; }
#tabs ul li.active a { }
#tabs .tabbed-content { background-color: #9eb3d5; clear: both; padding: 5px 10px 10px 10px; height: 152px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }

/*Announcements & Events*/
div.announcements,
div.upcoming-events,
div.in-the-know { position: relative; padding: 0px !Important; margin-top: 10px; }
div.announcements .CurrentNews,
div.upcoming-events .events-container,
div.in-the-know .CurrentNews { position: relative; height: 128px; }
div.announcements .CurrentNews .article-list,
div.upcoming-events .events-container .events-list,
div.in-the-know .CurrentNews .article-list { height: 126px; overflow: hidden; }
div.announcements .CurrentNews .article-list .news-item,
div.in-the-know .CurrentNews .article-list .news-item { cursor: pointer; margin-bottom: 7px !Important; height: 65px; }
div.upcoming-events .events-container .events-list .event { cursor: pointer; margin-bottom: 0px !Important; height: 42px; margin-bottom: 5px; }
div.announcements .CurrentNews .itemHeader,
div.upcoming-events .events-container .Event-Date,
div.in-the-know .CurrentNews .itemHeader { font-weight: bold; }
div.announcements .CurrentNews .new-posted,
div.in-the-know .CurrentNews .new-posted { }
div.announcements .CurrentNews .postDate,
div.in-the-know .CurrentNews .postDate { font-size: smaller; }
div.announcements .CurrentNews .moreText,
div.upcoming-events .events-container .Event-Title,
div.in-the-know .CurrentNews .moreText { color: #02426f; }
div.announcements #fullNewsList,
div.upcoming-events div#fullCalLink,
div.in-the-know #fullNewsList2 { text-align: right; }
iframe.twitter-timeline-rendered {
    max-width:280px !important;
    min-width:280px !important;
}


/*Twitter Feed*/