/* all you need in the style sheet is style declarations; you don't need surrounding style tags. */

/********************/
/* BASIC TEXT SIZES */
/********************/
body {font-size:100%;}   /* 16px=1em=100% */
h1.b  {font-size:2.5em;} /* 40px/16=2.5em */
h1 {font-size:2.1875em;} /* 35px/16=2.1875em */
h2 {font-size:1.8750em;} /* 30px/16=1.8750em */
h3 {font-size:1.5625em;} /* 25px/16=1.5625em */
h4 {font-size:1.2500em;} /* 20px/16=1.2500em */
h5 {font-size:0.9375em;} /* 15px/16=0.9375em */
h6 {font-size:0.6250em;} /* 10px/16=0.6250em */
p {font-size:1em;}


/********************************/
/* BACKGROUND IMAGE & MAIN FONT */
/********************************/
body {background-image:url('/img/parchmn4.gif'); font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;}

div.container
{
width:100%;
margin:0px;
padding:0em;
text-align:center;
}

div.header
{
/* padding:0.5em; */  /* no padding for just an image, which is current plan */
text-align:center;
clear:both;
}

div.footer
{
padding:0.5em;
color:white;
background-color:gray;
text-align:center;
clear:both;
}

div.left_nav_menu
{
float:left;
width:280px;
  left:0; /* fixes IE 7 bug */
  padding-left:0; /* margin would show IE 6 bug (original 1.5em)*/
padding-top:1em; /* compensates for line-breaks before & after div */
padding-bottom:1em; /* compensates for line-breaks before & after div */
text-align:center;
}

div.content
{
margin-left:290px;
border-left:1px solid SaddleBrown;
padding:1em; /* compensates for line-breaks before & after div */
/* min-height:470px; based on actual height of left nav menu */
}

.left_nav_menu {text-decoration: none; color: black; font-family:'RomanUncialModern', 'Arial', 'san-serif'; line-height:120%}

A.left_nav_menu {text-decoration: none; color: #0000AA; font-family:'RomanUncialModern', 'Arial', 'san-serif'; font-size:120%; line-height:100%}
/* A.left_nav_menu:link */
/* A.left_nav_menu:visited */
/* A.left_nav_menu:active */
A.left_nav_menu:hover {text-decoration: underline; color: SaddleBrown;} /* #46220A = a dark brown */

ul.left_nav_menu
{
list-style-type:none;
list-style-position:outside;
}
.left_nav_menu li
{
background-position:0px 0px; padding-left:0px; /* figure out how to work this */
}

input:focus
{
background-color:#FFFF44; /* when this type of control gets the focus, its background becomes a lighter shade of yellow */
}

textarea:focus
{
background-color:#FFFF44; /* when this type of control gets the focus, its background becomes a lighter shade of yellow */
}

/**********************************************************/
/* FOR CHECK-LISTS, BOTH UNCHECKED AND CHECKED CHECKBOXES */
/**********************************************************/
li.checked
{
color:green; list-style-type:none; list-style-position:outside; padding-bottom: 5px; background-image: url('/img/bullet_checked.gif'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 30px;
}
li.unchecked
{
color:red; list-style-type:none; list-style-position:outside; padding-bottom: 5px; background-image: url('/img/bullet_unchecked.gif'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 30px;
}

/**********************************/
/* MLA FORMATTING IMPLEMENTATIONS */
/**********************************/
ol.MLA { margin-left: 25px; padding-left: 0px;  /* outdent list; not usually under something else on our website, I hope. -- Dahrien */
         list-style: upper-roman;}              /* I. xxx              */
ol.MLA ol { list-style: upper-alpha;}           /*    A. xxx           */
ol.MLA ol ol { list-style: decimal;}            /*       1. xxx        */
ol.MLA ol ol ol { list-style: lower-alpha;}     /*          a. xxx     */    
ol.MLA ol ol ol ol { list-style: lower-roman;}  /*             i. xxx  */