/* #######
Orange County Literacy Style Sheet
Adam Lord, 2006
########## */
/* CSSTidy 1.2: Mon, 31 Jul 2006 17:04:21 +0200 */

body {
background:#D6CFE6;
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:70%;
margin:0;
padding:0;
text-align:center;
}

#container {
background-color:#FFF;
border-left:1px solid #554080;
border-right:1px solid #554080;
margin:0 auto;
text-align:left;
width:775px;
}

#header {
background:#554080 url(../img/headerbg.jpg) top no-repeat;
clear:both;
height:100px;
}

#search {
color:#FFF;
float:right;
font-size:85%;
margin:70px 15px 0 0;
padding:1px;
text-align:right;
}

#search a.big {
font-size:1.5em;
font-weight:700;
}

#search a:hover {
color:#FFF;
text-decoration:overline;
}

#menu {
background:#E6CF73;
border-right:1px solid #BFA330;
float:left;
margin:0;
padding:0;
width:14em;
}

#menu a {
background:#E6CF73;
color:#3f3100;
display:block;
margin:0;
padding:4px 4px 4px 10px;
text-decoration:none;
}

#menu a:hover {
background:#BFA330 url(../img/menubg.jpg) center repeat-x;
color:#000;
}

#menu ul li {
border-bottom:1px solid #BFA330;
font-weight:700;
}

#menu ul li ul {
border-left:1px solid #BFA330;
border-right:1px solid #BFA330;
border-top:1px solid #BFA330;
}

#rightSideBar {
background-color:#CFE673;
border-bottom:1px solid #738040;
border-left:1px solid #738040;
border-right:1px solid #738040;
clear:right;
float:right;
margin:1.5em 1em 3em;
padding:0 0 1.5em;
width:16em;
}

#rightSideBar .sideBarTitle p {
margin:0;
padding:0;
}

#rightSideBar .sideBarTitle {
background:#738040 url(../img/rightbarbg.jpg) top repeat-x;
border-top:1px solid #738040;
color:#FFF;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:700;
margin:0;
padding:.25em;
}

#rightSideBar .sideBarText {
line-height:normal;
margin:1em .75em;
padding:0;
}

#rightSideBar .sideBarText p {
margin:.5em 0 .75em;
padding:0;
}

#rightSideBar .sideBarText ul {
line-height:normal;
list-style-position:outside;
margin:0 0 0 1.2em;
padding:0;
}

#rightSideBar .sideBarText ul li {
padding-bottom:.5em;
}

#rightSideBar a {
background-color:transparent;
color:#000;
padding-bottom:1em;
text-decoration:underline;
}

#rightSideBar a:hover {
color:#000;
text-decoration:none;
}

#rightSideBar .more {
margin-bottom:.5em;
padding-right:5px;
text-align:right;
}

table.portals {
margin-top:15px;
}

.portals td img {
border:2px solid #5C458A;
margin:0 15px 15px 10px;
}

.portals td img:hover {
border:2px solid #D6CFE6;
}

#main-wrapper {
border-left:14em solid #E6CF73;
margin:0 0 -30px;
}

#main-copy {
background-color:#FFF;
border-left:1px solid #BFA330;
color:#000;
padding:0.5ex 20px 3em 1em;
text-align:left;
}

#main-copy a {
color:#8A458A;
text-decoration:underline;
}

#main-copy a:hover {
color:#BF30BF;
text-decoration:none;
}

#main-copy a:visited {
color:#6a8900;
}

h1 {
background-color:transparent;
color:#5C458A;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weight:700;
line-height:.9em;
margin:.5em 0 .75em;
padding:0;
}

h2 {
background-color:transparent;
color:#738040;
font-family:arial, verdana, helvetica, sans-serif;
font-size:125%;
font-weight:700;
margin:.2em 0 .3em;
padding:0;
}

h3 {
background-color:transparent;
color:#000;
font-family:arial, verdana, helvetica, sans-serif;
font-size:120%;
font-weight:700;
margin-top:1em;
padding:1em 0 0;
text-align:center;
}

h4 {
background-color:transparent;
color:#000;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:140%;
font-weight:700;
margin:0;
padding:0;
}

blockquote {
margin-bottom:1em;
}

p {
margin:.75em 0 1.5em;
padding:0;
}

a.pdf {
padding-right: 14px;	
background-image: url(images/pdf.gif);
background-position:top right;
background-repeat:no-repeat;
}

dt {
border-top:1px dashed #d1d1d1;
font-weight:700;
margin-top:1.5em;
padding:10px 0 1em;
}

dd {
margin-bottom:.25em;
margin-left:2em;
margin-top:0;
padding:0;
}

#quotes {
font-size: 1.1em;
background:#f8f0ff;
padding: 10px 8px;
margin: 7px 0 7px 0;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
width: 390px;
}

#footer {
background:#554080;
border-top:1px solid #014e82;
clear:both;
color:#FFF;
font-size:92%;
line-height:1.4em;
margin:0;
padding:.25em 1em .75em;
text-align:center;
}

#footer p {
margin:.5em 0;
}

#footer a {
background-color:transparent;
color:#FFF;
padding:3px;
text-decoration:none;
}

p.sponsor img {
border:0;
margin:0 10px;
padding:0;
}

table.tutorresources {
margin-left:-10px;
text-align:center;
width:100%;
}

table.tutorresources td {
background:#FFF url(../img/tutorsbg.jpg) top repeat-x;
border:1px solid #8a458a;
vertical-align:middle;
}

table.archives {
margin-left:-10px;
text-align:center;
width:100%;
}

table.archives td {
background:#FFF url(../img/tutorsbg.jpg) top repeat-x;
border:1px solid #8a458a;
vertical-align:top;
}

table.archives td ul {
text-align:left;
margin: 0 0 .75em 1.5em;
padding: 0;
}

table.archives td p {
margin-bottom: .75em;
}

table.studentresources {
margin-left:-10px;
margin-top:0;
text-align:center;
width:100%;
}

table.studentresources td {
background:#fff url(../img/resourcebg2.jpg) top repeat-x;
border:1px solid #d1d1d1;
vertical-align:middle;
width:33%;
}

table.studentresources a {
color:#09c;
text-decoration:underline;
}

table.studentresources a:hover {
color:#09c;
text-decoration:none;
}

#globallinks {
color:#fff;
margin-left:-10px;
text-align:center;
width:100%;
}

#globallinks td {
background:#c07e5e url(../img/globalbg.jpg) top repeat-x;
border:1px solid #930;
vertical-align:top;
width:33%;
}

#globallinks a:visited {
color:#FFF;
text-decoration:underline;
}

#globallinks a:hover {
color:#FFF;
text-decoration:underline;
}

dt.first {
border:0;
}

#topwrap {
background-image:url(../img/topwrap.jpg);
background-position:top center;
background-repeat:no-repeat;
width:703px;
}

#midwrap {
background-image:url(../img/midwrap.jpg);
background-position:center;
background-repeat:repeat-y;
margin:10px auto 20px;
width:703px;
}

#bottomwrap {
background-image:url(../img/bottomwrap.jpg);
background-position:bottom center;
background-repeat:no-repeat;
width:703px;
}

#inwrap {
padding:30px 40px 60px;
}

.othertext {
background-color:#e0ecd6;
}

.othertext p {
margin:1em 0 0;
padding:0;
}

table.wishlist {
width: 95%;
text-align: center;
}

table.wishlist a img {
padding: 5px;
border: 1px solid #d1d1d1;
}

table.wishlist a:hover img {
border: 1px solid #ffffff;
}

table.wishlist p {
text-align:center;
color:#5C458A;
margin-top: .25em;
}


div.wishlist {
border-bottom:1px dashed #999;
margin-top:12px;
margin-bottom: 8px;
clear: both;
}

div.wishlist img {
border:1px solid #d1d1d1;
margin:0 7px 3px;
padding:5px;

}

hr.dash {
background-color:#fff;
border-bottom:0 solid #999;
border-top:1px dashed #999;
color:#fff;
height:1px;
}

div.bluebox {
background-color:#09c;
color:#fff;
font-size:1.1em;
margin:0 auto 20px;
padding:5px;
text-align:center;
width:40%;
}

.buttonblue,.buttongreen,.buttongreen2 {
clear:right;
float:right;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:700;
margin:15px 15px 0;
min-height:60px;
padding:5px;
text-align:center;
width:100px;
}

.buttonblue {
background:#09c url(../img/buttonbluebg.jpg) center repeat-x;
color:#fff;
border: 4px solid #73dfff;
}

.buttonblue2 {
background:#09c url(../img/buttonbluebg.jpg) center repeat-x;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:700;
margin:15px auto;
line-height: normal;
min-height:60px;
padding:5px;
text-align:center;
width:100px;
border: 4px solid #73dfff;
}
#main-copy .buttonblue2 a, #main-copy .buttonblue2 a:visited {
color: #fff;
text-decoration: underline;
}

#main-copy .buttonblue2 a:hover {
text-decoration:none;
}

.buttongreen {
background:#738040 url(../img/buttongreenbg.jpg) center repeat-x;
color:#fff;
border: 4px solid #d7de59;
}

.buttongreen2 {
background-color:#cfe673;
color:#360;
}

.buttonblue p a,.buttonblue p a:visited,.buttongreen p a,buttongreen p a:visited {
color:#fff;
text-decoration:none;
}

.buttongreen2 p a,.buttongreen2 p a:visited,.buttonblue2 p a,.buttonblue2 p a:visited {
color:#000;
text-decoration:none;
}

#header-tutors {
background:#feab50 url(../img/headerbg-tutor.jpg) top no-repeat;
clear:both;
height:100px;
}

table.tutors td {
background:#fff url(../img/tutorsbg.jpg) top repeat-x;
border:1px solid #8a458a;
vertical-align:middle;
}

#header-students {
background:#09c url(../img/headerbg-student.jpg) top no-repeat;
clear:both;
height:100px;
}

table.students td {
background:#fff url(../img/tutorsbg.jpg) top repeat-x;
border:1px solid #d1d1d1;
padding:5px;
vertical-align:middle;
}

#main-wrapper-helping {
border-left:14em solid #73D4E6;
margin:0 0 -30px;
}

#main-copy-helping {
background-color:#FFF;
border-left:1px solid #30A9BF;
color:#000;
padding:0.5ex 20px 3em 1em;
text-align:left;
}

#menu-helping {
background:#73D4E6;
border-right:1px solid #30A9BF;
float:left;
margin:0;
padding:0;
width:14em;
}

#menu-helping a {
background:#73D4E6;
color:#3f3100;
display:block;
margin:0;
padding:4px 4px 4px 10px;
text-decoration:none;
}

#menu-helping a:hover {
background:#30A9BF url(../img/menubg-helping.jpg) center repeat-x;
color:#000;
}

#menu-helping ul li {
border-bottom:1px solid #30A9BF;
font-weight:700;
}

#menu-helping ul li ul {
border-left:1px solid #30A9BF;
border-right:1px solid #30A9BF;
border-top:1px solid #30A9BF;
}

#header img,#header-tutors img,#header-students img {
clear:none;
float:left;
}

#search a,#globallinks a,.bluebox p a,.bluebox p a:visited {
color:#FFF;
text-decoration:none;
}

.bluebox p a:hover {
color:#fff;
text-decoration:underline;
}

#menu ul,#menu-tutors ul,#menu-students ul,#menu-helping ul {
list-style:none;
margin:0;
padding:0;
}

#menu p,#menu-tutors p,#menu-students p,#menu-helping p {
margin:1em 0 0;
padding:5px 4px 4px 5px;
text-align:center;
}

#menu p a,#menu p a img,#menu p a:hover,#menu-tutors p a,#menu-tutors p a img,#menu-tutors p a:hover,#menu-students p a,#menu-students p a img,#menu-students p a:hover,#menu-helping p a,#menu-helping p a img,#menu-helping p a:hover {
background:transparent;
border:0;
margin:0;
padding:0;
}

#menu li,#menu-tutors li,#menu-students li,#menu-helping li {
position:relative;
}

#menu ul ul,#menu-tutors ul ul,#menu-students ul ul,#menu-helping ul ul {
left:14em;
position:absolute;
top:-1px;
width:12em;
}

#menu ul ul ul,#menu-tutors ul ul ul,#menu-students ul ul ul,#menu-helping ul ul ul {
left:100%;
position:absolute;
top:-1px;
}

#menu ul li ul li,#menu-tutors ul li ul li,#menu-students ul li ul li,#menu-helping ul li ul li {
font-weight:400;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu-tutors ul ul,div#menu-tutors ul li:hover ul ul,div#menu-students ul ul,div#menu-students ul li:hover ul ul,div#menu-helping ul ul,div#menu-helping ul li:hover ul ul {
display:none;
}

div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu-tutors ul li:hover ul,div#menu-tutors ul ul li:hover ul,div#menu-students ul li:hover ul,div#menu-students ul ul li:hover ul,div#menu-helping ul li:hover ul,div#menu-helping ul ul li:hover ul {
display:block;
}

#footer a:hover,.buttonblue p a:hover,.buttongreen p a:hover,.buttongreen2 p a:hover,.buttonblue2 p a:hover {
text-decoration:underline;
}

#main-wrapper-tutors,#main-wrapper-students {
border-left:14em solid #cfe673;
margin:0 0 -30px;
}

#main-copy-tutors,#main-copy-students {
background-color:#FFF;
border-left:1px solid #738040;
color:#000;
padding:0.5ex 20px 3em 1em;
text-align:left;
}

#menu-tutors,#menu-students {
background:#cfe673;
border-right:1px solid #738040;
float:left;
margin:0;
padding:0;
width:14em;
}

#menu-tutors a,#menu-students a {
background:#cfe673;
color:#3f3100;
display:block;
margin:0;
padding:4px 4px 4px 10px;
text-decoration:none;
}

#menu-tutors a:hover,#menu-students a:hover {
background:#738040 url(../img/rightbarbg.jpg) center repeat-x;
color:#fff;
}

#menu-tutors ul li,#menu-students ul li {
border-bottom:1px solid #738040;
font-weight:700;
}

#menu-tutors ul li ul,#menu-students ul li ul {
border-left:1px solid #738040;
border-right:1px solid #738040;
border-top:1px solid #738040;
}

table.tutors,table.students {
clear:right;
float:right;
margin-bottom:20px;
text-align:center;
width:16em;
}