﻿ /* Site Styles */
body { background: #94c5f5 url( '/eastern/som/Fammed/Images/Design/SiteBkgd.png' ) repeat-x; }
img { padding: 0px; margin: 0px; }
h1 { font-size: 24px; font-weight: bold; color: #2287e4; margin: 0px 0px 3px 0px; text-align: left; }
h2 { font-size: 20px; font-weight: bold; color: #75b8f5; margin: 0px 0px 3px 0px; text-align: left; }
h3 { font-size: 16px; font-weight: bold; color: #1261ab; margin: 5px 0px 5px 0px; text-align: left; }
h4 { }
div.MainImageTextContent h3 { font-size: 14px; color: #ffffff; }
a { text-decoration: none; color: #4882c5; }
a:hover { color: #62a3df; }
.HomePageFont { font-size: 16px; font-weight: bold; color: #003366; text-align: left; padding: 5px 0px 0px 10px; }

/* Content */
div.ContentTop { background: transparent url('/eastern/som/Fammed/Images/Design/ContentTopBkgd.png') no-repeat; width: 980px; height: 72px; margin: 0px auto; }
div.ContentNavigation { background: transparent url('/eastern/som/Fammed/Images/Design/ContentBkgd.png') repeat-y; width: 980px; margin: 0px auto; }
div.ContentBkgd { background: transparent url('/eastern/som/Fammed/Images/Design/ContentBkgd.png') repeat-y; width: 960px; margin: 0px auto; padding: 0px 10px 1px 10px; }
div.ContentBottom { background: transparent url('/eastern/som/Fammed/Images/Design/ContentBottomBkgd.png') no-repeat; width: 980px; height: 46px; margin: 0px auto; text-align: center; padding-top: 14px;  } /* Natural height: 60px; */
div.ContentBottom img { vertical-align: middle; }

/* Site Header */
a.HSCTitle { height: 24px; width: 290px; background: url( '/eastern/som/Fammed/Images/SiteHeader/HSCTitle.png' ) no-repeat; display: block; }
a.HSCTitle:hover { background-position: 0 -24px; }
a.SchoolTitle {display: block; width: 290px; height: 32px; background: url('/eastern/som/Fammed/Images/SiteHeader/SchoolTitle.png') no-repeat;}
a.SchoolTitle:hover{background-position: 0 -32px;}
a.SiteTitle { height: 56px; width: 290px; background: url('/eastern/som/Fammed/Images/SiteHeader/SiteTitle.png') no-repeat; display: block; }
a.SiteTitle:hover { background-position: 0 -56px; }
.SearchBox { padding: 20px 0px 0px 0px; }
div.HeaderLinks { text-align: right; height: 32px; color: #5e8dbc; }
div.HeaderLinks a { padding: 0px 5px; }
div.HeaderLinks a img { margin-right: 4px; vertical-align: middle; vertical-align: middle; }
div.HeaderLinks img {  }

/* Footer */
div.FooterLeft, div.FooterLeft a { color: #ffffff; }
div.FooterLeft a:hover { color: #e2eef9; } 

/* Navigation Bar */
div.NavigationBar { width: 960px; height: 46px; background: transparent url('/eastern/som/Fammed/Images/Navigation/NavigationBarBkgd.png') repeat-x; margin: 0px auto; padding-bottom: 7px; }
div.NavigationSeparator { width: 1px; height: 46px; float: left; background: url('/eastern/som/Fammed/Images/Navigation/NavigationSeparator.png') no-repeat; }
div.NavigationButton { float: left; text-align: center; height: 46px; }
div.NavigationButton:hover { background: url('/eastern/som/Fammed/Images/Navigation/NavigationBarBkgd_Over.png') repeat-x; }
div.NavigationButton a.NavigationLink { height: 36px; padding-top: 10px; display: block; color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none;  } /* Natural Height: 46px; */
div.NavigationButton a.NavigationLink:hover { background: url('/eastern/som/Fammed/Images/Navigation/NavigationBarBkgd_Over.png') repeat-x; }
div.NavigationButton div.DropDown { visibility: hidden; display: none; z-index: 3; }
div.NavigationButton:hover div.DropDown { visibility: visible; display: block; position: relative; width: 270px; margin-left: -16px; margin-top: -6px; }
div.NavigationLastButton div.DropDown { visibility: hidden; display: none; }
div.NavigationLastButton:hover div.DropDown { visibility: visible; display: block; position: relative; width: 270px; margin-left: -49px; margin-top: -6px; }

.DropDownContent { width: 240px; padding: 0px 15px; background: transparent url('/eastern/som/Fammed/Images/Navigation/DropDownBkgd.png') repeat-y; text-align: left; } /* Natural Width: 270px; */
.DropDownBottom { width: 270px; padding: 0px; height: 28px; background: transparent url('/eastern/som/Fammed/Images/Navigation/DropDownBottom.png') no-repeat; }
a.DropDownItem { width: 230px; height: 26px; display: block; padding: 6px 0px 0px 10px !important; color: #095396; font-size: 14px; text-decoration: none; background: url('/eastern/som/Fammed/Images/Navigation/DropDownItemBkgd.png') no-repeat; } /* Natural - width: 240px; height: 32px; */ 
a.DropDownItem:hover { background: url('/eastern/som/Fammed/Images/Navigation/DropDownItemBkgd_Over.png') no-repeat; }

.Home { width: 54px; }
.Tab1 { width: 167px; }
.Tab2 { width: 238px; }
.Tab3 { width: 102px; }
.Tab4 { width: 137px; }
.Tab5 { width: 150px; }
.Tab6 { width: 106px; }

/* One Col */
div.OneColSpacer { padding: 0px 10px; }

/*LeftNavRepeat CSS Code*/
div.TwoColContentBkgd { background: transparent url('/eastern/som/Fammed/Images/Design/TwoColContentBkgd.png') repeat-y; width: 960px; margin: 0px auto; overflow: hidden; }
div.TwoColContentTopBkgd { background: url('/eastern/som/Fammed/Images/Design/TwoColContentTopBkgd.png') no-repeat; width: 960px; margin: 0px auto; overflow: hidden;  }
div.LeftNavGrad { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavGrad.png') bottom no-repeat; overflow: hidden; width: 960px; margin: 0px auto; }
div.LeftNavFooter { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavFoot.png') no-repeat; width: 960px; height: 12px; margin: 0px auto; }

/*Left Nav*/
div.LeftNavShadow { float: left; width: 220px; min-height: 500px; background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavShadow.png') no-repeat; margin: 0px; padding: 0px; }
div.LeftNavWrap { float: left; width: 220px; padding: 0px 0px 0px 0px; }
div.LeftNavHead { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavHead.png') no-repeat; width: 220px; height: 27px; font-weight: bold; font-size: 14px; color: #ffffff; margin-left: 10px; padding: 6px 0px 0px 10px; overflow: hidden; }
div.LeftNavHead a { font-weight: bold; font-size: 14px; color: #ffffff; }
div.LeftNav { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNav.png') bottom no-repeat; width: 213px; min-height: 650px; }
.LeftNavFont { padding: 5px 5px 10px 10px; }

ul.LeftNav { list-style: none; padding: 0px; margin: 0px 0px 0px 10px; border-bottom: Solid 1px #82b6e6; width: 220px; }
ul.LeftNav a { font-size: 14px; color: #336699; }
ul.LeftNav li { height: 31px; width: 218px; padding: 0px 1px; border-top: Solid 1px #82b6e6;} /* Natural Width is 220px & Height is 32px */
ul.LeftNav li a { text-decoration: none; display: block; width: 209px; height: 26px; padding: 5px 0px 0px 10px;  overflow: hidden; } 
ul.LeftNav li a:hover { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavRO.png') no-repeat; } 
ul.LeftNav li a.Active { background: url('/eastern/som/Fammed/Images/LeftNav/LeftNavRO.png') no-repeat; }
ul.LeftNav li.Sub { background: transparent none; height: 22px; width: 218px; padding: 0px 1px; border-top: 0px none; }
ul.LeftNav li.Sub a { text-decoration: none; display: block; width: 198px; height: 19px; padding: 3px 0px 0px 20px; font-size: 12px; }
ul.LeftNav li.Sub a:hover { background: #f3da76; }
ul.LeftNav li.Sub a.Active { background: #f3da76; }

div.LeftNavButtonWrap { display: block; padding: 20px 0px 10px 17px; width: 206px; }

a.LeftNavButton { height: 60px; width: 206px; background: url( '/eastern/som/Fammed/Images/Buttons/LeftNavButton.png' ) no-repeat; display: block; text-decoration: none; cursor: pointer; }
a.LeftNavButton:hover { background-position: 0 -60px; }

span.LeftNavButton { display: block; background: url('/eastern/som/Fammed/Images/Buttons/LeftNavButton.png') no-repeat; width: 206px; height: 60px; margin: 3px auto; }
span.LeftNavButton:hover { display: block; background: url('/eastern/som/Fammed/Images/Buttons/LeftNavButton_Over.png') no-repeat; }
span.LeftNavButtonIcon { display: block; width: 48px; height: 48px; float: left; margin: 10px 5px 0px 5px; }
span.LeftNavButtonFont { display: block; font-size: 16px; color: #336699; width: 145px; float: left; padding: 8px 0px 0px 0px; }
span.LeftNavButtonFontSub { display: block; font-size: 12px; color: #e69f16; width: 145px; float: left; }

/* Breadcrumb */
.Breadcrumbs, .Breadcrumbs span { color: #4882c5; }
div.BreadcrumbsSpacer { padding: 0px 10px; }

/*PageContent*/
div.RightContentWrap { float: left; width: 720px; margin: 0px 0px 10px 10px; }
div.TopContentWrap { width: 710px; margin-left: 10px; }
div.HFFMContentWrap { width: 420px; margin-left: 10px; margin-top:10px; }
div.MainImageWrap { width: 710px; overflow: hidden; }
div.MainImageBox { width: 710px; }
div.MainImagePic { width: 431px; float: left; border-left: Solid 1px #389bff; overflow: hidden; }
div.MainImageText { width: 250px; float: right; padding: 13px; }
div.MainImageTextContent { width: 250px; color: #ffffff; font-size: 12px; }
div.MainImageGradTop { width: 710px; height: 9px; float: right; background: url('/eastern/som/Fammed/Images/Design/MainImageTop.png') no-repeat; overflow: hidden; position: relative; margin-bottom: -9px; z-index: 2; }
div.MainImageGradFoot { width: 710px; height: 8px; float: right; background: url('/eastern/som/Fammed/Images/Design/MainImageFoot.png') no-repeat; overflow: hidden; position: relative; margin-top: -8px; z-index: 1; }
div.MainImageGrad { width: 710px; float: right; background: url('/eastern/som/Fammed/Images/Design/MainImageGrad.png') bottom no-repeat; overflow: hidden; position: relative; z-index: 1; }
div.MainImageGrad img { margin: 0px; padding: 0px; }
div.MainImageGradRP { width: 710px; float: right; background: url('/eastern/som/Fammed/Images/Design/MainImageGradRP.png') repeat-y; overflow: hidden; position: relative; z-index: 1; }
div.MainStoryWrap { width: 700px; padding-right: 10px; margin-left: 20px; }

FullColumnWrap { width: 710px; }
/* Panel Shadows */
div.SubColContentShadowLeft { background: url('/eastern/som/Fammed/Images/Design/SubBoxColContentShadow.png') no-repeat; width: 10px; height: 171px; float: left; margin-top: 10px;  }
div.SubColContentShadowRight { background: url('/eastern/som/Fammed/Images/Design/SubBoxColContentShadow.png') no-repeat; width: 10px; height: 171px; float: left; margin-top: 10px;  }

/*LeftContent*/
div.LeftColContentWrap { width: 432px; float: left; }
div.LeftColContentFullWrap { width: 422px; }

div.LeftColContentShadow { background: url('/eastern/som/Fammed/Images/Design/LeftColContentShadow.png') no-repeat top left; width: 432px; padding-left: 10px; margin-top: 10px; }
div.LeftColContentHeader { background: url('/eastern/som/Fammed/Images/Design/LeftColContentHeader.png') no-repeat; width: 412px; height: 31px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #ffffff; font-size: 18px; font-weight: bold; }
div.LeftColContentRP { background: url('/eastern/som/Fammed/Images/Design/LeftColContentRP.png') repeat-y; width: 422px; }
div.LeftColContent { overflow: hidden; background: url('/eastern/som/Fammed/Images/Design/LeftColContent.png') bottom no-repeat; width: 402px; min-height: 171px; font-size: 12px; color: #336699; padding: 5px 10px 0px 10px; }
div.LeftColContentFoot { background: url('/eastern/som/Fammed/Images/Design/LeftColContentFoot.png') no-repeat; width: 422px; height: 8px; margin: 0px; }

/*RightContent*/
div.RightColContentWrap { width: 288px; float: right; }
div.RightColContentFullWrap { width: 278px; min-height: 151px; overflow: hidden; }

div.RightColContentShadow { background: url('/eastern/som/Fammed/Images/Design/RightColContentShadow.png') no-repeat top left; width: 288px; padding-left: 10px; margin-top: 10px; }
div.RightColInnerWrap { width: 278px; }
div.RightColContentHeader { background: url('/eastern/som/Fammed/Images/Design/RightColContentHeader.png') no-repeat; width: 268px; height: 31px; margin: 0px; padding: 4px 0px 0px 10px; color: #ffffff; font-size: 18px; font-weight: bold;}
div.RightColContentRP { background: url('/eastern/som/Fammed/Images/Design/RightColContentRP.png') repeat-y; width: 278px; }
div.RightColContent { overflow: hidden; background: url('/eastern/som/Fammed/Images/Design/RightColContent.png') bottom no-repeat; width: 258px; min-height: 171px; font-size: 12px; color: #336699; padding: 5px 10px 0px 10px; }
div.RightColContentFoot { background: url('/eastern/som/Fammed/Images/Design/RightColContentFoot.png') no-repeat; width: 278px; height: 9px; margin-bottom: 0px;}

li.RightCont { width: 251px; padding: 0px 0px 5px 15px; background: url('/eastern/som/Fammed/Images/Buttons/ArrowBtn.png') no-repeat; display: block; }
ul.RightCont { list-style-type: none; padding: 0px; margin: 0px; }

.MainContFont { font-size: 12px; color: #336699; margin:10px 5px; }

/*Events*/
div.EventWrap { width: 266px; }
div.Event { width: 266px; background: url( '/eastern/som/Fammed/Images/Design/EventBkgd.png' ) repeat-y; margin-top: 10px; overflow: hidden; }
div.EventGradient { width: 266px; background: url( '/eastern/som/Fammed/Images/Design/EventGradient.png' ) no-repeat; overflow: hidden; }
div.DatePanel { width: 35px; padding: 10px; float: left; }
div.DatePanelImage { width: 35px; height: 32px; background: url( '/eastern/som/Fammed/Images/Design/DatePanel.png' ) no-repeat; text-align: center; padding-top: 8px; }
div.EventContent { width: 187px; float: right; padding: 10px; }
span.EventMonth { font-size: 10px; font-weight: bold; color: #336699; font-family: Arial; line-height: 10px; }
span.EventDate { font-size: 18px; font-weight: bold; color: #003366; font-family: Arial; line-height: 18px; }
span.EventTitle { font-size: 13px; font-weight: bold; color: #004584; }
span.EventDetails { font-size: 12px; font-weight: normal; color: #333333; }

div.MainContentWrap { width: 429px; border-bottom: Solid 1px #9dc3e6; }
div.DateFont { color: #4882c5; font-weight: bold; font-size: 14px; margin-left: 10px; }
div.PlusWrap { width: 400px; min-height: 20px; margin-left: -10px; }
div.PlusBtn { background: url('/eastern/som/Fammed/Images/PlusBtn.png') no-repeat; width: 12px; height: 12px; float: right; }
a.MainContentLink { color: #333333; font-size: 14px; font-weight: bold; float: left; margin-left: 10px; }
a.MainContentLink:hover { text-decoration: underline; }

div.ArrowWrap { width: 290px; padding-bottom: 5px; }
div.ArrowBtn { background: url('/eastern/som/Fammed/Images/Buttons/ArrowBtn.png') no-repeat; width: 12px; height: 12px; float:left; margin: 2px 5px 0px 0px; }
a.ContentLink { color: #4882c5; font-size:12px; font-weight: bold; padding-top: 10px; }
a.ContentLink:hover { text-decoration: underline; }

/*Accordion*/
.AccordionHeader { font-weight: bold; padding: 4px 26px 5px 4px; margin-top: 6px; cursor: pointer; width: 370px; border: 1px solid #c6dcf1;  background: #dce8f3 url('/eastern/som/Fammed/Images/Design/AccordionHeader.gif') no-repeat; }
.AccordionHeader:hover { background: #dce8f3 url('/eastern/som/Fammed/Images/Design/AccordionHeader_Over.gif') no-repeat; }
.AccordionHeaderSelected {font-weight: bold; padding: 4px 4px 5px 4px; margin-top: 6px; cursor: pointer; width: 392px; background: #dce8f3; border: 1px solid #c6dcf1; border-bottom: 0px none; }
.AccordionContent { border: 0px none; padding: 4px; font-size: 12px; font-weight: normal; color: #333333; border: 1px solid #c6dcf1; border-top: 0px none; line-height: 16px;  background: #fbfcfe; }
.AccordionContent img { padding: 2px; margin-right: 4px; margin-bottom: 2px; float: left; border: 1px solid #c6dcf1; }
.AccordionContent a { font-weight: bold; }
.AccordionHeader a, .AccordionHeaderSelected a { font-size: 13px; color: #004584; text-decoration: none; }
.AccordionHeader a:hover, .AccordionHeaderSelected a:hover  { text-decoration: underline; }

/*Table*/
table.TableStyle { margin: 0px auto; padding: 0px; border: 1px solid #b8d2e9; border-collapse: collapse; }
table.TableStyle th { height: 33px; background: url('/eastern/som/Fammed/Images/Table/TableHeaderRepeat.jpg') repeat-x; overflow: hidden; border: Solid 1px #b8d2e9; padding-left: 5px; font-size: 14px; font-weight: bold; color: #336699; text-align: left; }
table.TableStyle td { padding: 5px; text-align: left; border-left: Solid 1px #b8d2e9; border-bottom: Solid 1px #b8d2e9; border-right: Solid 1px #b8d2e9; }
table.TableStyle td.Bottom { background-color: #aad4fb; height: 10px; border-right: Solid 1px #aad4fb; }

/* Image Holder DIVs */
div.ImageHolder { margin: 5px 0px 5px 0px; }
div.ImageHolderLeft { float: left; margin: 0px 5px 5px 0px; }
div.ImageHolderRight { float: right; margin: 0px 5px 5px 0px; }

/*zebra stripping*/
.Even{ background-color:#d7ecff }
.Odd{ background-color:#eff8ff }
.Subtitle{ background-color:#cadff4 }

.RedText{ font-size:16px; font-weight:bold; color:#990000;}
.SmallerRedText{ font-size:12px; font-weight:bold; color:#990000;}
.CaptionText{ font-size:10px; font-weight:bold; color:#336699; !important }

/*Invis table Spacing*/
table.InvisTableStyle { margin: 0px auto; padding: 0px;}
table.InvisTableStyle td { padding: 5px; text-align: left; }
