/* 
--------------------------------------
Cambridge School Shakespeare US styles
--------------------------------------
*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
background: #ffffff;
color: #232425;
}
  
body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
margin:0; 
padding:0; 
} 

/* 
--------------------------------------
link styles
--------------------------------------
*/

a {
color: #965221; 
text-decoration: none;
border: none;
}
a:link {
color: #965221; 
text-decoration: none;
border: none;
}
a:visited {
color: #965221;
text-decoration: none;
border: none;
}
a:hover {
color: #367fc1;
text-decoration: none;
border: none;
}
a:active {
color: #367fc1;
text-decoration: none;
border: none;
}

.submenu a {
color: #367fc1;
}

.submenu a:hover {
color: #2b6a9f;
}

.submenu a:active {
color: #2b6a9f;
}

a.selected, .selected {
border-bottom: 1px #488cc6 solid;
}

/* 
--------------------------------------
layout
--------------------------------------
*/

#wrapper {
width:100%;
}

#hdr-curvetop {
background: url('images/CSS-curvetop_bg.jpg') repeat-x;
}

#hdr-CSS-logo {
}

#content {
clear: left;
background: url('images/CSS-feathers_bottom.jpg') no-repeat;
width: 635px;
padding-left: 220px;
}

#nav {
padding: 20px 0px 0px 0px;
}

#quotes {
width: 400px; 
margin-left: 225px;
padding: 10px 0px;
}

#footer {
clear: left;
width: 100%;
border-top: #777777 1px solid;
margin: 20px 0px 0px 0px;
}

.hide {
display: none;
}

/* 
--------------------------------------
text styles
--------------------------------------
*/

.nav {
color: #0554ad;
font-family: Helvetica, Geneva, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 2em;
letter-spacing: .08em;
text-transform: uppercase;
border-top: #777777 1px solid;
border-bottom: #777777 1px solid;
margin: 0px 6px;
padding: 8px 0px 5px 0px;
}

.nav ul {
list-style: none;
}

.nav ul li {
display: inline;
}

.submenu {
background: #eeeeee;
color: #666666;
font-size: .95em;
border-bottom: #cccccc 1px solid;
padding: 5px 5px 3px 5px;
margin: 0px 5px 5px 5px; 
}

.content {
font-size: 1em;
line-height: 1.6em;
padding: 8px;
}

.content p {
margin: 8px 0px;
line-height: 1.6em;
}

.content em, .content cite {
font-family: serif;
font-size: 1.2em;
}

.content ul {
margin: 16px;
}
.content li {
margin: 8px 0px;
}

.smalltext {
font-size: .8em;
}

.quotes {
font-size: .85em;
font-weight: bold;
color: #4c6a85;
}

.footer {
font-size: .9em;
color: #777777;
padding: 7px;
font-weight: normal;
}

/* 
--------------------------------------
cover display styles
--------------------------------------
*/
.covers {
margin:0;
}

img .covers {
margin: 10px 10px 0px 0px;
}

.covergrid {
float: left;
width: 120px;
margin: 10px 5px 0px 0px;
font-size: .9em;
line-height: 1.5em;
}

.covergrid2 {
float: left;
width: 125px;
margin: 10px 10px 0px 0px;
font-size: .9em;
line-height: 1.5em;
}

.gridtitle {
font-size: 1.25em;
}

.gridwrapper {
margin: 10px 5px;
}