/* ========MOON4SCHOOLS.COM STYLESHEET======== */


html, body {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
text-align: center;
font-family: verdana;
color: black;
}

p {
font-family: verdana;
color: black;
text-align: left;
font-size: 11px;
line-height: 1.5em;
padding: 0;
margin: 0;
}

#wrap1 {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}

#wrap2 {
margin: 0 auto;
padding: 0;
width: 873px;
text-align: center;
}



/* ======================banner/nav========================= */

/* top portion of banner */
#banner1 {
margin: 0;
padding: 0;
width: 873px;
height: 21px;
background: url(images/banner-1.jpg) no-repeat;
}

/* top portion of banner containing navbar */
#banner2 {
margin: 0;
padding: 0;
width: 873px;
height: 27px;
background: url(images/banner-2.jpg) no-repeat;
text-align: center;
line-height: 1em;
}

#banner3 {
margin: 0;
padding: 0;
width: 873px;
height: 126px;
background: url(images/banner-3.jpg) no-repeat;
}

/* bottom portion of banner containing navbar */
#banner4 {
margin: 0;
padding: 0;
width: 873px;
height: 27px;
background: url(images/banner-4.jpg) no-repeat;
text-align: right;
line-height: 1em;
}

/* ======================end banner/nav========================= */








#middle {
margin: 0;
padding: 0;
width: 873px;
background: url(images/background.jpg) repeat-y;
text-align: center;
}


#content {
text-align: center;
margin: 0 auto;
padding: 0;
width: 800px;
text-align: left;
font-size: 11px;
line-height: 16px;
}

/* this is the top section of the main page, above the blog, and main section for all other pages */
#content2 {
padding: 0;
margin: 0;
}



#content2 a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#content2 a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}


#rightcol a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#rightcol a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}



#leftcol a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#leftcol a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}



/* ==========leftcol========== */

#leftcol {
margin: 15px 0;
padding: 0 15px 0 0;
float: left;
width: 527px;
}

.leftcolpadding {
margin: 0;
padding: 15px 0 15px 15px;
}


/* ==========rightcol========== */

#rightcol {
margin: 15px 0;
padding: 0;
float: right;
width: 255px;
border-top: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
background-color: #FDFCDC;
}

.rightcolpadding {
margin: 0;
padding: 0 15px;
}





/* ==========spacers========== */

.spacer3 {
height: 3px;
margin: 0;
padding: 0;
}

.spacer5 {
height: 5px;
margin: 0;
padding: 0;
}

.spacer10 {
height: 10px;
margin: 0;
padding: 0;
}

.spacer15 {
height: 15px;
margin: 0;
padding: 0;
}




/* ==========rightcol2========== */

#rightcol2 {
margin: 15px 0;
padding: 0;
float: right;
width: 255px;
background-color: #ffffff;
}

.rightcol2padding {
margin: 0;
padding: 0 15px;
}

#rightcol2 a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#rightcol2 a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}





/* =====================list1 style========================= */

/* list with no indent */

.list1 {
margin: 8px 0;
padding: 0 0 0 0;
line-height: 14px;
}

.list1 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list1 li{
margin: 0;
padding: 0 0 8px 15px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
font-weight:normal !important;
list-style-type: none;
}




/* list with indent */

.list2 {
margin: 8px 0;
padding: 0 0 0 15px;
line-height: 14px;
}

.list2 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list2 li{
margin: 0;
padding: 0 0 8px 15px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
font-weight:normal !important;
list-style-type: none;
}


/* list with more space between lines */

.list3 {
margin: 8px 0;
padding: 0 0 0 15px;
line-height: 14px;
}

.list3 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list3 li{
margin: 0;
padding: 7px 0 7px 15px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0px 11px;
font-weight:normal !important;
list-style-type: none;
}



/* =====================TOP horizontal navigation menu - float left ========================= */

#vdividermenu2 {
margin: 0;
padding: 1px 0 0 0;
}

#vdividermenu2 ul{
padding: 0;
margin: 0;
float: left;
font: bold 10px verdana;
width: 100%;
height: 26px;
background-color: transparent;
line-height: 26px;
}

* html #vdividermenu2 ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu2 ul li{
display: inline;
}

#vdividermenu2 ul li a{
float: left;
color: black;
padding: 0px 14px;
text-decoration: none;
background: transparent url(images/vertical2.gif) right top no-repeat;
height: 26px;
}

#vdividermenu2 ul li a:visited{
float: left;
color: black;
padding: 0px 14px;
text-decoration: none;
background: transparent url(images/vertical2.gif) right top no-repeat;
height: 26px;
}

#vdividermenu2 ul li a:hover{
color: black;
background-color: #fdfcdc;
text-decoration: underline;
}

#vdividermenu2 ul li a:active{
color: black;
background-color: #fdfcdc;
text-decoration: underline;
}

/* =====================BOTTOM horizontal navigation menu - float right========================= */

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

#vdividermenu ul{
padding: 0;
margin: 0;
float: right;
font: bold 10px verdana;
width: 100%;
height: 26px;
background-color: transparent;
line-height: 26px;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: right;
color: black;
padding: 0px 14px;
text-decoration: none;
background: transparent url(images/vertical2.gif) left top no-repeat;
height: 26px;
}

#vdividermenu ul li a:visited{
float: right;
color: black;
padding: 0px 14px;
text-decoration: none;
background: transparent url(images/vertical2.gif) left top no-repeat;
height: 26px;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #fdfcdc;
text-decoration: underline;
}

#vdividermenu ul li a:active{
color: black;
background-color: #fdfcdc;
text-decoration: underline;
}




/* =================================BLOG============================== */


/* ======left column of blog====== */
#news {
margin: 0;
padding-right: 15px;
width: 575px;
border-right: 1px solid #000000;
float: left;
}


#news a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#news a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}


/* ======right column of blog - sidebar====== */
#blogmenu {
padding: 0;
margin: 0;
}



/* ======BOTTOM/FOOTER====== */

#bottom {
margin: 0;
padding: 0;
width: 873px;
height: 95px;
background: url(images/footer.jpg) no-repeat;
text-align: center;
}

#footer {
margin: 0 auto;
padding: 12px 0;
width: 820px;
text-align: center;
font-size: 11px;
line-height: 1.5em;
}

#footer a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

#footer a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}

/* =======================HEADERS============================= */

h1 {
margin: 5px 0 15px 0;
padding: 0;
font-family: tahoma;
font-size: 18px;
letter-spacing: 1px;
color: #363630;
text-align: center;
font-weight: bold;
line-height: 27px
}

h2 {
margin: 12px 0 10px 0;
padding: 0 0 3px 3px;
font-family: tahoma;
font-size: 16px;
color: #363630;
text-align: left;
font-weight: bold;
border-bottom: 2px solid #FBE20C;
}

h3 {
margin: 0 0 12px 0;
padding: 1px 0;
font-family: tahoma;
font-size: 15px;
line-height: 20px;
color: #000000;
text-align: center;
font-weight: bold;
background-color: #FBE20D;
border-top: 1px solid black;
border-bottom: 3px solid black;
}


/* headings on contribute/volunteer page */
h6 {
margin: 12px 0 10px 0;
padding: 0 0 3px 3px;
font-family: tahoma;
font-size: 16px;
color: #363630;
text-align: center;
font-weight: bold;
border-bottom: 2px solid #FBE20C;
}





/* ======Blog sidebar heading style ======*/
h5 {
margin: 0;
padding: 10px 0 10px;
font-family: tahoma;
font-size: 16px;
color: #363630;
text-align: center;
font-weight: bold;
}


/* ================Blog===================== */

.item {
/*background-color: #FDFCDC;*/
background-color: #ffffff;
margin: 0 0 15px 0;
padding: 0;
border-right: 1px solid black;
border-left: 1px solid black;
}

.itemhead {
margin: 0;
padding: 0;
}

/* blog item heading */
h4 {
margin: 0 0 0 0;
padding: 4px 15px;
font-family: tahoma;
font-size: 15px;
color: #000000;
text-align: left;
font-weight: bold;
background-color: #FBE20D;
border-top: 1px solid black;
border-bottom: 3px solid black;
}

h4 a:link, h4 a:visited {
color: #000000 !important;
text-decoration: none;
}

h4 a:hover {
color: #000000 !important;
text-decoration: underline;
}

.chronodata {
font-family: verdana;
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: left;
padding: 2px 15px;
margin: 0 0 15px 0;
background-color: #FFF68F;
border-bottom: 1px solid black;
}

.storycontent {
color: #000000;
padding: 0 15px;
margin: 10px 0 12px 0;
font-family: verdana;
font-size: 11px;
font-weight: normal;
line-height: 1.5em;
}

.metadata {
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #000000;
border-top: 1px solid black;
border-bottom: 3px solid black;
padding: 4px 15px;
margin: 0;
background-color: #ffffff;
}

.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #777777;
}

.navigation {
padding: 12px;
margin: 15px 0 0 0;
}

.navigation a, a:visited {
color: #951A00 ;
font-weight: bold;
text-decoration: none;
}

.navigation2 a:hover, a:active {
color: #E51200;
font-weight: bold;
text-decoration: underline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* sidebar style */
#blogmenu ul {
list-style:none; 
margin:0; 
padding:0; 
}

#blogmenu ul li {
padding:0; 
margin:0; 
/*border-bottom: #aaaaaa solid 1px; */
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 12px 9px;
}

#blogmenu ul li a { 
display:block; 
padding:4px 4px 4px 30px; 
color: #000000; 
font-weight: bold;
text-decoration:none; 
/*background-color: #ffffff;*/
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 12px 9px;
}

#blogmenu ul li a:hover { 
color:#951A00; 
font-weight: bold;
text-decoration:none; 
background-color: #fff68f; 
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 12px 9px;
}

#blogmenu ul li em { 
display:none;
}

#blogmenu ul li.sect { 
font-weight:bold; 
color:#fff; 
background:#89d; 
padding:2px 0; 
text-indent:2px; 
margin-top:2px;
}

#blogmenu ul li.first {
margin-top:0;
}

li .categories, li .linkcat, li .pagenav {
list-style: none;
margin: 0px;
padding: 0px;
}

.commentbox {
margin: 0 0 15px 0;
padding: 5px 15px 15px 0;
/*background-color: #dddddd;*/
border: 1px solid #000000;
}

.replybox {
margin: 0 0 15px 0;
padding: 5px 15px 15px 15px;
border: 1px solid #000000;
}

.commentlist ol {
margin: 0;
padding:0;
line-height: 1.5em;
list-style-type: decimal;
list-style-position: inside;
}

.commentlist li {
indent: 0;
padding: 0 0 0 0;
margin: 0 0 12px 0;
border-bottom: 1px solid #999999;
}

cite {
font-weight: bold;
font-size: 1em;
}

small {
font-size: 10px;
}

.commentmetadata {
padding: 0;
margin: 0;
}

/* ==================Various================*/

.divider {
width: 100%;
height: 15px;
border-bottom: 1px solid black;
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

.threebullets {
height: 6px;
background-image: url(images/threebullets.gif);
background-position: center top;
background-repeat: no-repeat;
padding: 0;
margin: 0 0 15px 0;
}


.divider2 {
margin: 15px auto;
height: 6px;
background-image: url(images/divider514.gif);
background-position: center top;
background-repeat: no-repeat;
padding: 0;

}

/* ==================Photo boxes================*/

.boxleft {
float: left;
padding: 0 12px 10px 0;
}

/* campaign kickoff press release */
.boxright1 {
width: 222px;
float: right;
margin: 0 0 10px 15px;
padding: 0;
}

.caption {
font-size: 10px;
font-weight: bold;
line-height:  14px;
padding: 0 0 0 2px;
}

.spacer1 {
height: 1px;
margin: 0;
padding: 0;
}

.spacer2 {
height: 2px;
margin: 0;
padding: 0;
clear: both;
}

.boxleft2 {
float: left;
padding: 0 8px 4px 0;
width: 90px;
height: 120px;
}



/*  ----------------CELLHOVER------------------*/

table.cellhover {
padding: 0;
margin: 0;
border-collapse: collapse;
font-size: 10px;
line-height: 10px;
}

table.cellhover td {
padding: 0;
margin: 0;
}

table.cellhover td a {
display: block;
padding: 4px;
margin: 0;
font-weight: bold;
text-decoration: none !important;
}

table.cellhover td a:link, table.cellhover td a:visited {
color: #000000 !important;
font-weight: bold !important; 
background-color: #FBE20D;
border: 1px solid #000000;
text-decoration: none !important;
}

table.cellhover td a:hover, table.cellhover td a:active {
color: #FBE20D !important;
font-weight: bold !important; 
background-color: #000000;
border: 1px solid #FBE20D;
text-decoration: none !important;
}




/* ==========other stuff==============*/


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

.moonclass {
font-family: verdana;
font-size: 11px;
line-height: 16px;
color: black;
}

#moonid .rsscontainer { /*Style for RSS item body within #cssdriveid box*/
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid black;
}

.form1 {
 font-size: 10px;
 background-color: #ffffff;
 border: 1px solid #111111;
}

.button {
font-size: 11px;
font-family: verdana;
border: 1px solid #111111;
background-color: #fff68f;
}




.countdown {
margin: 0;
padding: 0 0 10px 0;
background-color: #fdfcdc;
width: 228px;
border-top: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: center;
}


.quote {
margin: 0;
padding: 5px;
background-color: #fdfcdc;
border: 1px solid black;
text-align: left;
line-height: 14px;
}

form {
padding: 0;
margin: 0;
}

input {
padding: 0;
margin: 0;
}


.table1 {
margin: 0 auto;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.table1 td {
margin: 0;
padding: 0 2px;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.table1 tr {
margin: 0;
padding: 0;
}

.table2 {
margin: 0 auto;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.table2 td {
margin: 0;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.table2 tr {
margin: 0;
padding: 0;
}


.italics {
font-style: italic;
}




.abouttable1 {
margin: 0 auto;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.abouttable1 td {
margin: 0;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.abouttable1 tr {
margin: 0;
padding: 0;
}