/* ========================================================================== */
/*   Centreville Elementary PTA  --  http://www.centrevillepta.org/           */
/* ========================================================================== */
/*    Content :  Main Site Stylesheet                                         */
/*    Last Updated :  20-Jan-2010                                             */
/* ========================================================================== */

/* =========================  Base  Element Styles  ========================= */

html {
  color: #5D5D5D;
  background: #CACBCC;
/*  background: #CACBCC url(../img/cont_footer_bg.gif) repeat-y top center;  */
  }

body {
  color: #5D5D5D;
  background: #FFFFFF url(../img/bg.jpg) repeat-x left top;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: arial, sans-serif, verdana, tahoma, helvetica, "book antiqua", "trebuchet ms", "arial narrow";
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  }

html>body {
  font-size: small;
  }

 a {
  color: #136ABB;
  background: transparent;
  outline-style: none !important;
  }

 a:hover {
  color: #79B118;
  text-decoration: underline;
  }

/*
a:link {
  color: #40659B;
  }
a:visited {
  color: #8EA4C2;
  }
a:hover {
  color: #036;
  }  
*/
  
h1, h2, h3, h4, h5, h6 {
  background: transparent;
  font-weight: normal;
  margin: 10px 0px 5px 0px;
  }

h1, h2 { color: #BB1215; }
h3, h4, h5, h6 { color: #5D5D5D; }

h1 { font-size: 140%;}
h2 { font-size: 130%;}
h3 { font-size: 120%;}
h4 { font-size: 110%;}
h5 { font-size: 100%;}
h6 { font-size: 90%;}

p {
  color: #5D5D5D;
  font-weight: normal;
  line-height: 1.3em;
  margin: 10px 0px;
  }

p.ruleline {
  background: url(../img/ruleline.gif) repeat-x center left;
  height: 8px;
  padding: 0px;
  margin: 0px;
  line-height: 1em;
  clear: both;
  }

p.ruleline2 {
  background: url(../img/ruleline.gif) repeat-x center left;
  height: 8px;
  padding: 0px;
  margin: 0px;
  line-height: 1em;
  }

hr {
  background: #DCDCDC;
  margin: 9px 0px 9px 0px;
  }

* {
  padding: 0px;
  margin: 0px;
  }


/* ============================ Page Container ============================= */

#container {
  color: #000000;
  background: url(../img/cont_main_bg.jpg) no-repeat top center;
  width: 1010px;
  margin: 0 auto;
  text-align: left;
  }

#wrapper {
  padding: 0px 20px 0px 20px;
  }


/* ================================ Header ================================= */

#printheader {
  display: none;
  }

#wrapheader {
  background: #a9a9a9 url(../img/header.jpg) no-repeat top center;
  margin: 0 auto;
  width: 1010px;
  }

#header {
  width: 1010px;
  text-align: left;
  height: 231px;
  clear: both;
  }

#top {
  background: url(../img/top_bg.gif) no-repeat center left;
  margin: 0 0 0 5px;
  height: 196px;
  }

#logo {
  margin: 0 0 0 15px;
  z-index: 99;
  width: 328px;
  height: 177px;
  }

#logo a {
  display: block;
  padding: 10px 0 0 10px;
  width: 328px;
  height: 177px;
  outline-style: none !important;
  text-decoration: none;
  }

#logo a:hover {
  background: none;
  }

#logo img {
/*  display: none; */
  border: none;
  }

#headsup {
  }

#slogan {
  position: relative;
  top: 45px;
  left: 225px;
  display: none;
  }

#pagetitle {
  position: relative;
  top: 62px;
  left: 125px;
  }

.years {
  float: right;
  color: #d7d7d7;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 20px 0px 0px;
  }

.displaydate {
  float: right;
/*  clear: right; */
  color: #BB1215;
  font-weight: bold;
  font-size: 14px;
  padding: 12px 27px 0px 0px;
  }


/* ================================ Spacer ================================= */

#spacer {
  background: url(../img/spacer.gif) no-repeat top center; /* #712596 */
  height: 14px;
  line-height: 14px;
  font-size: 0px;
  }


/* ============================== Side Column ============================== */

#sidebarright {
  float: right;
  clear: right;
  width: 230px;
  text-align: left;
  padding: 0px;
  margin-top: 10px;
  background: url(../img/sidebar_tile.gif) repeat-y top left;
  }

#sidebarright2 {
  float: right;
  clear: right;
  width: 250px;
  text-align: left;
  padding: 0px;
  margin-top: 10px;
  background: url(../img/sidebar_tile.gif) repeat-y top left;
  }

#sidebarleft {
  float: left;
  width: 230px;
  text-align: left;
  padding-top: 0px;
  margin-top: 10px;
  background: url(../img/sidebar2_tile.gif) repeat-y top right;
  }

#sidebarright #sidebartop, #sidebarright2 #sidebartop { background: url(../img/sidebar_top.gif) no-repeat top left; height: 13px; }
#sidebarright #sidebarend, #sidebarright2 #sidebarend { background: url(../img/sidebar_end.gif) no-repeat bottom left; height: 13px; clear: both; }
#sidebarleft #sidebartop { background: url(../img/sidebar2_top.gif) no-repeat top right; height: 13px; }
#sidebarleft #sidebarend { background: url(../img/sidebar2_end.gif) no-repeat bottom right; height: 13px; clear: both; }


#sidebarright p, #sidebarright2 p, #sidebarleft p {
  margin: 0px 10px 10px 10px;
  }

#sidebarright h2, #sidebarright2 h2, #sidebarleft h2 {
  margin: 10px 10px 0px 10px;
  }

#sidebarright h2 a, #sidebarright2 h2 a, #sidebarleft h2 a {
  color: #404141;
  text-decoration: none;
  }

#sidebarright h2 a:hover, #sidebarright2 h2 a:hover, #sidebarleft h2 a:hover {
  color: #cc0000;
  }

#sidebarright h3, #sidebarright2 h3, #sidebarleft h3 {
  color: #FFFFFF;
  padding: 2px 0px 2px 10px;
  font-size: 14px;
  }

#sidebarright h3.sb-blue, #sidebarright2 h3.sb-blue, #sidebarleft h3.blue {
  background: #537CB0;
  }

#sidebarright h3.sb-red, #sidebarright2 h3.sb-red, #sidebarleft h3.red {
  background: #BB1215;
  }


#sidebarright h3.sb-blue a, #sidebarright2 h3.sb-blue a, #sidebarleft h3.blue a {
  color: white;
  text-decoration: none;
  }


/* Sidebar item bullets */
p.item a { background: url(../img/icons/item.gif) no-repeat 0 0; display: block; padding-left: 19px; text-decoration: none; color: #747474; }
p.item a:hover { background: url(../img/icons/itemon.gif) no-repeat 0 0; color: #136ABB; }
p.item a.active { background: url(../img/icons/itemon.gif) no-repeat 0 0; color: #136ABB; }

#contactpage p.item {
  padding-bottom: 4px;
  margin-bottom: 0px;
  }

#contactpage p.item span {
  padding-left: 32px;
  font-size: 11px;
  color: #BEBEBE;
  font-style: italic;
  }

p.stars { background: url(../img/icons/star.png) no-repeat 0px 0px; padding: 0 40px 0 21px; display: block; text-decoration: none; color: #747474; }
.stars span { float: right; }

p.pdfdoc a { background: url(../img/icons/acrobat.gif) no-repeat 0 100%; padding-left: 19px; text-decoration: none; color: #747474; }
p.pdfdoc a:hover { background: url(../img/icons/acrobaton.gif) no-repeat 0 100%; color: #136ABB; }

#locations { margin: 10px 0 0 10px; }
#locations h5 { color: #0062a0;	}
#locations p { margin-left: 20px; padding-bottom: 5px; }

#offices { margin: 5px 0px; float: right; width: 330px; }
#offices h5 { color: #0062a0;	margin: 0px;}
#offices p { margin-left: 20px; padding-bottom: 5px; }
.location { padding-bottom: 15px; margin-bottom: 15px; border: 1px solid #DEDEDE; }

#company { margin: 10px 0 25px 0; }



p.twitter a { background: url(../img/icons/Twitter-24x24.png) no-repeat 0 0; display: block; padding: 4px 0 6px 28px; margin-top: 0px; text-decoration: none; color: #747474; }
p.twitter a:hover { color: #30B7DB; }

p.facebook a { background: url(../img/icons/FaceBook-24x24.png) no-repeat 0 0; display: block; padding: 4px 0 6px 28px; margin-top: 5px; margin-bottom: 5px; text-decoration: none; color: #747474; }
p.facebook a:hover { color: #3C5FAC; }



/* ============================== Main Column ============================== */

#content {
  float: left;
  width: 710px;
  padding: 10px 10px 10px 10px;
  margin: 0px;
  }


#contentfull {
  float: left;
  width: 950px !important;
  padding: 10px 10px 10px 10px;
  margin: 0px;
  }


#contentfull .leftcol {
  float: left;
  width: 630px;
	}

#contentfull .rightcol {
  float: left;
  width: 280px;
/*  height: 500px; */
  }

#contentfull .rightcol img {
  margin: 0px !important;
  padding: 0px !important;
  }


#contentfull img, #content img {
  border: none;
  padding: 5px;
  }


/*
.rightcol .membershiptotals {
  width: 210px;
  border: 1px solid #DCDCDC;
  padding: 8px;
  margin: 10px 0px 10px 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

.rightcol .membershiptotals h2 a {
  color: #404141;
  text-decoration: none;
  }
*/

#sidebarnotes {
  background: #F0F8FF;
  width: 190px;
  border: 1px solid #DCDCDC;
  padding: 8px;
  margin: 10px 0px 10px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }


#target {
  background: url(../img/target.gif) no-repeat bottom right;
  }

.signupwrapper {
  height: 50px;
  padding: 0px 0 78px 303px;
  margin: 0 16px 0 0;
	}

.signup img {
  border: none;
  }

.signup a {
  width: 132px;
  height: 40px;
  display: block;
  float: left;
  }

#findouticon { background: url(../img/findoutmore.gif) no-repeat top left; }
#signupicon { background: url(../img/signup.gif) no-repeat top left; }
#findouticon:hover { background: url(../img/findoutmoreon.gif) no-repeat top left; }
#signupicon:hover { background: url(../img/signupon.gif) no-repeat top left; }

#contentfull h1 { padding-top: 0px; margin-top: 0px; }
#pg_home #contentfull h1 { padding-top: 8px; margin-top: 10px !important;}
#content h1 { padding-top: 0px; margin-top: 0px !important; }

/*#content ul, #contentfull ul,
#content ol, #contentfull ol {
  padding: 0px 0px 15px 30px;
  } */

#content ul, #contentfull ul,
#content ol, #contentfull ol {
  padding: 0px 10px 15px 15px;
  margin: 0px;
  }

#content ul li, #contentfull ul li,
#content ol li, #contentfull ol li {
  padding: 2px 0px 2px 15px;
  list-style-type: none;
  background: url(../img/news/PostContentLiIco.gif) no-repeat left top;
  font-size: 12px;
  line-height: 15px;
  color: #575757;
  }



ul#ptarole {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  }

ul#ptarole li {
  padding: 2px 0px 2px 15px;
  list-style-type: none;
  background: url(../img/news/PostContentLiIco.gif) no-repeat left top;
  font-size: 12px;
  line-height: 15px;
  color: #575757;
  }


#errormessage404 {
  padding: 10px 40px;
  }


.studentlinks {
  float: left;
  width: 338px;
  padding: 10px 15px 0px 0px;
  }


.articlepdf, .articledoc, .articledoc2 { padding-top: 5px; }

.articlepdf span, .articledoc span {
  padding: 4px 0 4px 20px;
  margin: 4px 0 0 20px;
  font-size: 10px;
  text-align: right;
  }

.articlepdf span { background: url(../img/icons/acrobat.gif) no-repeat left center; }
.articledoc span { background: url(../img/icons/word.gif) no-repeat left center; }

.articlepdf a, .articledoc a { margin-left: 20px; }
.articlepdf span a, .articledoc span a { margin-left: 0px; }
.articledoc2 a { margin-left: 0px; }

.articledoc2 a {
  line-height: 30px;
  }

.articlearchive {
  margin-left: 20px;
  padding-left: 35px;
  line-height: 30px;
  background: url(../img/news/lettersm.gif) no-repeat 0 50%;
  }

.membershippoint {
  background: url(../img/icons/pointer2.jpg) no-repeat top left;
  padding: 6px 0 0 35px;
  margin-left: 15px;
  }

.membershippoint span {
  font-weight: bold;
  font-size: 14px;
  color: #5D5D5D;
  }

.numberlist01, .numberlist02, .numberlist03, .numberlist04, .numberlist05,
.numberlist06, .numberlist07, .numberlist08, .numberlist09 {
  padding: 6px 0 0 35px;
  margin-left: 15px;
  }

.numberlist01 span, .numberlist02 span, .numberlist03 span, .numberlist04 span, .numberlist05 span,
.numberlist06 span, .numberlist07 span, .numberlist08 span, .numberlist09 span {
  font-weight: bold;
  font-size: 14px;
  color: #5D5D5D;
  }

.numberlist01 { background: url(../img/buttons/li_num1.png) no-repeat top left; }
.numberlist02 { background: url(../img/buttons/li_num2.png) no-repeat top left; }
.numberlist03 { background: url(../img/buttons/li_num3.png) no-repeat top left; }
.numberlist04 { background: url(../img/buttons/li_num4.png) no-repeat top left; }
.numberlist05 { background: url(../img/buttons/li_num5.png) no-repeat top left; }
.numberlist06 { background: url(../img/buttons/li_num6.png) no-repeat top left; }
.numberlist07 { background: url(../img/buttons/li_num7.png) no-repeat top left; }
.numberlist08 { background: url(../img/buttons/li_num8.png) no-repeat top left; }
.numberlist09 { background: url(../img/buttons/li_num9.png) no-repeat top left; }



.eventdetails {
  background: #FCFCFC;
  width: 240px;
  float: right;
  padding: 10px;
  margin: 25px 0px 0px 10px;
  border: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 4px;
  border-color: #F5F5F5;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px #888;
  }

.eventdetails h2 {
  font-weight: bold;
  color: #5D5D5D;
  padding-top: 0px !important;
  margin-top: 0px !important;
  }

.eventdetails p {
  margin-top: 3px !important;
  margin-bottom: 0px !important;
/*  font-weight: bold; */
  }







.newsbox, .eventsbox {
  width: 300px;
  float: left;
  }

.eventsbox {
  margin-left: 20px;
  }

.eventsbox h4 {
	color: #595959;
  font-weight: bold;
  padding-top: 5px;
	}

.newsbox h4 {
  margin-bottom: 0px !important;
  }

.newsbox h4 a {
  text-decoration: none;
	color: #595959;
  font-weight: bold;
  }

.newsbox h4 a:hover {
  color: #136ABB;
  }

.newsbox p, .eventsbox p, #sidebarright2 p {
  margin-top: 0px !important;
/*  margin-bottom: 0px !important; */
  }

.newsbox p.more, #sidebarright p.more, #sidebarright2 p.more, #sidebarright2 p.more2 {
  margin-bottom: 0px;
  padding-bottom: 5px;
  text-align: right;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  }

#sidebarright2 .more {
  display: none;
  }

.more a {
  margin: 0 0 0 0;
  padding: 0 11px 0 0;
  text-decoration: none;
  background: url(../img/bulleton.gif) no-repeat 100% 3px;
  }

.more a:hover {
  background: url(../img/bullet.gif) no-repeat 100% 3px;
  }

.more2 a {
  margin: 0 0 0 0;
  padding: 0 11px 0 0;
  text-decoration: none;
  background: url(../img/bulleton.gif) no-repeat 100% 3px;
  }

.more2 a:hover {
  background: url(../img/bullet.gif) no-repeat 100% 3px;
  }



#kidscorner {
  padding: 0 0 0 15px;
  margin: 0px;
  width: 300px;
  }

#kidscorner h2 {
  background: #af1113;
  color: white;
  font-weight: bold;
  padding: 3px 0px 3px 9px;
  margin: 0px;
  }

#kidscorner img { border: none; }

blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
blockquote a { color:#336699;}
blockquote a:visited { color:#336699;}
blockquote a:hover { color:#000033;}



.docborder {
  width: 220px;
  float: left;
  padding: 5px 5px 8px 65px;
  background: #FFFFFF url(../img/icons/document.gif) no-repeat center left;
  border: 4px solid #F1F1F1;
  margin: 10px 0px 15px 30px;
  }


#familymembership, #staffmembership, #reimbursementform {
  width: 30%;
  float: left;
  padding: 5px 15px 8px 65px;
  background: #FFFFFF url(../img/icons/document.gif) no-repeat center left;
  border: 4px solid #F1F1F1;
  margin: 10px 0px 15px 30px;
  }

#volunteerform {
/*  width: 30%; */
/*  float: left; */
  font-size: 12px;
  padding: 5px 5px 8px 50px;
  background: #FFFFFF url(../img/icons/document.gif) no-repeat center left;
  border: 4px solid #F1F1F1;
  margin: 10px 8px 15px 10px;
  }

#volunteerform h3 { color: #5D5D5D; }

.volunteergroups {
  width: 30%;
  float: left;
  padding: 5px 15px 8px 65px;
  background: #FFFFFF url(../img/icons/document.gif) no-repeat center left;
  border: 4px solid #F1F1F1;
  margin: 10px 0px 15px 30px;
  }

#breadcrumbs {
  float: right;
  font-size: 0.75em;
  text-align: right;
  padding: 5px 10px 0px 0px;
  margin: 0px;
  width: 960px;
/*  background: pink;  */
  }

#breadcrumbs a:link, #breadcrumbs a:visited {
  text-decoration: underline;
  color: #7B7B7B;	
  }

#breadcrumbs a:hover, #breadcrumbs a:active {
  text-decoration: none;
  color: #79B118;
  }


#gotquestions {
  padding-top: 10px;
  }

/* Link to return to the top of page */
.tothetop {
  clear: both;
  float: right;
  background: url(../img/topofpage.gif) no-repeat center right;
  padding-right: 13px;
  text-align: right;
  font-size: 80%;
  text-decoration: none;
  }



/* ================================ Footer ================================= */

#fixbottom {
  background: #1c1c1c url(../img/cont_footer_bg.jpg) repeat-x center top;
  width: 100%;
  min-height: 310px;
  }

#wrapfooter {
  background: #1c1c1c url(../img/cont_footer_bg.jpg) repeat-x center top;
/*  height: 116px; */
  min-height: 310px;
  width: 1010px;
  margin: 0 auto; 
  }

#footer {
  color: #434343;
  width: 980px;
  text-align: center;
  clear: both;
  height: 280px;
  }

#footer p {
  float: right;
  text-align: right;
  padding: 30px 0px 10px 0px;
  margin-top: 3px;
  font-weight: bold;
  font-size: 90%;
  }

#footer p a {
  text-decoration: none;
  outline-style: none;
  }

#footer p img {
  border: none;
  }


/* Footer Navigation */

.footernav {
  padding: 10px 0 0 30px;
  }

.footerblock {
  width: 17%;
  float: left;
  padding-right: 40px;
  }

.footerblock h3 {
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #444444;
  }

.footerblock ul {
  text-align: left;
  padding: 0px 0 0 0px;
  }

.footerblock li {
  line-height: 1.5em;
  list-style: none;
  }

#footer-phone, #footer-email, #footer-twitter, #footer-facebook, #footer-news, #footer-newsletter { padding-left: 16px; }

.footerblock #footer-phone { background: url(../img/icons/phone.gif) no-repeat 0% 55%; }
.footerblock #footer-email { background: url(../img/icons/mail.gif) no-repeat 0% 55%;	}
.footerblock #footer-twitter { background: url(../img/icons/twitter12.gif) no-repeat 0% 55%; }
.footerblock #footer-facebook { background: url(../img/icons/facebook12.png) no-repeat 0% 55%; }
.footerblock #footer-news { background: url(../img/icons/news12.png) no-repeat 0% 55%; }
.footerblock #footer-newsletter { background: url(../img/icons/subscribe12.png) no-repeat 0% 55%; }





.footerblock ul a {
/*  background: url(../img/footer_li_bg.gif) no-repeat 100% 50%; */
  padding: 0 8px 0 0px;
  color: #a2a3a3; /* #6b6b6b; */
  text-decoration: none;
  font-size: 11px;
  }

.footerblock ul a:hover {
  color: white;
  }

.footerblock li.last a {
  background: none;
  }


#logosm {
  float: right;
  height: 56px;
  width: 200px;
  margin: 37px 1px 0 0;
  }

#logosm img { border: none; }

#copyright {
  clear: both;
  text-align: center;
  width: 980px;
  }

#copyright p {
  color: #8c8c8c;
  font-size: 11px;
  text-align: center !important;
  width: 980px;
  }

#spacer2 {
  width: 156px;
  height: 1px;
  line-height: 1px;
  text-align: left;
  clear: both;
  margin: 0 0 0 5px;
  padding: 0;
  }

#spacer2 p {
  font-size: 6pt;
  padding: 0 0 0 3px;
  color: Gray;
  }

/* ============================= Page Bottom =============================== */

/* #bottom {} */


/* ======================== Miscellaneous Clasess ========================== */

.underline {
  text-decoration: underline;
  }

.hide, .hidden {
  display: none;
  }

.centered, .center {
  text-align: center;
  }

.left {
  position: relative;
  float: left;
  padding-left: 25px;
  font-family: verdana, sans-serif, helvetica;
  font-size: 10px;
  }

.right {
  position: relative;
  float: right;
  padding-right: 185px;
  font-size: 110%;
  }

.totheright {
  text-align: right;
  }

.totheleft {
  text-align: left;
  }

.imgright {
	float: right;
  border: none;
  padding: 5px;
	}

.imgleft {
	float: left;
  border: none;
  padding: 5px;
  margin-right: 15px;
	}


/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  text-align: left;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }


/* --------  mySlideshow Formating  -------- */

.mySlideshow {
/*  float: right; */
  width: 280px;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 0px 25px;
  background: url('../img/slideshow/background2.jpg') no-repeat top right;
  }

.myNote {
  font-size: 9px;
  padding-top: 3px;
  color:#CCCCCC;
  text-align: right;
  }


/* --------  Join the PTA Box Formating  -------- */

.joinPTABox {
  width: 280px;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 0px 25px;
  background: url('../img/slideshow/background.jpg') no-repeat top right;
  }

.joinPTABox p, .joinPTABox h2 {
  padding-left: 10px;
  }

.joinPTABox h2 {
  font-weight: bold;
  font-size: 20px;
  }

.joinPTABox .signup {
  padding-left: 15px;
  }

.joinPTABoxBottom {
  width: 280px;
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 0px 25px;
  background: url('../img/slideshow/background.jpg') no-repeat bottom right;
  }


/* ------------------ Board Table Styles ----------------------- */

.boardtable {
  background: White;
  color: #4C4C4C;
  font-size: 100%;
  width: 95%;
  margin: 10px 0px 10px 20px;
  }

.boardtable caption {
  font-size: 130%;
  text-align: left;
  }

.boardtable td {
  padding: 2px 5px 2px 5px;
  }

.boardtable .colheadings td {
  background: #c7c7c7 !important;
  border-top: 3px solid #9d9d9d;
  border-bottom: 1px solid #9d9d9d;
  height: 24px;
  font-weight: bold;
  }

.boardtable td.classheading {
  background: #DCDCDC;
  border-bottom: 2px solid #B9B9B9;
  border-top: 2px solid #B9B9B9;
  height: 24px;
  font-weight: bold;
  }

.boardtable tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

.boardtable td.tableseperator {
  border-top: 1px solid #B9B9B9;
  border-bottom: none;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }

.boardtable td.tablefooter {
  background: #c7c7c7 !important;
  border-bottom: 3px solid #9d9d9d;
  border-top: 1px solid #9d9d9d;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }


/* ------------------ Contact Table Styles ----------------------- */

.contacttable {
/*  background: White; */
  color: #4C4C4C;
  font-size: 100%;
  width: 98%;
  margin: 10px 0px 10px 10px;
/*  border-top: 1px solid #C8C8C8; */
  }

.contacttable td {
  padding: 8px 5px 8px 5px;
  vertical-align: top;
  }

.contacttable td.boardimage {
  width: 145px;
  }

.contacttable td.boardimage h3 {
  font-weight: bold;
  }

.contacttable td.boardimage h4 {
  font-weight: bold;
  font-size: 98%;
  }


.contacttable td.boardimage2 {
  width: 210px;
  }

.contacttable td.boardimage2 h3 {
  font-weight: bold;
  }

.contacttable td.boardimage2 h4 {
  font-weight: bold;
  font-size: 98%;
  }




.contacttable tr td { 
/*  border-bottom: 1px solid #C8C8C8; */
  }

.contacttable img {
  border: none;
  }
.contacttable a {
  outline-style: none !important;
  }

.contacttable h3 {
  padding-top: 15px;
  margin-bottom: 0px;
  }

.contacttable p {
  margin-top: 0px;
  line-height: 20px;
  }

.boardname a {
  text-decoration: none;
  }

.emaillink {
  background: url(../img/icons/email.gif) no-repeat 0 100%;
  padding-left: 25px;
  }

.emaillinksm {
  background: url(../img/icons/emailsm.gif) no-repeat 0 100%;
  padding-left: 20px;
  text-decoration: none;
  }

.tellinksm {
  background: url(../img/icons/telephone.png) no-repeat 0 100%;
  padding-left: 20px;
  }

.callinksm {
  background: url(../img/icons/calendar-blue.png) no-repeat 0 100%;
  padding-left: 20px;
  }

.maplinksm {
  background: url(../img/icons/world.png) no-repeat 0 100%;
  padding-left: 20px;
  }

.signuplinksm {
  background: url(../img/icons/accept.png) no-repeat 0 100%;
  padding-left: 20px;
  }

.starsm {
  background: url(../img/icons/star.png) no-repeat 0 100%;
  padding-left: 20px;
  }


.frminfo {
  padding: 0px 25px 0px 20px;
  font-size: 11px;
  line-height: 13px !important;
  }


/* Sidebar News List Links */

ul.newslist {
  font-size: 11px;
  list-style: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }

ul.newslist li {
  margin: 3px 0px 2px 7px;
  padding: 0 0 5px 15px;
  background: url(../img/icons/newsbullet.gif) no-repeat 0% 2px !important;
  }

ul.newslist a {
  color: #136ABB;
  background: transparent;
  text-decoration: none;
  }

ul.newslist a:hover {
  color: #cc0000;
  text-decoration: none;
  }

ul.newslist span {
  color: #a9a9a9;
  font-size: 10px;
  }

ul.newslist .holiday {
  color: #5f9ea0;
  font-weight: bold;
  }

ul.newslist .special {
  color: #9932cc;
  font-weight: bold;
  }

ul.newslist .special a { text-decoration: none; }




/* ============================= News Format =============================== */

.Post { background: url(../img/news/PostComBkg.gif) repeat-x bottom left; padding-bottom: 10px; }

.PostTopper { background: url(../img/news/PostComBkg.gif) repeat-x bottom left; padding-bottom: 0px; }

.PostHead { margin-left: 0px; float: left; width: 100%; }
.PostHead h2 { color: #BB1215; font-size: 18px; line-height: 18px; letter-spacing: -1px; font-weight: bold; padding: 12px 0px 1px 0px; margin: 0px; }
.PostHead h2 a { color: #BB1215; text-decoration: none;}
.PostHead h2 a:visited { color: #597aa5; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}

/**/ * html .PostTime { left: -15px;} /**/ 
.PostTime {
  padding: 0px;
  margin: 0px;
  float: left;
  background: url(../img/news/PostTimeBkg-1.gif) no-repeat;
  height: 71px;
  width: 67px;
  text-align: center;
  color: #fff;
  }

.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .postday { color: black; font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .postmonth { color: black; font-size: 10px; text-transform: lowercase;}
.PostTime .postyear { color: white; padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostAuthor { color:#999; }

.PostCat,
.PostCat a,
.PostCat a:visited,
.PostCat a:hover {
  color: #000000; /* #ffb429 */ text-decoration: none;
  }

.PostContent { clear: left; padding: 10px 0px 0px 15px; font-size: 13px; line-height: 1.4em;}
.PostContent p { padding: 0px; margin-bottom: 10px; font-size: 13px; line-height: 1.4em;}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 0px 0px 0px 25px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(../img/news/PostContentLiIco.gif) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.PostContent blockquote a:hover { color:#000033;}
.PostContent img { margin: 0px 5px 5px 10px; float: right;}

.PostContent ol.numbers {
  padding-left: 0px;
  margin-left: 10px;
  }

.PostContent ol.numbers li {
  list-style: none;
  padding-left: 35px;
  line-height: 18px;
  }

.PostContent ol.numbers strong {
  font-size: 14px;
  }
  
.PostContent ol.numbers li.numb1 { background: url(../img/buttons/li_num1.png) no-repeat left top; }
.PostContent ol.numbers li.numb2 { background: url(../img/buttons/li_num2.png) no-repeat left top; }
.PostContent ol.numbers li.numb3 { background: url(../img/buttons/li_num3.png) no-repeat left top; }
.PostContent ol.numbers li.numb4 { background: url(../img/buttons/li_num4.png) no-repeat left top; }
.PostContent ol.numbers li.numb5 { background: url(../img/buttons/li_num5.png) no-repeat left top; }
.PostContent ol.numbers li.numb6 { background: url(../img/buttons/li_num6.png) no-repeat left top; }
.PostContent ol.numbers li.numb7 { background: url(../img/buttons/li_num7.png) no-repeat left top; }
.PostContent ol.numbers li.numb8 { background: url(../img/buttons/li_num8.png) no-repeat left top; }
.PostContent ol.numbers li.numb9 { background: url(../img/buttons/li_num9.png) no-repeat left top; }








/* Monthly Calendar Styles */
.calheader { float: right; padding: 0px 10px; margin: 0px; }
.calheader a { float: left; padding: 0px 2px 0px 2px; }
.calmonth { font-size: 18px; font-weight: bold; }
p.calmonth { float: left; color: #555555; padding: 0px; margin: 0px; }
.calnext { text-align: left; }
.calheader img { text-decoration: none; border: none; }


/* Calendar */
/*html, body { margin: 0; padding: 0 }
body { background-color:#060; } */
#month { margin: 1em auto 0 1em; padding-bottom: 3em; background-color: #fff; }
#month { border-collapse: collapse; margin-left: 5px; width: 99%;}

#month th {
  font-weight: bold !important;
  color: #555555;
  }

#month th, #month td {
  border: 3px solid #dfeeff;
  padding: 4px;
  }

#month td {
  color: #999999;
  }

#month thead {
  background-color: #c3d4df;
  text-align: center;
  border: 5px solid #dfeeff;
  }

#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }
#month td .day { width: 125px; height: 120px; overflow:auto; margin-top: 0; font-size: 11px; }
#month tbody {
  border: 5px solid #dfeeff;
  }

#month td {
  border: 3px solid #dfeeff;
  }

#month tbody .weekend { background-color: #eff9ff; /*#ded;*/ }
#month tbody .next, #month tbody .previous { background-color: #dfeeff; /*#ddd;*/ }
#month .rtop { display:block; background:#060; }
#month .rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
#month .r1{margin: 0 0 0 5px}
#month .r2{margin: 0 0 0 3px}
#month .r3{margin: 0 0 0 2px}
#month .r4{margin: 0 0 0 1px; height: 2px}
#month h1 { margin: 0 0 .5em .5em; font: 2em Arial, Helvetica, sans-serif; color: #060; }
#month th { font: 1em bold Arial, Helvetica, sans-serif; }
#month p {margin: 0 0 4px 0; }

/* Style for calendar events */

#month p a {
  text-decoration: none;
  }

#month p, #callegend p {
  margin: 0 0 4px 0;
  padding-left: 14px;
  display: block;
  background: #D4E1EB url(../img/calendar/calendar.gif) repeat-y top left;
  }

#month .weekend p {
  background: #D4E1EB url(../img/calendar/calendar2.gif) repeat-y top left;
  }

#month .previous p, #month .next p {
  background: #C3D4DF url(../img/calendar/calendar3.gif) repeat-y top left;
  }

.calholiday { background-color: #BB1215 !important; }
.calptaevents { background-color: #135ABB !important; }
.calmeeting { background-color: #7313BB !important; }
.calmeeting2 { background-color: #414141 !important; }



.calkey {
  background: url(../img/icons/key.gif) no-repeat top left;
  padding: 0px 0px 0px 18px;
  margin-left: 10px;
  text-decoration: none;
  }