body {
background: #7BB23B url(images/main-green-bg.gif) center repeat-y;
color: #404040;
font: small/1.6em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
margin: 0;
padding: 0;
}

a {
/* color: #0076a3; */
/*color: #6793c1; */
/*color: #AB6666; */
/* color:#F26900; orange*/
color:#0078A5;
text-decoration: none;
}

h1, h3, h2 { margin-bottom: 5px;
margin-top: 10px;
font: 170%/1.2em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
letter-spacing: -.03em;
color: #000000;
}

h4 {
margin-top: 10px;
margin-bottom: 5px;
font: 170%/1.2em Georgia, Times New Roman, Times, serif;
border-bottom-style: solid;
border-bottom-width: 1px;
}

h5 {
margin-top:10px;
margin-bottom: 5px;
font: 140%/1.2em Georgia, Times New Roman, Times, serif;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
background: #006739;
border-bottom-color: #7BB23B;
border-bottom-style: solid;
color: #ffffff;
}


#wrap {
width: 900px;
margin: 0 auto;
border-right: 3px double #585858;
border-left: 3px double #585858;
background: #fff;
padding: 0;
}

#header {
width: 100%;
padding: 0;
margin:0;
clear: both;
}

#nav {
padding: 0;
margin: 0;
}

#container {
width: 100%;
}

#content {
width: 60%;
float: left;
}

#blogcontent {
margin-bottom: 20px;
}

#entrypad {padding-left:10px;padding-right:10px;}

#schools {
background: #ffcc4f url(images/backgrounds/schools_bg.gif) repeat-x top;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
padding: 5px;
margin-bottom: 10px;
}

.Apple-style-span {font: small/1.6em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;}


#sidebar {
width: 40%;
float: right;
}

#side1 {
width: 50%;
float: left;
border-bottom-width: 3px;
margin-bottom: 10px;
}

#side2 {
width: 50%;
float: right;
}

/* for entry template */


#content2 {
width: 70%;
float: left;
}

#sidebar2 {
width: 30%;
float: right;
}

#side3 {
border-bottom-width: 3px;
margin-bottom: 10px;
}

#sidebar2 h2 {
background: url(images/icons/pattern.gif) no-repeat left;
padding-left: 20px;
}

.spot-pad {padding:10px;}

#emailupdates {
background-color: #cce457;
border-top: 1px solid #6f6f6f;
border-bottom: 1px solid #6f6f6f;
clear: both;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
}

#emaileupdates ul{
border-bottom: 1px solid #CCCCCC;
list-style-type: none;
padding: 10px;
}

#emailupdates ul li{
display: inline;
padding: 0 20px 0 0;

}

#gallery {
background: #fff url(images/ltprpl_fade_bkgnd.gif);
clear: both;
margin-right: 10px;
}

/* For Main page gallery */
#gallery_main {
background: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
margin-right: 10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-bottom:10px;
}

#gallery2 {
background: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
padding-top:5px;
padding-left:30px;
text-align:center;
}

#gallery3 {
clear: both;
padding-top:20px;
text-align:center;
}

#gallery_elementary, gallery_alumni {
width:220px;
}

#bulletin_out {
background: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
margin-right: 10px;
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 0 10px 10px 10px;
}

#past_articles {
background: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
margin-right: 10px;
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 0 10px 10px 10px;
}

#giving {
xbackground: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
margin-right: 10px;
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 0 10px 10px 10px;
}



#handouts {background:#fff url(images/backgrounds/downloads_bg.gif) no-repeat right bottom;
border: 1px solid #CCCCCC;
margin-bottom:5px;
padding:10px;
}

#handouts2 {
background: #D3BFE7 url(images/backgrounds/purple_gradient_02.gif) repeat-x top;
clear: both;
margin-right: 10px;
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 0 10px 10px 10px;
}

#features{
clear:both;
margin-bottom: 10px;
margin-right: 10px;
}


#footer {
clear: both;
background: #53478C;
border-top: 5px solid #400f95;
bottom:0;
}

#footer_left {
width: 70%;
float: left;
}

#footer_right {
width: 30%;
float: right;
text-align: right;
}

#footer p{
margin: 0;
padding: 15px;
font-size: 85%;
color: #CCCC66;
}

#footer a{
color: #CCCC66;
}

#subscribe_out {
background: #DDE9CD url(images/backgrounds/email-background.gif) repeat-x top;
padding: 0px 10px 10px 10px;
margin-right: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

#giving {background:#FEAA09 url(images/backgrounds/giving_bg.gif) repeat-x top;}
#downloads {background:#fff url(images/backgrounds/downloads_bg.gif) no-repeat right bottom;}
#announcement { background: #ffcc4f url(images/backgrounds/schools_bg.gif) repeat-x top;}
.announce-pad {padding:10px;text-align:center;}
.school-title {border-bottom:dotted 1px; padding-bottom:5px;font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif;}

a.plink {
margin: 0 5px 0 0;
padding: 0 0 0 15px;
color: #30449c;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/permalink.png) no-repeat 0 50%;}

a.feed_small {
margin: 0 5px 0 0;
padding: 5px 0 0 20px;
color: #30449c;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/feed-icon-14x14.png) no-repeat 0 50%;}

a.feed_large {
margin: 0 50px 0 0;
padding: 0 0 0 30px;
color: #30449c;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/feed-icon-28x28.png) no-repeat 0 50%;}

.heading {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 5px;
text-align: center;
background: #daff84 url(images/greenfade.gif);
letter-spacing: 10px;
font: bold 85% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
margin-top: 10px;
xborder-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
}

.heading2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left:10px;
margin-bottom: 5px;
background: #daff84 url(images/greenfade.gif);
letter-spacing: 2px;
font: bold 85% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
margin-top: 10px;
border-top: 1px solid #d6d6d6;
}



.subhead {
margin-bottom: 5px;
font: bold 110% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.quote {
margin-right: 20px;
margin-left: 20px;
padding: 10px;
border-top: 4px solid #ffa225;
border-bottom: 1px dotted #808080;
background: url(images/orangefade.gif);
font-size: 90%;
color: #393939;
text-align: center;
font-style: oblique;
}

.quote2 {
margin-right: 20px;
margin-left: 20px;
padding: 10px;
border-top: 4px solid #ffa225;
border-bottom: 1px dotted #808080;
background: url(images/orangefade.gif);
font-size: 100%;
color: #393939;
text-align: center;
font-style: oblique;
}

.visit {
background: url('images/icons/bullet_go.png') no-repeat center left;
color: #88b687;
font-size: 1.1em;
padding-top: 0;
padding-bottom: 0;
padding-left: 17px;
margin-bottom: 5px;
margin-top: 0;
}


.visit a {
color: #000000;
}

.entrytitle {
font-size: 150%;
font-style:bold;
color: #062971;
}

.date {
font-size: 90%;
text-transform: uppercase;
font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif;
}

.pictureleft {
float: left;
background: #fff;
margin-right: 7px;
border: 1px solid #a7a7a7;
padding: 5px;
}

.pictureright {
float: right;
background: #fff;
margin-left: 7px;
border: 1px solid #a7a7a7;
padding: 5px;
}

.pictureleft2 {
float: left;
background: #fff;
margin-right: 7px;
padding: 5px;
}

.pictureright2 {
float: right;
background: #fff;
margin-left: 7px;
padding: 5px;
}

.picleft {float:left;margin-right:7px;}
.picture {border:5px solid #fff;}

.picture-b {
border: 1px solid #a7a7a7;
padding: 5px;
background: #fff;
}

/* Float pics with no borders */
.picfloat-r {
float: right;
background: #fff;
margin-left: 7px;
padding: 5px;
}

.picfloat-l {
float: left;
background: #fff;
margin-right: 7px;
padding: 5px;
}


.gallerypic-leftmain { /* for main gallery */
float: left;
width: 150px;
xmargin-right: 5px;
xmargin-left: 1px;
margin-bottom:10px;
padding: 5px;
text-align: center;
}

.gallerypic-left {
float: left;
width: 150px;
margin-right: 7px;
margin-left: 7px;
margin-bottom:10px;
padding: 5px;
text-align: center;
}

.gallerypic-right {
float: right;
margin-left: 7px;
margin-bottom:10px;
padding: 5px;
}
.pad {
margin-left: 20px;
margin-right: 10px;
}

.pad2 {
background: url(images/maincontent-bg.gif);
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
}

.pad3 {
margin-right: 0px;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

.gallerypad {
padding: 5px 10px 10px;
}

.sidetext-l {
text-align: right;
padding-bottom: 10px;
font-size: 85%;
margin: 0 15px 0 0;
}

.sidestyle {
font-size: 90%;
line-height: 1.3em;
}


.sidelist {
padding: 0;
list-style-type: none;
margin: 1.0em 0 1.5em 0;
border-top: 1px solid #dee4da;
}

.sidelist li {
padding: 0 0 0 27px;
margin: 0;
border-bottom: 1px solid #dee4da;
background: url(images/icons/pattern.gif) no-repeat 0 5px;
}

.sidelist li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 2px 10px;
color: #000000;
}

.sidelist li a:hover { background-color: #d1e269;
color: #089c00;
}

.sidelist2 {
padding: 0px;
list-style-type: none;
margin: 0 0 .5em 0;
border-top: 1px solid #dee4da;
}

.sidelist2 li {
padding: 0 0 0 25px;
margin: 0;
border-bottom: 1px solid #dee4da;
background: url(images/icons/bullseye.gif) no-repeat 0 5px;
}

.sidelist2 li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 2px 10px;
color: #000000;
}

.sidelist2 li a:hover { background-color: #d1e269;
color: #089c00;
}


.sidelist3 {
padding: 5px;
list-style-type: none;
margin: 0 0 .5em 0;

}

.sidelist3 li {
padding: 0 0 0 25px;
margin: 0;
background: url(images/icons/bullseye.gif) no-repeat 0 5px;
}

.sidelist3 li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 2px 10px;
color: #000000;
}

.sidelist3 li a:hover {
background-color: #d1e269;
color: #089c00;
padding-bottom: 1px;
border-bottom: 1px solid green;
}

.sidelist4 {
padding: 5px;
list-style-type: none;
margin: 0 0 .5em 0;

}

.sidelist4 li {
padding: 0 0 0 25px;
margin: 0;
background: url(images/icons/pdficon_small.gif) no-repeat 0 2px;
border-bottom: 1px solid #dee4da;
}

.sidelist4 li a {
display: block;
margin: 0 0 0 5px;
padding: 2px 2px 2px 10px;
color: #000000;
}

.sidelist4 li a:hover {
background-color: #d1e269;
color: #089c00;
padding-bottom: 1px;
border-bottom: 1px solid green;
}

.sidelist5 {
padding: 0;
list-style-type: none;
margin: 1.0em 0 1.5em 0;
}

.sidelist5 li {
padding: 0 0 0 27px;
margin: 0;
background: url(images/icons/pattern.gif) no-repeat 0 5px;
}

.sidelist5 li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 2px 10px;
color: #000000;
}

.sidelist5 li a:hover { background-color: #d1e269;
color: #089c00;
}

.sidelist6 {
padding: 5px;
list-style-type: none;
margin: 0 0 .5em 0;

}

.sidelist6 li {
padding: 0 0 0 25px;
margin: 0;
background: url(images/icons/bullseye.gif) no-repeat 0 5px;
}



.xhighlights {
background-color: #cce457;
padding: 0;
}


.email{
background: url(images/icons/mail.gif) no-repeat right;
padding-left: 25px;
}

.box1 {
background: #CCCC66 url(images/box1bg.gif) bottom repeat-x;
margin-bottom: 10px;
}

.box2 {
background: url(images/orangestripe2.gif) bottom repeat-x;
padding: 10px;
}




/* tabbed section */

#tab-box span { /* for the tab section */
font-family: verdana;
color: #fff;
text-decoration: none;}

#wrapper2{ /* pads the tab section */
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
background:#FFFFFF;
margin: 0 auto;
}

.box{
background: #fff;
}

.boxline {
background: #BFDAE0 url(images/backgrounds/quicklinks-background.jpg) repeat-x top;
margin:0;
padding-left: 5px;
padding-right:5px;
border: 1px solid #73A405;
}

.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab2{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
padding: 8px 0 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}

.tab2 a {
color:#fff;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
}








#sidebartop {
xbackground: url(images/bg-col3.jpg) repeat-y;
padding: 0;
margin: 0;
clear: both;
}


.col1 {
float:left;
width:50%;
}

.col2 {
float:right;
width:50%;
}

.motif {
background: url(images/icons/pattern.gif) no-repeat left;
padding-left: 20px;
}

/* Elementary Classes */

.class_head {
margin-top: 10px;
font: 130%/1.2em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
letter-spacing: -.03em;
color: green;
}

.explore_title {
font: 170%/1.2em 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
letter-spacing: -.03em;
color: #000;
}

#classroom_container {
background: #DDE9CD url(images/backgrounds/green_gradient_02.gif)repeat-x top;
padding: 10px;
}

/* Menu Stuff */

#chromemenu {
width: 100%;
background: url(images/nav/purpgradi-bg.gif) center center repeat-x #302065; /* Add this to make chrome background: url(chrometheme/chromebg3.gif) center center repeat-x */

}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#chromemenu ul{
margin: 0;
float: left;
font-size: 85%;
font-weight: bold;
padding-left: 20px;
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
float: left;
color: #CCCC66;
text-decoration: none;
padding: 6px 12px 6px 10px;
/* background: url(divider-white.gif) center right no-repeat; */
}

#chromemenu ul li a:hover{
color: #fff;
background: #354966;
}

/* #chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/* content: " v */
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
/*}*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #53478C;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}


/* Comment colors */
.even {
background-color:#FFF;
padding:8px;
margin-bottom:5px;
}

.odd {
background-color:#F4F4F4;
padding:8px;
margin-bottom:5px;
/* border:2px dotted #999; */
}





/* clear fixes */
hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
border:none;
visibility: hidden;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* for IE-mac */
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


* html #wrap,
* html #nav,
* html #content,
* html #sidebar,
* html #side1,
* html #side2,
* html #subscribe_out,
* html #header,
* html #container,
* html #blogcontent,
* html #chromemenu {height: 1%;}

* html #chromemenu ul{
font-size: 80%;
}
*:first-child+html #chromemenu ul {
min-height: 1px;
font-size: 80%;
}
*:first-child+html #footer {
min-height: 1px;
}
/* End hide from IE-mac */

/*Safari 3 hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #chromemenu ul { font-size: 85%; }
}