/* CSS Document */
/*used with ad_tables, gbox_pages pattern page, metaphor_resources series, and others?*/
/*------------------major divs---------------------*/
body {position: absolute; font-family:Arial, Helvetica, sans-serif; font-size: 14px;
color: #000000; font-weight: 400;
}
#container {position: absolute; margin-top: 25px; margin-left: auto; margin-right: -500px; width: 1000px; height: auto;
}
#masthead, #content, #links, .lgbanner {position: relative; margin-left: 10%;
width: 815px; height: auto; border-width: 1px;
border-color:#F4F4F4; border-style:ridge; padding: 1px;
background-color: #FFFFFF;
}
.lgbanner{text-align: center; margin-left: 0px;
}
p {padding-right: 2px; padding-left: 2px;
}
.titlerowc {
padding-left: 145px;
width: 785px;
}
.titlerowcseries {
font-family: "Courier New", Courier, mono;
font-size: 16px;
font-style: oblique;
line-height: 2em;
font-weight: 500;
margin-right: 5px;
text-align: right;
clear: right;
}
h5{text-align: right; margin-bottom: 2px; padding-bottom: -10px; padding-right: 5px; font-size:12px;
}
.inset {float:left; padding: 4px; font-weight:700; font-size:larger; margin-top: -em;
}
.bkgdwing {background-image:url(../images/tylers_wing_thumbnail_lg.jpg); background-position:center;
}
.memert, .fotocopyrt {width:250px; font-size:small; font-style:italic; padding:5px; text-align:right; float:right; height:200px; vertical-align: top;
}
.memelt, .fotocopylt {width:150px; font-size:small; font-style:italic; padding:5px; text-align:right; float:left; height:150px; vertical-align: middle;
}
.fotocopyrt, .fotocopylt{height: auto; margin-bottom: 3px; margin-top: 3px;
}
.hidden {display: none;
}
.framedrtbot {border-right-width: 2px; border-right-style:groove; border-right-color: silver; border-bottom-width: 2px; border-bottom-style:ridge; border-bottom-color:#999999;
}
img.memert {vertical-align: middle; width:150px; height: auto;
}
.essaybcrumbs {font-size:smaller; font-weight:300; font-style:oblique; text-align:right; line-height: 20px; margin-top: 0px; margin-bottom: 0px;
}
.essaysig {float: right; font-style: oblique; font-size: 15px; font-weight: 700;
}
.seriesinfo{font-size: 12px; padding: 3px;
}
#links {background-image:url(../images/silver-bar-2.gif); background-repeat: repeat-x; background-position:center;
padding-bottom: 2px; padding-top: -15px; font-weight: 600; text-align: left;
}
#gbox, #gbox2 {position: relative; width: 810px; height: 87px; text-align: center;
border:2px 0px 3px 0px; border-style:ridge; color:#333333;
margin-left: 10%; padding: 2px; background-color: #FFFFFF;
}
#gbox2 {height: auto;
}
#googleadslong, #googleadslongn {background-color: #F2F2F2; width: 160px; height: 600px;
}
#googleadslongn {width:120px;
}
#ru1b1 {width: 81px; height:30px; float: left; border: 1px solid black;
background-color: #CCCCFF; text-align: center; font-size: 9px;padding-top:3px; font-family: verdana, mono;
}
#ru1b12{width: 81px; height:30px; float: left;
}
/* ---- divs and tags used in id-masthead and id-links only----*/
img#logo {margin-left: 10px; margin-top: -39px; padding-right: 3px;
z-index: 5; border-width: 0px; position: relative; float: left;
}
img.link, img.nb { padding: 3px; border-color:#999999;
border-width: medium; border-style: ridge;
}
img.nb {border-width: 0px;
}
img.links {border-width: 2px; border-style:ridge; border-color:#666666; margin-left: 40px;
}
h1{font:22px; color: black; font-weight:800; padding:2px;
}
/*---- styles for adjusting spans in h1 ----*/
.fontmoda {font-size:smaller; margin-left: 140px;
}
.fontmodb {font-size:smaller; margin-left:10px;
}
.mid11{text-align: center; font-size: 11px; margin-left: 150px;
}
.titleheading {margin-left: 5px;
}
.titlespan {margin-left: 10px;
}
/*h2 used with class vccti */
ul.nav { list-style-position: inside; list-style-type:circle;
}
ul.nav li {display:inline; font-size:12px; padding-right: 3px; padding-left: 2px;
margin-top: -10px;
}
.vccti {background-color:#000000; color:#FFFFFF;
font-family: "Bradley Hand ITC", cursive;
font-size:14px; font-weight:800; font-style: italic;
margin-left: 0; margin-top: 3px; padding-left: 75px; z-index:1;
}
.centerspecial, .centerpurple {border-width: 1px; border-color:#CCCCCC; text-align:center; font-style: oblique;
}
.centerpurple {padding-top: 100px; color:#FFFFFF; background-image:url(../images/GA%20oak%20tree%20on%20purple%20bkgd%20red%2066.jpg);
background-repeat: no-repeat; height: auto;
}
.lgbulletrt {border-width:2px; margin:3px; margin-bottom: -15px; width: 54px; height: 54px; border-color: #336666;
}
.lgbulletlt {border-width:2px; margin:3px; margin-bottom: -10px; float:right; width: 50px; height: 50px;
}
img.lgbullet {width: 50px; height: 50px; border-width:2px; margin:3px; margin-bottom: -15px; border-width:2px; border-color: #336666;
}
#adtop {
float: right;
margin-top:25px;
margin-right: 0px;
border-width:2px;
border-style:solid;
border-color:#333333;
width:124px;
height: 64px;
bottom: 0px;
}
/*----------divs and tags used in gbox only --------*/
#glederbd {
position: absolute;
margin-left: 4px;
margin-top: 0px;
padding-bottom: 1px;
top: 3px;
}
#gbutton2 {position:absolute; margin-left: 530px; bottom: 0px; padding: 2px;
}
#gbutton1, #gsearch {position:relative; float: left;
padding-left: 15px; padding-right: 5px;
}
/*-------divs in content --------*/
#toc {color: #FFFFFF; background: #666666; text-align: left;
float:left; margin-top: 0px; margin-bottom: 0px; width: 130px; height: auto;
border: 2px ridge #663300; font-family: "Bradley Hand ITC", cursive;
font-style: italic; font-weight: bold;
}
#pg, #pga {float:left; padding:5px; position: relative;
color:#000000; height: auto; width: 484px; margin-bottom: 0px;
border-left-width: 1px;
border-left-color:#C0C0C0; border-left-style:ridge;
border-right-width: 1px; border-right-color:#C0C0C0;
border-right-style:ridge;
}
/*
#pga {margin-right: 165px; margin-top: 0px;
}*/
.toobig {width:465px; height:200px; padding:3px; overflow:scroll;
}
#disclosure {height: 125px; font-size: 10px; text-align: left; width: 465px;
}
/* disclosure div contains this iframe: */
#disclosuretxt{width: 455px; height: auto; padding: 5px; text-align: left;
}
#ads {width: 164px; padding-left: 2px; height: 100%; padding-right: -60px;
margin-top: 0px; color:#000000; font-size:12px; font-weight:400;
margin-bottom: 0px; float: right;
}
#footer{width: 100%; border-top-width: 1px; border-top-color:#C0C0C0;
border-top-style:ridge; border-spacing: 2em;
margin-bottom: 0px; line-height:1em;
font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;
text-align:center; clear: both;
}
/*breadcrumbs some pages use h6.essaybcrumbs*/
ul.breadcrumbs {font-size: 12px; text-align: right; padding-right: 5px;
}
ul.breadcrumbs li {display: inline; list-style-type:none;
}
/*----divs and tags used in id-toc ----*/
ul.toc { list-style-type: disc; list-style-position: inside;
margin-left: -10px; margin-top: -10px;
}
ul.toc li {display: list-item; margin-left: -10px;
}
ul.tocnav { list-style-type: disc; list-style-position: inside;
margin-left: -10px; margin-top: -10px;
}
ul.tocnav li {display: list-item; margin-left: -10px; font-size:12px;
}
a.tocnav, a.toc {font-size:14px; color:#E7EFFE;
}
a.tocnav:visited {font-size:14px; color:#E0C7DC;
}
a.catepillar {font-weight:800; color:#FF6600;}
.adslt {width: 126px; padding-top: 4px; float: left;
}
a.toc{color:#CBD1DC;
}
/*-----divs and tags used or specially designed to be used in id-pg or id-ads are at the end ----------------*/
/* --- some divs and tags used in ads are generic and used in page and toc also but are listed according to original design for use ----*/
/*---divs and tags used in id-footer -----------------*/
#copy, .sendtopbottom {font:"Century Schoolbook", sans-serif; font-size:10px;
}
#mod{font-size:9px;
}
/*--- place footerad after close ad div and break footerwithad and adfooterwith ad are alternative pair if put ad in footer div if so, then must change link to footer-- */
.footerad, .adfooterwithad {text-align: center; width: 100%; height: auto; clear:both;
margin-top: 0px;
}
.adfooterwithad {border-bottom-width: 1px; border-bottom-color:#C0C0C0;
border-bottom-style:ridge; border-spacing: 2em;
}
#footerwithad{width: 100%;
margin-bottom: 0px; line-height:1em;
font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;
text-align:center; clear: both;
}
/*-----divs and tags geberuc and used in id-pg----*/
a, a.nb {color:#6633FF;
}
a.nb {text-decoration:none;
}
a.foot:visited, a.nb:visited {color:#CC66FF;
}
a.foot:active, a.nb:active {color:#CCCCFF;
}
.mid {text-align:center;
}
.flr{float: right;
}
.fll{float: left;
}
.cb {clear: both; float:left; position: relative;
}
.cr {clear:right; float:right; position:relative;
}
.cl {clear:left;
}
.afflt{width: 130px; float: left; height: auto; text-align: center;
border:1px solid #333333; padding: 1px; margin-right: 3px;
background-color:#FFFFCC;
}
.affrt{width: 130px; float: right; height: auto; text-align: center;
border:1px solid #333333; padding: 1px; margin-left: 3px;
background-color:#FFFFCC;
}
.note, .notea,.notemid {width: 350px; height: 100px; overflow: scroll;
background-color:#FFFFD9; color:#666699;
padding: 15px; margin-right: 80px;
border: 3px inset #9999CC; font-weight: 800;
}
.notea {width: 450px; height: auto; overflow: auto;
}
.notemid{width: 450px; margin-right: auto; margin-left: auto; font-weight: 700;
}
p.underline {width: 100%; border-bottom: 1px black solid;
}
p.blockquote {padding-left: 20px; padding-right: 20px;
}
/*----class row2 is an alternate color grey for rows----*/
.row2{background-color:#F1F1F1;
}
/*---class catlk was designed for notes and stuff ------*/
.catlk {text-align:right; padding-right:5px; background-color:#F8F8F8;
font-family:"Bradley Hand ITC", cursive; font-style:italic; font-size:12px;
}
/*--- class pgad is the yellow note div ----*/
.pgad {font: Ariel 11px ; background-color: #FFFF99; width: 450px; height:auto;
border-top: 1px; border-right: 3px; border-bottom: 3px; border-left: 1px;
border-style:outset; border-color:#F4F4F4;
text-align: center;
}
.adlist{list-style-type:none; display:inline; text-align: center;
}
/*------class etitle is the blackboard with the essay title----*/
a.etitle{color:#CCCCFF;
}
h3.etitle {font-weight: bold; background-color:#666666; color:#FFFFFF;
font-family: "Century Schoolbook","Bradley Hand" , cursive; font-size: 14px;
border: ridge 3px; border-color:#663333; text-align: center;
width: 400px; margin-left: 21px;
}
.listcat {font-size: 1.3em; color:#666666;
}
/* ------------------the ppt slides are reduced to 133x100 --------------------*/
.slide { width: 133px; height: 100px;
}
/* -------------------special font styles mostly for spans--------------------- */
.button {border: 3px navy inset; padding: 2px; border-top-color:#6666CC; border-left-color:#6666CC; background-color: #666699; color: #E7EFFE;
}
.em, .emp {font: 133% bold;
}
.emp {
font-weight: 300;
}
.it {font-style:italic;
}
.item {font-style: italic; font-size: 133%; font-weight: bold;
}
.rt {text-align: right; margin-right: 5px;
}
.xp {font-size: smaller;
}
.quote { padding-right: 25px; padding-left: 25px;
}
.code, codebox { font-family: mono, "Courier New", Courier; font-size:12px; display: block;
}
.codebox {max-width: 80%; max-height: 110px; overflow: scroll; padding: 5px; border: 1px solid #4682B4; margin-right: auto; margin-right: auto;
}
/*----------ref is for refering to authors of articles and bib stuff be sure to place images inside the ref box as this is a block display
use the cite tag to surround the italized titles of references---------*/
.ref{font-size: small; text-align: right; display: block;
}
.sig, .signote, .signotert {font-family:"Bradley Hand ITC", cursive; font-weight: 600; font-size: 12px;
}
.signote, .signotert {padding-left: 10px; margin-bottom: -.75em; font-size: large;
}
.signotert {text-align: right; padding-right: 5px;
}
/*------------special styles for metaphor resources------------------*/
h3.metares, h4.metares {text-align:right; height: 3em;
}
img.metaresheading, img.essay, img.metaresheadingfoto {float:right; margin-top: -1.25em; max-width: 100px;
min-width: 50px; height: auto; border: 2px green inset; margin-left: 3px; overflow: hidden;
}
img.metaresheadingfoto {width: auto; height: auto; max-width: 350px;
}
/*--------------divs and tags used in #ads and #pg for lists and product boxes------------------------------------ */
.pagetopicads, .genericads {width:155px; text-align: center; margin-right: 5px; overflow: scroll; height: auto;
}
ul.ads, ul.pglist {width:100%; list-style-type:disc; list-style-position: inside;
}
ul.pglist {width: 460px; height: auto; list-style-type:disc;
}
ul.ads li{padding-left: -5px;
}
ul.pglistsub{padding-left:40px;
}
img.pglistli {width:56px; height:56px; border:2 inset gray; margin-bottom: -20px; margin-right: 5px; margin-left:-35px;
}
ul.cat li {list-style-type:disc; list-style-image:url(../images/fluffy-cat-mini.gif); list-style-position: inside;
}
li.disc {list-style-type:circle; list-style-position: outside; padding-left: 20px;
}
h4.ads {font-size: 16px;
}
/* ---------------miniestore contains about 2 productboxes per row for products divs 200px wide ----*/
.miniestore {padding: 5px; padding-top: 2px; margin-top: 0px; text-align: center; position: relative; width: 470px;
}
.productbox {text-align: center; float: left; margin: 3px; border:4px double #228822; width: 205px; height: 150px; overflow: scroll; padding: 5px;
}
/* --------------------divs and tags used in essays pattern page ------------------- */
h3.essay, h4.essay {text-align:center; font-size:larger; font-weight: bold;
}
h3.essay {font-size: 18px;
}
img.essay{width: 100px; height: auto; margin-top: -2em; border: 3px gray inset; margin-left: 3px; overflow: hidden;
}
/* can include this snippet sig on essays to give idea of reference date for authoring essay:
Essay by Valerie Coskrey ©2009
css for the snippet is below */
.copyrtsig{font-size: 14px; font-family: "Bradley Hand ITC", cursive, "Brush Script MT", "Freestyle Script", CommercialScript; font-style:oblique; text-align: right;
}
.copyrtsymbol{font-size: 1.5em; font-family: code, mono, Courier, "Courier New";
}
/* ------tmadbanner is for teachable moments in a midpage div or an affrt or afflt div---- */
.tmadbanner {
border: 3px groove #CCCCFF;
padding: 5px;
clear: both;
margin-right: 5px;
font-size: 12px;
background-color: #F7FAFF;
overflow: auto;
}
.txtforimgrt {
font-size: 10px;
padding-right: 3px;
padding-left: 20px;
}
.txtforimglt {
font-size: 10px;
padding-left: 3px;
padding-right: 20px;
}
/* ------------------------styles especially for worksheets and forms ------------------ */
p.underline {width: 100%; border-bottom: 1 black solid;
}
.style13 {color: #660033;
}
.adtext {
text-align: center;
border: 1px solid #666666;
}
/* This is the smallest box with tommy background gif text width will be 60px max and 120 high max */
div#tomytiny {float: left; width: 200px; height:160px; background-image:url(../images/tommy_background_smallest.gif); background-repeat: no-repeat; padding: 25px; padding-left:129px; border: 1px solid black;
}
/*This box is seen on bonsai2 as green box around the image and the fotolia copright info links as part of h3. the photo is a styled img.metaresheadingfoto */
.fotocopyrt {border: 2px forestgreen inset; width: 240px; height: auto; margin-top: -20px;
}
img.metaresheadingfoto2{width:226px; height: 170px;
}