/* 
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) 2010, Chasetheweb.net

Last Updated By: MG
Date:  */   

/*////////////////////////////////////////////////////////////////////////////////*/

div#layout
{
     width: 538px;
     float: right;
     padding-right: 13px;
     padding-top: 0px;
}
div#banner
{
	display: block;
	width: 538px;
	margin-left: 211px;
	margin-top: 15px;
}
div#local
{
	padding-top: 15px;
}
div#mainStory
{
	margin-top: 10px;
}
div#mainStory img
{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

/*Main*/

div#main
{
     width: 300px;
     padding: 10px 0px 10px 0px;
     float: left;
}

div#news
{
	background: transparent url('/Template/Shoreham/Images/bg-news.gif') no-repeat top center;
    padding-top: 10px;
}
div#news .inner
{	
    height: 220px;
    background-color: #c47c1f;
}

div#news img
{
  margin: 0px;
  padding: 0px;  
}

div#news ul
{
	margin: 0px 20px 0px 5px;        
}

div#news ul li
{
	color: #FFFFFF;
	margin: 0px 20px 8px 20px;
    padding: 0px;
}
.ie7 div#upcomingEvents,
.ie7 div#news,
.ie7 div#sub1
{
    line-height: 1em;
}

/*Sub*/
div#sub1
{
     width: 226px;     
     padding: 10px 0px 10px 0px;
     float: right;
}

div#boe
{
    padding-top: 10px;
    background: transparent url('/Template/Shoreham/Images/bg-boe.gif') no-repeat top center;
}
div#boe .inner
{	
    height: 220px;
    background-color: #297d2e;
}

div#boe img.boe
{
	margin: 0px 0px 10px 10px;        
}

div#boe ul
{
	margin: 0px 10px 0px 5px;        
}

div#boe ul li
{
	color: #FFFFFF;
	margin: 0px 0px 10px 20px;
    padding: 0px;
    font-size: 0.9em;
    line-height: 1.2em;
}
div#boe .newIcon
{
	font-weight: bold;
	color: #c47c1f;
	margin-left: 3px;
}

div#local{
	float: right;
	width: 191px;
	text-align: center;
}

div#local ul.sidebargraphics{
    margin-top: 20px;
}

div#local ul.sidebargraphics li{
   display:block;
   height: 49px;
}

div#upcomingEvents
{	 
	padding-top: 10px;
    background: transparent url('/Template/Shoreham/Images/bg-upcomingevents.gif') no-repeat top center;
	width: 195px;
    margin-left: 5px;
    margin-top: 14px;
}
.ie6 div#upcomingEvents,
.ie7 div#upcomingEvents
{	 
	margin-top: 30px;
}
div#upcomingEvents .inner
{	
    height: 220px;
	background-color: #BE3821;
}
div#upcomingEvents img
{
}

span#ctl00_ctl00_ContentPlaceHolderLocal_ContentPlaceHolderLocal_UpcomingEvents1_lblControlTitle, UpcomingEvents-Title, div#sideBar{
    display: none;
}

div#local div#upcomingEvents div.event
{
	padding: 0px 10px 15px 10px;
	text-align: left;
	font-size: .8em;
	line-height: 1.3em;
	padding-bottom: 10px;
}

.Event-Date {    
  font-weight: bold;
  color: #FFFFFF;
}

.Event-Title{
 color: #FFFFFF;
}

a.Event-Title,  a.Event-Title:link, a.Event-Title:active{
 color: #FFFFFF;
}

a.Event-Title:hover{
 text-decoration: underline;
}

a.Event-Title:visited{
 color: #EFEFEF;
}

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

.ie6 div#extra1 ul.quicklinks li
{
	margin-bottom: 2px;
}