/*body*/

body {
font-family: Arial, sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}

.site_wrapper {
border: none;
padding: 0px;
margin: 5px;
}

.site_wrapper_cent {
border: none;
padding: 0px;
margin: 5px;
text-align: center;
}

ul {
list-style-type: square;
}

ul li {
font-family: Arial, sans-serif;
font-size: small;
}

ol li {
font-family: Arial, sans-serif;
font-size: small;
}

/*navigation*/

.nav_txt_left {
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
padding: 5px;
}



.nav_txt_center {
text-align: center;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
padding: 5px;
}

a.nav:link {
text-decoration: none;
}

a.nav:visited {
text-decoration: none;
}

a.nav:hover {
background: Silver;
}

/*forms*/

.form_but {
font-family: Verdana;
font-size: x-small;
font-weight: bold;
background-color: #eeeeee;
border-width: 1px;
border-style: solid;
padding: 0px;
}

/*IncludeMe*/

.text_xxsm_cent_ital_clear {
font-size: xx-small;
text-align: center;
font-style: italic;
clear: both;
}

.text_xxsm_cent_ital {
font-size: xx-small;
text-align: center;
font-style: italic;
}

.text_xxsm {
font-size: xx-small;
}

.imheader {
border: none;
padding: 5px;
font-family: Verdana;
font-size: x-small;
}

.imheader2 {
border: none;
float: right;
padding: 5px;
font-family: Verdana;
font-size: x-small;
}

.imfooter {
border: none;
padding: 5px;
font-family: Verdana;
font-size: xx-small;
text-align: center;
}

div.im {
border: none;
padding: 0px;
margin: 15px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
}

div.ann {
border: none;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
}

div.im_border {
border: 1px solid #000000;
padding: 5px;
margin: 5px;
}

img.button {
border: thin outset Yellow;
}

img.button-off {
border: thin outset Silver;
}

div.q-linksbox {
background: #E3E3E3;
border: 1px dashed #000000;
padding: 0px;
margin: 0px;
width: 150px;
text-align: center;
float: right;
}

div.q-links-top {
font-weight: bold;
padding: 2px;
border: 2px solid #CECECE;
text-align: center;
}

div.q-links {
padding: 2px;
border: 2px solid #CECECE;
border-top: 0px;
text-align: left;
}

a.q-links:hover {
background: Silver;
}

.admin {
border: none;
padding: 0px;
margin: 5px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
}

.admin_error {
border: none;
padding: 0px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #cc0000;
}

.admin_float_left {
border: none;
padding: 0px;
margin: 5px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
float: left;
}

.admin_float_clear {
border: none;
padding: 0px;
margin: 5px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #000000;
clear: both;
}

.announce_0 {
border: none;
background-color: #BAD7E9;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #cc0000;
}

.announce_1 {
border: none;
background-color: #BAD7E9;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
text-align: left;
font-family: Verdana;
font-size: x-small;
font-weight: normal;
color: #000000;
}

/*NEW FROM PAT'S SCREEN.CSS*/
/********************************************
 * TITLE: Charter School Screen Stylesheet*
 * MODIF: Aug. 29, 2005 *
 ********************************************/

/* ##### Common Styles ##### */

.doNotDisplay {
display: none !important;
}

/* ##### Header On 9-12 index page ##### */

#header {
color: inherit;
background-color: #D1E8BA;
border-top: 3px solid #000000;
padding: 5px 0px 2px 0px;
vertical-align: bottom;
}

.subHeader {
color: #99CCFF;
background-color: #BAD7E9;
font-size: 107%;
text-align: center;
margin: 0;
padding: 0.5ex 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #99CCFF;
}

.subHeader a {
color: #000000;
background-color: transparent;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;
}

.subHeader a:hover {
color: #2F2F2F;
background-color: transparent;
}

.subHeader2_txt {
color: #99CCFF;
}

.subHeader2 {
color: #000000;
/*background-color: #BAD7E9;*/
 background-color: #FFFFDD;
font-size: 107%;
text-align: left;
margin: 0;
padding: 0.5ex 0;
border-bottom: 1px solid #99CCFF;
}

.subHeader2 a {
color: #000000;
background-color: transparent;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;
}

.subHeader2 a:hover {
color: #2F2F2F;
background-color: transparent;
}

/* ##### Right Side Bar ##### */

.rightSideBar {
width: 13em;
margin: 2ex 0.75ex 0 0;
padding: 0;
float: right;
clear: right;
border-left: 1px dotted #BAD7Ea;
}

.rightSideBar .sideBarTitle {
color: black;
background-image: url(images/grn-bkg-bar.gif);
background-repeat: no-repeat;
height: 26px;
width: 170px;
font-weight: bold;
margin: 1.25ex 1ex;
padding: 5px 2px 0 25px;
}

.rightSideBar .sideBarTitleb {
color: black;
background-image: url(images/gold-bkg-bar.gif);
background-repeat: no-repeat;
width: 170px;
height: 26px;
font-weight: bold;
margin: 1.25ex 1ex;
padding: 5px 2px 0 25px;
}

/* ##### Main Copy ##### */

#main-copy {
color: black;
text-align: justify;
margin: 0 0 0 0em;
padding: 0.5em 15em 5em 1em;
border-left: 1px solid #D8D2C3;
}

.menuSpacer {
border-bottom: 1px dotted #BAD7EA;
Width: 100%;
margin-bottom: 15px;
}

/* ##### Footer ##### */

#footer div {
margin: 0;
padding: 0 0 1ex 0;
}

#footer a {
color: black;
background-color: transparent;
text-decoration: none;
font-weight: normal;
}

#footer a:hover {
text-decoration: underline;
}

/*************ADDED FOR MAIN INDEX PAGE*************************/

/* You can take out these link styles if you want because it only
affects the home page - I do like this blue better though.*/

a:link, a:visited, a:hover {
color: #006699;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links - these
really work nicely and are better than px sized fonts - I also like
the font-family specified if that can go on the site.*/
p {
font-size: small;
}

h1, h2, h3, h4 {
font-family: Arial, sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

h1 {
font-size: 140%;
}

h2 {
font-size: 125%;
}

h3 {
font-size: 110%;
}

h4 {
font-size: 100%;
}

/* would love this to be on the main css file and used for all my pages if possible :) */
.boldtxt {
margin: 0;
padding: 0 0 5px 0;
font-size: 125%;
font-weight: bold;
}

.boldtxt2 {
margin: 0;
font-size: 114%;
font-weight: bold;
}

#loginform {
position: absolute;
left: 20px;
top: 312px;
width: 162px;
height: 150px;
z-index: 3;
font-size: small;
}

/***********************************************/
/* Layout Divs */
/***********************************************/

#hpmasthead {
margin: 0;
padding: 0;
border-top: 3px solid #000000;
border-bottom: 1px solid #000000;
background: #CDE7B3;
height: 152px;
width: 100%;
}

/* specific to main home page only */

#hpleftcolumn {
position: absolute;
left: 10px;
top: 144px;
z-index: 1;
background-image: url(images/hp-left-bkg1.jpg);
background-repeat: no-repeat;
width: 293px;
height: 464px;
}

/*Rollover Menu for Home Page left side Only*/

#hpmenu {
position: absolute;
left: 150px;
top: 18px;
width: 140px;
height: 266px;
z-index: 2;
padding: 0 0 0 0;
text-align: center;
}

#hpmenu ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: small;
 font-weight: bold;
}

#hpmenu li {
 margin: 0;
 line-height: 1.75em;
}

#hpmenu a {
 display: block;
 padding: 13px 0px 0px 0px;
 background-image: url(images/blue-button.gif);
 height: 35px;
 background-repeat: no-repeat;
 background-position: 0% 50%;
}

#hpmenu a:link, #hpmenu a:visited {
 color: #000000;
 text-decoration: none;
}

#hpmenu a:hover, #hpmenu a:active {
 display: block;
 padding: 13px 0px 0px 0px;
 background-color: transparent;
 background-image:url(images/grn-button.gif);
 background-repeat: no-repeat;
 height: 35px;
 background-position: 0% 50%;
 color: #0066CC;
 text-decoration: underline;
}

/* These styles specific to the home index page */

#hpcontentwrapper {
float: right;
width: 100%;
margin: 0;
padding: 0 0px 0 0;
}

.hpcontent {
padding: 35px 10px 100px 10px;
font-size: 80%;
margin-left: 305px;
}

/* Home Page Footer Style*/

#footer {
clear: both;
border-top: 1px dotted #CCCCCC;
font-size: 75%;
padding: 10px 10px 10px 10px;
margin-top: 0px;
text-align: center;
}

/********************ADDED FOR MONTHLY PROJECT PAGES**************************/

/* these are for Student Project Pages only*/

#outerWrapper {
width: 775px;
margin: 0 auto;
}

#wrapper {
width: 700px;
margin: 0 auto;
}

/* Project Pages Title Graphic*/

#masthead {
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
}

/* Project Pages Blue Box*/

#contentWrapper {
width: 510px;
float: left;
}

/* Project Pages Blue Box Header Graphic*/

#topImage {
background-image: url(images/box-header-steps.gif);
background-repeat: no-repeat;
height: 36px;
padding: 0px;
}

#topImage2 {
background-image: url(images/box-header-final.gif);
background-repeat: no-repeat;
height: 36px;
padding: 0px;
}

#topImage3 {
background-image: url(images/box-header-reflection.gif);
background-repeat: no-repeat;
height: 36px;
padding: 0px;
}

/* Project Pages Blue Box Content*/

#content {
border-left: 1px solid #BAD7EA;
border-right: 1px solid #BAD7EA;
padding: 6px 6px;
}

/* Project Pages Blue Box footer graphic*/

#bottomImage {
background-image: url(images/box-footer.gif);
background-repeat: no-repeat;
height: 36px;
padding: 0px;
}

/*Rollover Menu for Project Pages right side*/

#menu {
width: 170px;
float: right;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: medium;
font-weight: bold;
}

#menu li {
margin: 0;
}

#menu a {
display: block;
padding: 25px 2px 0 45px;
background-image: url(images/blue-ro1.gif);
height: 41px;
background-repeat: no-repeat;
background-position: 0% 50%;
}

#menu a:link, #menu a:visited {
color: #000000;
text-decoration: none;
}

#menu a:hover, #menu a:active {
display: block;
padding: 25px 2px 0 45px;
background-color: transparent;
background-image: url(images/grn-ro2.gif);
background-repeat: no-repeat;
height: 41px;
background-position: 0% 50%;
color: #0066CC;
text-decoration: underline;
}

/* end Menu for Project Pages right side*/

/* Image Alignment for Project Pages Blue Content Box - must put it as a
class within your image on the project pages*/

.imgleft {
float: left;
border: 1px solid #BAD7EA;
margin-top: 0px;
margin-right: 6px;
margin-bottom: 0;
padding: 4px;
background: transparent;
}

.imgright {
float: right;
border: 1px solid #BAD7EA;
margin-top: 0px;
margin-left: 6px;
margin-bottom: 3px;
padding: 4px;
background: transparent;
}