/* M. Lucretius Agricola    */
/* validated 09 Feb 2006    */
/* Nova Roma Style Sheet    */
/*                          */
body {
margin: 5px; /*leave a tiny band*/
border: 0.3em groove #800000; /*red grooved border all around*/
color:#000000; /*black text*/
background-color:#ffffff; /*white background just in case*/
background-image:url('marbleback.jpg'); /*marble background*/
padding: 0em 1em 0em 1em; /*white space inside the border on both sides*/
}
h1, h2, h3, h4, h5, h6 {
color:#800000 /* Set the headings color*/
}
h1 { /*TOP HEADING STYLE*/
text-align:center; /*Center*/
text-transform:uppercase; /*all UPPERCASE*/ 
text-decoration:underline /*underlined*/
}
h1:before, h1:after { /*decorate H1 with middle dots*/
content: "·"
}
h2 { /*H2 style*/
font-variant:small-caps; /*Uppercase and small caps*/
margin-left: -4% /*Outdent into the white space*/
}
h3 { /*H3 style*/
margin-left: -2% /*Outdent a little*/
}
ul { /*Un-numbered list styles*/
list-style-type: square; /*Square list markers*/
list-style-position: outside /*this is the usual default*/
}
ol { /*Numbered list styles*/
list-style-type: upper-roman; /*Use upper-case Roman numerals*/
list-style-position: outside /*this is the usual default*/
}
dt { /*Definition list -TERMS- styles*/
font-weight:bold /*Def list TERMS bold*/
}
p.photo { /*photo frame*/
float:left; /*wrap text to right of pic*/
margin:0 1em 0.2em 0; /*space to right and below*/
text-align:center; /*caption is centered and bold*/
font-weight:bolder;
border:thin solid #800000; /*thin red line all around*/
color:#800000 /*red text*/
}
p.item { /*the ITEM styles are for the bookstore items, for example */
clear:both /*Item should span the div*/
}
img.item { /*the ITEM styles are for the bookstore items, for example */
float:left;
padding-right:1em;
border:none
}
div.sub-nav { /*This is the banner area across the top*/
margin:0px;
padding-left:0.5%;
padding-right:0.5%;
/*border-bottom:medium groove #800000*/
}
div.main-nav { /*The main navigation or INDEX panel*/
float:left; /*panel goes hard against left edge*/
clear:left;
/*font-size: smaller;*/
width:20%;
margin: 0em 0.5em 0.5em 0em;
padding: 0 1.5% 0 1.5%;
border:medium groove #800000;
overflow: visible
}
div.content {
margin: 0 0.5em 0 24%;
padding-left: 4% /*The padding sets up the space for heading outdents*/
}
/*It may be better to deal with the copyright as an include that carries its own style*/
div.copyright{ /*THIS NEEDS WORK*/
/*border-top:medium groove #800000;*/
text-align:center;
font-size: smaller;
background-color:#ffffff;
color:#000000;
clear:both
}
div.notice { /*Hot box in upper right corner for important warnings*/
border:thick dotted #990000;
background-color:#ffcccc;
color:#000000;
padding-left:1%;
padding-right:1%;
position:absolute;
top:0.5em;
right:0.5em
}
.frame { /*Puts a nice grooved box around things */
border:#800000 groove medium;
padding: 0% 1% 1.5% 1%;
margin:0 0 0.25em 0;
}
.latin { /*Special treatment for Latin words */
font-variant:small-caps
}
.language { /*Language selector bar */
text-transform:uppercase;
background-color:#dddddd;
color:#000000;
border:none; 
padding:0px
}
.breadcrumb { /*Breadcrumb bar*/
font-variant:small-caps;
border:none; 
padding:0px
}
.gloss { /*vernacular glosses*/
font-style: italic
}
.nostyle { /*use for things that display when no style sheet is used*/
display:none /*hide an item when this stylesheet is used*/
/*This lets us add structure that is shown only when stylesheets are off.
This is especially useful for visually impaired people who use screen readers.*/
}
.logo { /*just for the NR logo image*/
padding: 5px;
border: none
/*border:medium groove #800000*/
}
.menu-item:before { /*Decorate menu items in the main-nav section*/
content: "·" /*Put a middle dot in front because we are not using a list*/
}