/**********************************************************************/
/**  Name:         :  NewInternet.css                                **/
/**  Author:       :  Tony Johnson                                   **/
/**  Author Email  :  anthony.johnson@wesdschools.org                **/
/**  Functions     :  CSS Styling for New Internet                   **/
/**  Create Date   :  23-May-2007                                    **/
/**  Last Update   :  27-June-2007                                   **/
/**  Called by     :  N/A                                            **/
/**                                                                  **/
/**********************************************************************/
/**                             CHANGE LOG                           **/
/**********************************************************************/

body
  {
  background-color: white;
  /*width: 760px;*/
  /*margin: 0px;*/
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: normal;
  text-decoration: none;
  color: #000000;
  margin-left: auto; margin-right: 300px;  
  }

a:link, a:visited, a:active
  {
  color: #00337f;
  text-decoration: none;
  }
  
a:hover
  {
  color: #00337f;
  text-decoration: underline;
  }

#container
  {
  /*width: 760px;*/
  height: auto;
  margin-left: auto; margin-right: auto;
  }

  

table 
  {
  text-align: left;
  border: 0;
  margin-left: auto; margin-right: auto;
  }

.tCenter
  {
  text-align: center;
  }

#topBannerContainer
  {
  display: none;
  /*width: 760px; height: 122px;
  margin: 0px;*/
  }

#topMenuContainer
  {
  display: none;
  /*width: 760px;*/
/*  background-color: #0a264e;*/
/*  border-width: 2px 0px 2px 0px;
  border-color: #cc3333;
  border-style: solid;
  margin: 0px;*/
  }

#bodyContainer
  {
  width: 760px; height: auto;
  background-color: #0a264e;
  border: none;
  margin: 0px;
  float: left;
  }

#leftMenuContainer
  {
  width: 180px; height: auto;
  float: left;
  background: url(../images/leftmenublank.gif) no-repeat left top;  
  margin: 0px;
  border: none;
  overflow: hidden;
  }

.leftMenuHeader 
  {
  width: 172px;
  margin: 0px;
  float: left;
  overflow: hidden;
  }

.leftMenuHeader img
  {
  border: 0px;
  margin-left: -10px;
  padding: 0px;
  width: 180px;
  overflow: hidden;
  }

.leftMenuHeader tr
  {
  width: 172px;
  margin: 0px;
  padding: 0px;
  float: left;
  overflow: hidden;
  }

.leftMenuHeader table
  {
  width: 172px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
  }

.leftMenuHeader tbody
  {
  width: 172px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
  }


.leftMenuHeader td
  {
  width: 180px;
  color: #ffffff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 8pt; font-weight: bold;
  text-decoration: none;
  text-align: left;
  padding: 0px;
  margin-left: -2px;
  float: left;
  overflow: hidden;
  }

.leftMenuHeader A,.leftMenuHeader A:visited,.leftMenuHeader A:active
  {
  width: 172px; height: 20px;
  display: block;
  color: white;
  text-decoration: none;
  line-height: 140%;
  padding-left: 8px; 
  overflow: hidden;
  }

.leftMenuHeader A:hover
  {
  width: 180px;
  background: #cc3333;
  display: block;
  color: white;
  line-height: 140%;
  overflow: hidden;
  text-decoration: none;
  }

#leftSideContainer
  {
  display: none
  /*width: 180px; height: auto;*/
  /*float: left;*/
  /*overflow: hidden;*/
/*  margin-top: 0px;
  */
}

#rightContainer
  {
  display: block;
  width: 600px;
  color: #000000;
  }
  
#search
  {
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  }

/* SCHOOLS PAGE */

.rightContentContainer
  {
  display: block;
  width: 526px; height: 116px;
  margin-left: 20px; margin-right: auto;
  }

#topSchoolInfo
  {
  display: block;
  height: 116px;
  }

.headerLargeContainer
  {
  display: block;
  width: 526px;
  margin-left: auto; margin-right: auto;
  margin-top: 14px;
  /* text-align: center; */
  }

.headerSmallContainer
  {
  display: block;
  width: 526px; height: 20px;
  margin-left: auto; margin-right: auto;
  }

IMG
  {
  display: block;
  margin-left: auto; margin-right: auto;
  }

#schoolPic
  {
  display: inline; 
  margin-left: 20px;
  width: 170px; height: 116px;
  float: left;
  }

#schoolAddress
  {
  font-size: 9pt;
  text-align: justify; 
  width: 200px; height: 116px;
  display: inline; 
  }

#staffBlock
  {
  display: block;
  float: left;
  margin-right: auto; 
  margin-left: auto;
  width: 320px;
  }

.principalInfo
  {
  color: #00337f;
  font-size: 10pt;
  text-align: left;
  margin-left: 20px;
  float: left;
  width: 300px;
  }

#eventsContainer
  {
  display: block;
  float: right;
  width: 152px; height: 116px;
  padding-right:8px;
  text-align: center; 
  }

.viewCalendar
  {
  font-size: 10pt;
  text-align: center;
  }

.schoolInfoContainer
  {
  display: block;
  margin-right: 12px;
  float: right;
  }

#schoolHours
  {
  display: block;
  float: right;
  margin-right: 6px;
  width: 230px;
  }

.schoolInfoHeader
  {
  text-align: left;
  float: left;
  }  

.schoolInfoData
  {
  text-align: right;
  float: right;
  }

.schoolDescriptionContainer
  {
  display: block;
  width: 526px; height: auto;
  margin-left: auto; margin-right: auto;
  }

.schoolDescription
  {
  text-align: justify;
  width: 526px;
  margin-left: auto; margin-right: auto;
  }

.schoolDescriptionBullet1
  {
  line-height: 175%;
  text-align: left;
  margin-left: 12px;
  float: left;
  }

.schoolDescriptionBullet2
  {
  line-height: 175%;
  text-align: left;
  margin-left: 296px;
  float: left;
  }

.resources th
  {
  color: #00337f;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  } 

.resources td
  {
  text-align: left;
  line-height: 175%;
  }

.siteCouncilHeader
  {
  color: #00337f;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  float: left;
  /* margin-left: 12px; */
  }


/* GOVERNING BOARD PAGE */


.gbBodyContainer
  {
  display: block;
  width: 536px; height: 292px;
  float: left;
  margin-left: auto; margin-right: auto;
  }

#gbLeftContainer
  {
  display: block;
  float: left;
  width: 144px; height: 220px;
  margin-left: 20px; margin-right: auto;
  }

#gbPicContainer
  {
  display: block;
  width: 133px; height: 178px;
  margin-left: 20px; margin-right: auto;
  float: left;
  }

#gbContactContainer
  {
  display: block;
  float: left;
  width: 144px; height: 36px;
  margin-left: 4px;
  text-align: right;
  }
  
.gbPhone
  {
  color: #00337f;
  font-weight: bold;
  text-align: right;
  }
  
.gbContact
  {
  color: #00337f;
  font-size: 7pt;
  font-weight: bold;
  text-align: right;
  }
  
.gbInfoContainer
  {
  display: block;
  float: right;
  width: 392px; height: auto;
  margin-left: auto; margin-right: auto;
  text-align: justify;
  }
  
.gbInfo
  {
  text-align: justify;
  }
  
 
 /* GOVERNING BOARD AGENDA & MINUTES */

#viewAgendaContainer
  {
  display: inline;
  margin-left: 20px; margin-right: auto;
  float: left;
  text-align: left;
  }

.viewAgenda
  {
  font-size: 10pt;
  text-align: left;
  }
  
#agendaContainer
  {
  display: block;
  float: left;
  margin-left: 10px;
  width: 526px; height: auto;
  }
  
th.agendaHeader
  {
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  background-color: #00337f;
  width: 422px;
  }

th.minutesHeader
  {
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  background-color: #00337f;
  width: 104px;
  }
  
td.agendaData
  {
  color: #00337f;
  text-align: left;
  width: 422px;
  }
  
td.minutesData
  {
  color: #00337f;
  text-align: left;
  width: 104px;
  }
  

/* FOR PARENTS PAGE */

.parentsDataContainer
  {
  display: block;
  width: 263px;
  float: left;
  text-align: left;
  margin-left: auto; margin-right: auto;
  }
  
li
  {
  text-align: left;
  line-height: 175%;
  text-decoration: none;
  }
  
ul
  {
  margin-top: 0px;
  }

.ulTopMargin
  {
  margin-top: -20px;
  }
  
.ulSchoolMargin
  {
  margin-top: -20px;
  margin-left: 20px;
  }

/* DEPARTMENTS PAGE */

#departmentContactContainer
  {
  display: block;
  width: 526px; height: auto;
  margin-left: auto; margin-right: auto;
  text-align: left;
  }
  
.departmentContactName
  {
  color: #00337f;
  font-size: 10pt;
  text-align: left;
  }
  
.departmentContactTitle
  {
  color: #00337f;
  text-align: left;
  display: inline;
  }
  
.departmentContactPhone
  {
  color: #00337f;
  text-align: left;
  }
  
.departmentContactEmail A,.departmentContactEmail A:visited,.departmentContactEmailr A:active
  {
  color: #00337f;
  text-align: left;
  }
  
#departmentDescriptionContainer
  {
  display: block;
  margin-left: auto; margin-right: auto;
  text-align: justify;
  }
  
.departmentDescription
  {
  text-align: justify;
  }
  

/* ABOUT WESD PAGE */

#quoteContainer
  {
  display: block;
  width: 526px; height: 63px;
  margin-left: auto; margin-right: auto;
  }

.aboutWesdInfo1Container
  {
  display: block;
  width: 526px; height: auto;
  margin-left: auto; margin-right: auto;
  text-align: justify;
  }
  
.aboutWesdInfo1
  {
  text-align: justify;
  }
  
.aboutWesdInfo2
  {
  text-align: justify;
  line-height: 150%;
  }
  
  
/* MAIN PAGE */

#upcomingEventsContainer
  {
  display: block;
  width: 280px; height: 72px;
  margin-left: 20px; margin-right: auto;
  float: left;
  text-align: left;
  }
 
.upcomingEvents
  {
  font-size: 10pt;
  text-align: left;
  }

#adminContainer
  {
  display: block;
  width: 220px; height: 161px;
  margin-right: 20px; margin-left: auto;
  float: right;
  }
 
#mainAppleContainer
  {
  display: block;
  margin-right: 20px; margin-left: auto;
  width: 130px; height: 140px;
  float: right;
  }


/* LATEST NEWS PAGE */

.headlineContainer
  {
  display: block;
  width: 526px; height: 24px;
  /*border: #00337f solid 2px;*/
  /*background-color: #b2c2d9; */
  margin-left: auto; margin-right: auto;
  }
  
.newsHeadline
  {
  font-weight: bold;
  }
  
.newsDate
  {
  text-decoration: none;
  }
  
.newsDescriptionContainer
  {
  display: block;
  margin-left: auto; margin-right: auto;
  width: 526px; height: auto;
  text-align: left;
  }
  
.newsDescription
  {
  text-decoration: none;
  }
  
  
/* FACILITIES COUNCIL PAGE */

.facilitiesHeaderBold
  {
  color: #00337f;
  font-weight: bold;
  }
  
.facilitiesHeaderNormal
  {
  color: #00337f;
  font-weight: normal;
  }


.scheduleHeader
  {
  font-weight: bold;
  }
  

/* COUNCILS & COMMITTEES PAGE */

.click
  {
  text-decoration: none;
  }
  
.councilsYear
  {
  color: #00337f
  }
  
  
/* BOARD APPEARANCES PAGE */

.attendance
  {
  font-weight: bold;
  }
  
.appearanceLeftContainer
  {
  width: 236px; height: 48px;
  float: left;
  margin-left: 20px;
  text-align: left;
  }
  
.appearanceRightContainer
  {
  width: 236px; height: 48px;
  float: right;
  margin-right: 20px;
  text-align: right;
  }
  
.meetingHeader
  {
  font-size: 9pt;
  }
  
  
/* BOARD GIFTS AND DONATIONS PAGE */

#appreciateContainer
  {
  width: 526px; height: 36px;
  text-align: justify;
  }
  
#appreciate
  {
  font-weight: bold;
  }
  
/* TABLE WIDTH NOTES:  LEFT COLUMN = 152px   RIGHT COLUMN = 374px */



/* BOARD GOVERNANCE PAGE */

.boardElections
  {
  color: #00337f;
  font-weight: bold;
  }
  
  
/* BOARD MEETING CALENDAR PAGE */

#meetingRoom
  {
  font-size: 7pt;
  text-align: left;
  }
  
#meetingAnnounce
  {
  font-size: 7pt;
  color: #cc3333;
  text-align: left;
  }


/* GOVERNING BOARD POLICY MANUAL PAGE */

#boardPolicy
  {
  font-size: 7pt;
  display: inline;
  }
  
.policyLink li
  {
  font-size: 7pt;
  color: #00337f;
  display: inline;
  }
  
  
/* SUPERINTENDENT PAGE */

#superPicContainer
  {
  display: block;
  width: 175px; height: 221px;
  float: right;
  }
  
#superText1Container
  {
  display: block;
  width: 348px; height: 220px;
  float: left;
  text-align: justify;
  }
  
#superText2Container
  {
  display: block;
  width: 524px; height: 672px;
  float: left;
  text-align: justify;
  }
  

/* TAX CREDIT PAGE */

.taxCreditInfo
  {
  color: #00337f;
  font-weight: bold;
  }
  
.taxCreditNot
  {
  color: #cc3333;
  font-weight: bold;
  }  
  
.furtherInfo
  {
  color: #00337f;
  }
  

/* HOME PAGE */

#mainBodyContainer
  {
  display: block;
  width: 760px; height: 600px;
  border: 2px #cc3333 solid;
  }
  
#mainPicContainer
  {
  display: block;
  width: 760px; height: 352px;
  border-bottom: 2px solid; color: #cc3333;
  background: url(../images/homeback.gif) no-repeat 0 100%;
  overflow: hidden;
  }

#mainPicContainer li
  {
  margin-left: -15px;
  color: white;
  }
 
#mainPicContainer a,#mainPicContainer a:visited, #mainPicContainer a:active
  {
  color: white;
  text-decoration: none;
  }
 
#leftAppleContainer
  {
  display: block;
  float: left;
  height: 352px;
  width: 288px;
/*  width: 288px; height: 352px; float: left; */
  overflow: hidden;
  }

.readMore
  {
  display: block; width: 288px; height: 32px;
/*  float: left; */
  font-size: 7pt; color: #00337f; text-align: left;
  overflow: hidden;
  padding-left: 10px; padding-top: 2px;
  }

.latestNewsHeader
  {
  display: block; width: 288px; height: 29px;
/*  float: left; */
  font-size: 7pt; color: #00337f; text-align: left;
  overflow: hidden;
  padding-left: 170px;
  padding-top: 8px;
  }

.latestNewsContainer
  {
  display: block;
  width: 288px; height: 72px; padding-top: 1px; padding-top: 1px; margin-top: 1px; margin-top: 1px; float: left;
  overflow: hidden;
  }

.upcomingEventsHeader
  {
  display: block; width: 288px; height: 28px;
  float: left;
  font-size: 7pt; color: #00337f; text-align: left;
  /*overflow: hidden;*/
  padding-left: 170px; padding-top: 10px;
  }

.upcomingEventsContainer
  {
  display: block;
  width: 288px; height: 73px; padding-top: 1px; padding-top: 1px; margin-top: 1px; margin-top: 1px;
  float: left;
  /*overflow: hidden;*/
  }

.specialNoticesHeader
  {
  display: block; width: 288px; height: 32px;
  float: left;
  font-size: 7pt; color: #00337f; text-align: left;
  overflow: hidden;
  }

  
.specialNoticesContainer
  {
  display: block;
  width: 288px; height: 70px; 
  padding-top: 32px; padding-top: 3px;  
  margin-top: 32px; margin-top: 3px; float: left;
  overflow: hidden;
  }
  
.mainList li
  {
  font-size: 8pt; text-align: left; color: #ffffff;
  }
  
.bottomBannerContainer
  {
  display: block; width: 760px; height: 96px;
  background: url(../images/bottombanner.gif) no-repeat 0 100%;
  }

.footerContainer
  {
  display: block;
  width: 760px; height: 32px;
  font-size: 7pt; color: #ffffff; text-align: center;
  }
  
#webConnect
  {
  display: block;
  float: right;
  font-family: impact; font-size: 14pt; color: white;
  text-decoration: none;
  margin-right: 8px; margin-top: 12px;
  }
  
#webConnect a:link, #webConnect a:visited, #webConnect a:active
  {
  color: white;
  text-decoration: none;
  }
  
  
/* EMPLOYMENT PAGE */

#classifiedContainer
  {
  display: block;
  width: 240px; height: 129px;
  float: left;
  }
  
.employmentContainer
  {
  display: block;
  width: 332px; height: 23px;
  float: left;
  }
  
.currentOpeningsContainer
  {
  display: block;
  width: 332px; height: 106px;
  font-size: 10pt;
  color: #ffffff;
  text-align: left;
  }
  
.blueKidsContainer
  {
  display: block;
  width: 572px; height: 128px;
  float: left;
  font-family: impact; font-size: 14pt; color: #ffffff; text-align: left;
  padding-left: 10px;
  }
   
.footerBannerContainer
  {
  display: block;
  width: 760px; height: 96px;
  float: left;
  }
  
.hrloginContainer
  {
  display: block;
  width: 253px; height: 32px;
  font-family: impact; font-size: 14pt;
  }
  
.hrAdministrationContainer
  {
  display: block;
  width: 740px; height: 48px;
  border-bottom: 2px solid #cc3333;
  }
  

/* THIS NEEDS TO BE FIXED - ONLY USE FOR INTERIM */

#rightEmploymentContainer
  {
  display: block;
  width: 572px;
  background-color: #0a264e;
  border-width: 8px 8px 8px 0px;
  border-color: #0a254e;
  border-style: solid;
  float: right;
  overflow: hidden;   
  }


/* inserted on 7/11/07 by Mike to address top link of a list not being clickable and Chris needs it for 7/12/07 presentation */

.mainListContainer
  {
  width: 552px;
  float: left;
  display: block;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  }

.leftListContainer
  {
  width: 276px;
  float: left;
  display: block;
  padding-top: 3px;
  }

.rightListContainer
  {
  width: 276px;
  float: right;
  display: block;
  padding-top: 3px;
  }
  
#cityState
  {
  display: block;
  float: left;
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 8pt; font-weight: normal; color: white;
  text-decoration: none;
  margin-left: 8px; margin-top: 12px;
  }
  

/* NEW FOR PARENTS PAGE */

#rightBlueContainer
  {
  display: block;
  width: 572px; background-color: #0a264e; border: none; float: right; overflow: hidden;
  }
  
.parentsContainer
  {
  display: block;
  width: 528px; height: 56px; border: 0px 0px 2px 0px; border-color: #cc3333; border-style: solid; margin-left: auto; margin-right: auto; float: left;
  }
  
#welcomeWesd
  {
  display: block;
  font-family: Impact; font-size: 18pt; color: #ffffff; font-weight: normal; float: left; margin-left: 4px;
  }
  
#schoolPrograms
  {
  display: block;
  font-family: Impact; font-size: 18pt; color: #ffffff; font-weight: normal; float: right; margin-right: 4px;
  }
  
#parentsResources
  {
  display: block;
  font-family: Impact; font-size: 18pt; color: #ffffff; font-weight: normal; float: left; margin-left: 4px;
  }