/* This is the core style sheet for the Oregon School Funding Defense Foundation site. */

/*.....................................BODY CLASSES AND STYLES........*/


body {

  background: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #000;
  margin: 0;
  padding: 0;
}


/*......................................DIVS FOR IMAGE POSITIONING..........*/


/*..........This is the column top*/

#columns1 {

  padding: 0;
  margin: 0;
  position: absolute;
   top: 0px;
   left: 114px;

}


/*..........This is the column body*/

#columns2 {

  padding: 0;
  margin: 0;
  position: absolute;
   top: 105px;
   left: 140px;

}


/*.................This is the teacher with two students*/


#trio {

  background-image: url(../images/trio.jpg);
  background-repeat: no-repeat; 
  position: absolute;
   top: 250px;
   left: 430px;
   z-index: 1;
  height: 186px;
  width: 249px; 
}

/* This is a box model hack to fool IE and position trio. \*/

* html #trio {

  position: absolute;
   top: 230px;
}

/* This is the end of the hack. */



body.a #trio {

  display: none;
}


/*.................................................PAGE HEADER STYLES.....*/

/*This is the greenish bar at top of all pgs in site.*/

#header {

  width: 700px;
  height: 103px;
  background: #c2d2ad;
  margin: 0;
  padding: 0;
  border-bottom: #c2d2ad solid 2px;
}

/*This div positions and styles the header text.*/

#header-text {

  padding: 0;
  margin: 0;
  position: absolute;
   top: 62px;
   left: 40px;
  font-family: "Times New Roman", serif;
  font-size: 32px;
  font-weight: 700;
  color: #fff;

}


/*.........................................HEADLINE STYLES....*/

h1 {

  font-size: 18px;
  color: #2b2e95;
  margin-bottom: 0;
  letter-spacing: 4px;
  font-style: italic;
  font-weight: bold;

}

h2 {

  font-size: 14px;
  font-weight: bold;
  color: #586d3d;
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h3 {

  font-size: 13px;
  color: #586d3d;
  margin-top: 2px;
}


/*...........................................BREADCRUMB STYLES........*/

.crumbs {

  font-size: 11px;
  color: #2b2e95;
}

.crumbs a {

  color: #586d3d;
  text-decoration: none;
  font-size: 10px;
}

.crumbs a:hover {

  font-weight: bold;
  color: #c2d2ad;
  text-decoration: none;
}


/*.....................................................MENU STYLES........*/

/*This div positions the menu.*/

#menublock {

  background-color: transparent;
  width: 160px;
  margin: 0;
  padding: 10px 0 0 0;
  position: relative;
   z-index: 200;
  float: left;
}

/*These style the main and subsection links in the menu.*/

div.mainmenu {

  cursor: pointer;
  margin: 5px 0px 5px 15px;
}

div.mainmenu a {

  color: #586d3d;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

div.mainmenu a:hover, div.submenu a:hover {

  color: #adc28f;
  text-decoration: none;
}

div.mainmenu2 {

  cursor: pointer;
  margin: 5px 0px 5px 10px;
}

div.mainmenu2 a {

  color: #2b2e95;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

div.mainmenu2 a:hover {

  color: #adc28f;
  text-decoration: none;
}

div.submenu {

  font-size: 11px;
  font-weight: bold;
}

div.submenu a {

  font-size: 11px;
  font-weight: bold;
}

div.submenu ul {

  list-style-type: none;
  padding: 0 0 5px 0;
  margin: 0 0 0 -5px;
  font-size: 10px;
}

div.submenu ul li {

  padding: 3px 0 0 0;
  margin: 0 0 0 0;
}

/*This style specifies display as block to prevent wrapping problems.*/

.submenu a {

  margin: 0px 0px 5px 30px;
  padding: 0 0 0 0;
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: #627942;
  text-decoration: none;
}

/* This is a box model hack to fool IE and make the menu elements closer. \*/

* html .submenu a {

  margin-bottom: -10px;
}

/* This is the end of the hack. */



/*................................TEXTAREA STYLES AND POSITIONING....*/


/*............This holds the content of the page.*/

#balance {

  width: 700px;
}



/*This styles the text area on the home page.*/


#textarea {

  float: right;
  padding-top: 15px;
  width: 330px;
 
}

#content {

  background-color: transparent;
  float: right;
  padding-top: 25px;
  position: relative;
   z-index: 100;
  width: 500px;
}

/*.........Use this for pages with too little text to force the footer below the menu.*/


#filler {

  background-color: transparent;
  height: 330px;

}


/*........................................PARAGRAPH AND TEXT STYLES....*/

p.hometext {

  font-family: "Times New Roman", serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 35px;
  color: #2b2e95;
}

p.sectiontext {

  font-size: 13px;
  font-weight: normal;
  line-height: 23px;
}


.dropcap {

  font-family: Times New Roman, serif;
  font-size: 43px;
  font-weight: normal;
  color: #75914f;
  float: left;
  line-height: 32px;  
  margin-top: 3px;
}

.download {

  margin-top: -11px;
  font-size: 11px;
  color: #000;
}

/* This is a box model hack to fool IE and make the menu elements closer. \*/

* html .download {

  margin-top: -17px;
}

/* This is the end of the hack. */



.download a {

  color: #2b2e95;
  text-decoration: none;
  font-weight: bold;
}

.download a:hover {

  color: #c2d2ad;
  text-decoration: none;
}

/*.......Styles question text on QandA and Factsheet pages.*/

p.question {

  font-size: 13px;
  color: #586d3d;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 23px;
}

p.onlyanswer {

  margin-bottom: 25px;
  margin-top: 0;
  margin-left: 25px;
  margin-right: 25px;
  line-height: 23px;

}

p.multianswer {

  margin-bottom: 0;
  margin-top: 0;
  margin-left: 25px;
  margin-right: 25px;
  line-height: 23px;

}

p.multianswer2 {

  margin-bottom: 25px;
  margin-top: 5px;
  margin-left: 25px;
  margin-right: 25px;
  line-height: 23px;

}


/*...........................Styles names.*/

.showname {

  font-weight: bold;
}

/*...........................Styles footnotes.*/


.text-notation {

  vertical-align: super;
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
}



/*...........................Styles footer.*/


#footwrap {

  clear: both;
}

.footer {

  margin-left: 15px;
}


.footer, .footer a {

  color: #586d3d;
  font-weight: bold;
  text-decoration: none;
}

.footer a:hover {

  color: #adc28f;
}

.bluefoot {

 color: #2b2e95;
}


/*...................................................STYLES FOR DATA TABLES*/

table.data {

  font-family: verdana,arial, sans-serif;
  font-size: 11px;
}

td.tabletitle {

  font-size: 12px;
  font-weight: bold;
}

td.rowtitle {

  font-size: 11px;
  font-weight: bold;
}

/*........................................STYLES FOR LISTS*/


.nobulletlist {

  list-style-type: none;
  font-size: 13px;
  
}

.bulletlist {

  list-style-type: square;
  font-size: 13px;
  margin-bottom: 10px;
  
}

.footnote-list {

  list-style-type: 1;
  font-size: 10px;
  margin-bottom: 0;
  
}

.nobulletlist li, .bulletlist li, .footnote-list li {

  padding-bottom: 8px;
}

.nobulletlist a, .bulletlist a {

  font-weight: bold;
  color: #2b2e95;
  text-decoration: none;
}

.nobulletlist a:hover, .bulletlist a:hover {

  font-weight: bold;
  color: #c2d2ad;
}