body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060;  }
body { background: url(/images/bodyBG.gif) 0 0 repeat-y #EBEBEB; margin: 0px; }

h1, h2, h3, h4, h5, h6, form { margin:0; padding:0;}

input {font-size: 10px;}
select {font-size: 10px;}

#bodyWraper { width:778px; }

#logo { width:41px; height:133px; float:left; background: url(/images/pcLogo.gif) 0 0 no-repeat;  }
#logo h1 { margin:0; padding:0; font-size: 10px;}
#logo h1 a { text-decoration:none !important; text-indent:-9999px; width:100%; height:100%; display:block; }

#pageContent { float:left; border-left:1px solid #EBEBEB;  }
#address { height:35px; width:715px; border-bottom:1px solid #EBEBEB; font-size:10px; padding-left:22px; line-height:35px; }

#supernav { height:20px; width:715px; border-bottom:1px solid #EBEBEB; font-size:10px; padding:5px; line-height:35px; }

#navBar { border-bottom:1px solid #EBEBEB; }
#navBar a { text-decoration:none; line-height:18px; color:#7D7D7D; }
#navBar a.hiliteBG, #navBar a:hover  { color:#fff; }

#mainNav { line-height:18px; height:18px; float:left; width:600px;  }
#mainNav a { padding: 2px 23px; border-right:1px solid #EBEBEB;  }


#dateLogOut { line-height:18px; height:18px; float:right; white-space: nowrap; }
#dateLogOut span { margin: 0 21px 0 15px;}
#dateLogOut a { padding:2px 30px 2px 19px; background:url(/images/logoutIcon.gif) 60px 5px no-repeat; border-left:1px solid #EBEBEB; }

#mainContents { clear:both; background:url(/images/threeColsBG.gif) 0 0 repeat-y; }

#mainContents.towCols { background-image:url(/images/twoColsBG.gif); }

#membColOne { float:left;  width:329px; margin-right:1px;}
#membOneCol { padding:10px; background-color:#fff; text-align:center;}
#membOneCol tr {text-align:left;}
#userHtml { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

#kidCorner { background-color:#EBEBEB; }
#kidPhoto { overflow:hidden; width:329px; height:240px; }
#kidNote { padding: 5px 15px 5px 15px; }
#kidNote span { margin:0;}
span#kidNoteName { text-transform:uppercase; font-size:10px; }
span#kidNoteBody { font-size:16px; color:#000; margin-top:5px; display:block;   }

#infoGrid { border-bottom: 1px solid #EBEBEB; }
#infoGrid .infoGridBoxAA { height:18px;	width:162px; float:left; border-right: 1px solid #EBEBEB; padding:6px 0 0 0; text-align:center; }
#infoGrid .infoGridBoxBB { height:18px; width:166px; float:left;  padding:6px 0 0 0; }
#infoGrid .infoGridBoxAA:hover, #infoGrid .infoGridBoxBB:hover { background-color:#7D7D7D; }
.infoGridBoxA { height:28px; line-height:28px; width:149px; float:left; border-right: 1px solid #EBEBEB; padding-left:13px; }
.infoGridBoxB { height:28px; line-height:28px; width:147px; float:left; padding-left:13px; }
h2.infoGridLink {  font-size:11px; }	
#parentMsg { padding:10px 10px 10px 10px; font-size:12px; color:#666666; font-family: Arial, Helvetica, sans-serif;}

#mainContents #schoolInfoNlogo { width:407px; float:left; background-color:#fff; border-bottom: 1px solid #EBEBEB; height:72px;  }
#mainContents.oneCol #schoolInfoNlogo , #mainContents.towCols #schoolInfoNlogo { width:737px; }
#schoolLogo { float:right; }
h2.schoolNameGrey { font-size: 18px; font-weight:normal; margin: 15px 0 0 19px; width:240px; }
h2.schoolNameColored { font-size: 18px; font-weight:normal; margin: 0 0 0 19px;  width:240px; }

#mainContents #membColTwo { width:200px; float:left; margin-right:1px;  }
#mainContents.towCols #membColTwo { width:530px; background-color:#fff;}
.contentBox { padding: 16px 0px 14px 17px; width:180px}
#membColTwo h3.subHeader { margin-left:1px;}
h3.subHeader { font-size:12px; margin-bottom:8px; }
ul.checkedList { margin:0; padding:0; width:167px; }
ul.checkedList li { list-style:none; width:100%; }
ul.checkedList li a { width:149px; text-decoration:none; line-height:14px;  display:block; padding: 0 0 0 18px; background:url(/images/checkBullet3.gif) 0 0 no-repeat; }
ul.checkedList li a:hover { background-position: 0 -42px; color:#fff; }

#galleryHeader { background-color:#EBEBEB}
.galleryRow { border-bottom:1px solid #EBEBEB; }
.galleryRow div { float:left; height:50px; }
.galleryThmb {}
.galleryDate { width:67px; text-align:center; border-right:1px solid #EBEBEB; line-height:50px; }
.galleryDesc { line-height:50px; padding-left: 18px; }
#galleryNav { text-align:right; padding-right:11px; line-height:30px;}

#membColThree {width:206px; float:left;  }
#membColThree .contentBox { padding: 16px 0 14px 20px;}

#calendar { margin-bottom:8px;}
#calendar td { font-size:10px; text-align:center;}
#calendar td.hiliteBG { color:#fff;}
.today { border:1px solid #7D7D7D; }

#calEvents { border-top:1px solid #7D7D7D; padding:10px 0 0 0; margin-right:17px;}
#calEvents p { margin:0;}
#weatherIcon { float:left; width:48px; margin-bottom:10px; }
#weatherInfo {}

#footer { clear:both; color:#ccc; border:1px solid #EBEBEB; border-width:1px 0; background:url(/images/footercheck.gif) 1px 0 no-repeat; padding-left:51px;}
#copyright {float:left; height:20px; line-height:20px; font-size:10px;}
#privacy { float:right; height:20px; line-height:20px; font-size:10px; margin-right:5px }
#privacy a { color:#ccc; line-height:20px; }

.hLineSpacer { border-bottom: 1px solid #EBEBEB; clear:both;}
a:hover { text-decoration:none; }


.cf:after { content: "."; display: block;   height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */

/****************** HOMEPAGE ONLY ******************/
#landigWrapperPrevious { top:50%; margin-top:-160px; color:#959595; position:absolute; border:0px solid; height:320px; }
#landigWrapper { margin-top:60px; color:#959595; border:0px solid; height:320px; }
#landigWrapper a { color:#F7941C  }
#landigWrapper a:hover { color:#003366  }
#landigFooter { padding: 15px 0px 0 10px;  font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#CCCCCC}
.login-button {}
.login-input { color:#959595; width:128px; height:15px; border::1px solid #CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.homebody { background-image:url(/images/clear.gif) !important; background-color:#FFFFFF !important}