/* Reset Home Specifc Styles 
----------------------------------------------------------------------------- */ 
#home #breadcrumbs { display: none; }
#home #primary-content { width: 960px; margin-left: 0; min-height: 400px; }

/* Homepage Header
----------------------------------------------------------------------------- */ 
#home-header { position: relative; height: 307px; }
#home-header div { position: absolute; top: 0; }
#home-header .school-logo { left: 0; } 
#home-header .school-photo1, 
#home-header .school-photo2, 
#home-header .school-photo3, 
#home-header .school-photo4 { display: block; overflow: hidden; }
#home-header .school-photo1 { left: 418px; top: -41px; width: 269px; height: 172px; background-color: #FFF; /** /background: url(/images/home/hdr-fpo1.jpg) left top no-repeat;/**/ }
#home-header .school-photo2 { left: 687px; top: -41px; width: 273px; height: 172px; background-color: #FFF; /** /background: url(/images/home/hdr-fpo2.jpg) left top no-repeat;/**/ }
#home-header .school-photo3 { left: 418px; top: 131px; width: 269px; height: 176px; background-color: #FFF; /** /background: url(/images/home/hdr-fpo3.jpg) left top no-repeat;/**/ }
#home-header .school-photo4 { left: 687px; top: 131px; width: 273px; height: 176px; background-color: #FFF; /** /background: url(/images/home/hdr-fpo4.jpg) left top no-repeat;/**/ } 
#home-header .school-photo1 img, 
#home-header .school-photo2 img, 
#home-header .school-photo3 img, 
#home-header .school-photo4 img { display: block; width: 100%; height: 100%; }

/* Home Structure 
----------------------------------------------------------------------------- */ 
#home div.columns { }
#home div.columns div.col1, 
#home div.columns div.col2, 
#home div.columns div.col3 { float: left; width: 31%; margin-right: 0; margin-left: 0; position: relative; }
#home div.columns div.col1 { width: 380px; margin-left: 20px; }
#home div.columns div.col2 { width: 280px; margin-left: 20px; }
#home div.columns div.col3 { width: 226px; margin-left: 20px; }

/* Alert News 
----------------------------------------------------------------------------- */ 
#home .news-alert { border: 3px double #ba1a0e; background-color: #E21C0C; padding: 10px 10px 4px 10px; }
#home .news-alert h4, #home .news-alert h4 a, #home .news-alert p, #home .news-alert a.readmore, #home .news-alert a { color: #FFF !important; }

/* News List 
----------------------------------------------------------------------------- */ 
.news-list h2 { color: #416740; }
.news-list ul.news { } 
.news-list ul.news li { } 
.news-paging { background: url(/images/home/news-paging.gif) left top no-repeat; width: 84px; height: 19px; float: left; }
#featured-ticker .news-paging #ticker-pager { height: 19px; margin-left: 84px; }
#featured-ticker #ticker-control { float: left; width: 200px; height: 19px; color: #AAA79B; }
#featured-ticker #ticker-control a { font-size: 0.9em; text-decoration: none; font-weight: normal; color: #AAA79B; }
#featured-ticker #ticker-control a:hover { color: #8BB483; }

/* Calendar List 
----------------------------------------------------------------------------- */ 
.calendar-list-more a { color: #AAA79B; text-decoration: none; text-transform: none; font-size: 0.9em; }
.calendar-list-more a:hover { color: #8BB483; }

/* Button List 
----------------------------------------------------------------------------- */ 
.button-list { background-image: none; }
.button-list div.resource-list { width: 224px; }
.button-list div.resource-list dl { margin: 0; }
.button-list div.resource-list ul { margin: 0; }
.button-list div.resource-list ul li { margin: 0 0 1.0em 0; }
.button-list div.resource-list ul li .thumb { background-image: none; background-color: transparent; float: none; margin: 0 !important; padding: 0 !important; border: 0; width: 256px; height: auto; overflow: hidden; }
.button-list div.resource-list ul li .thumb img { background-image: none; background-color: transparent; margin: 0 !important; padding: 0 !important; }
.button-list div.resource-list ul li a { display: block; }

