/* Third attempt at Tessa's stylesheet */

/* 2008-02-20 Malcolm Smith with help from WestCIV and Site Point:  */

/* http://westciv.com/style_master/academy/hands_on_tutorial/index.html */

/* http://reference.sitepoint.com/css/ */



/* ############################################################################################### */

/*

Global White Space reset

http://leftjustified.net/journal/2004/10/19/global-ws-reset/

*/

* {

   padding: 0px;

   margin: 0px;

   }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:1em 2%; }

li, dd { margin-left: 3%; }

blockquote { margin-left:3em; margin-right:3em; }

/* WAS:

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }

li, dd { margin-left: 5%; }

fieldset { padding: .5em; }

*/

/* ############################################################################################### */





body {

    background-color: #f4d8ff;

    color: #222222;

    font-family: Verdana, Helvetica, Arial, sans-serif;

    font-size: 1em;

    margin: 0px;

    padding: 0px;

}



/*

http://leftjustified.net/site-in-an-hour/

div#outer {

    width:94%;

    min-width:40em;

    max-width:70em;

}

*/



h1 {

    text-align: right;

    color: #000000;

    font-size: 2em;

    font-family: times, serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 2px;

}



h2 {

    text-align: center;

    color: #000000;

    font: 1.5em/1.4 "times new roman", serif;

    text-decoration: overline;

}



h3 {

    text-align: center;

    font-size: 1.2em;

}



p {

    text-align: justify;

    font-family: verdana, arial, helvetica, sans-serif;

    font-size: 1em;

    line-height: 1.6em;

}



blockquote > p {

    font-family: georgia, "times new roman", serif;

}



code {

    font-family: "bitstream vera sans mono", "andale mono", monaco, monospace;

}



a {

/*    color: #0033cc; */

}

a:link {

    color: #0033cc;

}

a:visited {

    color: #6600cc;

}

a:hover {

    color: #ff0099;

}

a:focus {

    color: #ffffff;

    background-color: #883399;

}

a:active {

    color: #ff0000;

    background-color: #3cc7f0;

}



#header {

    height: 4em;

    background-color: #4fd8ff;

    border-top: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    margin-top: 0px;

    padding-top: 0px;

    padding-right: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    font-family: "times new roman", serif;

    font-style: italic;

}



#header p {

/* Almost the same as h1 except not underlined */

    text-align: left;

    color: #000000;

    font-size: 1.8em;

    font-family: "times new roman", serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 4px;

}



#header a {

    text-decoration: none;

}



#footer p {

    text-align: center;

    font-size: 0.8em;

}







#content {

    position: relative;

    width:82%;

/* WAS    width: 80%; */

/* WAS    width: 778px; */

/* WAS    width: 1004px; */

/* NEEDS  width: 1040px; to fit Performances pics side by side */

/*

http://leftjustified.net/site-in-an-hour/

div#outer {

    width:94%;

    min-width:40em;

    max-width:70em;

}

*/

    min-width:65em;

    max-width:100em;

}







#navbar {

/*  BIZ:   background-color: #f36a23; */

    position: absolute;

    width: 198px;

    top: 0px;

    left: 0px;

}

#navbar ul {

    margin: 0px;

    padding: 0px;

}

#navbar ul li {

    list-style-type: none;

    margin: 0px;

}

#navbar ul li a:link, #navbar ul li a:visited {

    display: block;

    font-weight: bold;

    text-decoration: none;

    border-bottom: solid #000000 1px;

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 20px;

}

#navbar ul li a:hover {

/*  BIZ:       color: #fed3a1; */

}

#thispage {

    background-color: #ffffff;

    display: block;

    font-weight: bold;

    text-decoration: none;

    border-bottom: solid #000000 1px;

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 20px;

}



#maintext {

    position: static;

    background-color: #ffffff;

    border-right: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    border-left: 1px #000000 solid;

    margin-left: 198px;

    padding: 10px;

}







/* 2009-05-24 copying DIF 2008-08-26 New additions for image positioning */



p.previousnext {

    text-align: center;

    font-size: 1.2em;   /* same as h3 */

    font-weight: bold;

}



p.center {

    text-align: center;

}



img.left {

    float: left;

    margin-right: 1em;

}



img.right {

    float: right;

    margin-left: 1em;

/*    margin-left: 10px; */

}



img.bottomleft {

    float: left;

    margin-right: 1em;

    margin-bottom: 1em;

}



img.bottomright {

    float: right;

    margin-left: 1em;

    margin-bottom: 1em;

}



img.gal {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 10px;

    margin-bottom: 5px;

/*  WAS:

    margin-right: 1em;

    margin-bottom: 1em;

*/

}



/* NOT RIGHT YET

img.center {

    text-align: center;

}

*/