body {margin: auto 0; padding: 0; background-color: #000000; text-align: center; font-family: Arial, sans-serif;} 



/* Wrapper - Contains all layout information to keep it centered and appearing nice*/

#wrapper { width: 770px; margin: 0 auto; text-align: center; background-color: #000000; color: #ffffff}



/* Header container for all title image and text information*/

#header {clear: both; position: relative; height: 100px; background-color: #000000; color: #ffffff;}

 

#title-logo { position: absolute; top: 0px; left: 0px; width: 200px; padding: 10px 0px 10px 0px;}

  #title-logo img {float: left; margin: 0px; padding: 0px;}

#title-wordscenter {position: absolute; right: 220px; width: 305px; #width: 315px; margin: 0 auto; padding: 15px 5px 15px 5px; color: #ffffff; font-family: Arial, sans-serif; font-size: .9em; text-align: right;}

#title-picture {position: absolute; top: 0px; right: 0px; width: 215px; height: 110px; text-align: right;}

  #title-picture img {position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px;}

    

/* Main Content Area - Encompasses both navigation, information, and page content information */

#main {float: left; width: 770px; background-color: #0000FF; border-top: 1px solid #ffffff;}


/* Navigation Side Bar*/

#navigation {float: left; width: 100px; #width: 110px; padding: 5px 5px 5px 5px; background-color: #0000FF; color: #ffffff; font-size: .9em;}

  #navigation a:link, #navigation a:visited {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #ffffff; font-variant: small-caps; text-decoration: none;}

  #navigation a:hover, #navigation a:active {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; background-color: #0000CC; text-decoration: none;}

  #navigation hr {color: #ffffff; width: 75%; height: 1px;}

  

/* Information Side Bar*/

#information {float: left; width: 100px; #width: 110px; padding: 5px 5px 5px 5px; background-color: #0000FF; color: #ffffff; font-size: .9em;}

  #information h1 {display: inline; font-size: .9em; text-transform: uppercase; font-weight: bold;}

  #information h2 {display: inline; font-size: .9em;}

  #information h3 {display: inline; font-size: .7em;}

  #information a:link, #information a:visited {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #ffffff; font-variant: small-caps; text-decoration: none;}

  #information a:hover, #information a:active {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; background-color: #0000CC; text-decoration: none;}

  #information hr {color: #ffffff; width: 75%; height: 1px;}

  

/* Content container for a page using both navigation and information side bars */

#content {float: left; width: 538px; #width: 550px; padding: 5px 5px 50px 5px; background-color: #0000FF; color: #ffffff; text-align: center; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}

  #leftcontent a:link, #leftcontent a:visited {display: inline; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #C0C0C0; font-variant: small-caps; font-size: .9em;}


/* Content container for a page using only the navigation sidebar */

#leftcontent {float: left; width: 639px; #width: 660px; padding: 10px 10px 50px 10px; background-color: #0000FF; color: #ffffff; text-align: left; border-left: 1px solid #ffffff;}

  #leftcontent a:link, #leftcontent a:visited {display: inline; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #C0C0C0; font-variant: small-caps; font-size: .9em;}

  #leftcontent a:hover, #leftcontent a:active {display: inline; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #0000CC;}


#centercontent {float: left; width: 639px; #width: 660px; padding: 10px 10px 50px 10px; background-color: #0000FF; color: #ffffff; text-align: center; border-left: 1px solid #ffffff;}


/* NOT USED YET - Outline Ordered List (Also NEED "sub-items" WITHOUT "marker" (I. A. 1, etc.). For a container for a page using only the navigation sidebar */

ol.uroman {list-style-type: upper-roman}

ol.ualpha {list-style-type: upper-alpha}

ol.decimal {list-style-type: decimal}

ol.lroman {list-style-type: lower-roman}

ol.lalpha {list-style-type: lower-alpha}


/* For the calendar page */

#calendar {width: 600px; height: 440px;}

#map {width: 500px; height: 300px; margin: 0 auto; border: 1px solid #ffffff;}



.signature {position: relative; left: 390px; padding: 0px; font-family: Freestyle Script, serif; font-size: 3em;}

.signature2 {position: relative; left: 420px;}



img.listitemleft {display: block; float: left; padding: 0px 5px 0px 0px; vertical-align: middle;}

img.listitemright {display: block; float: right; padding: 0px 0px 0px 5px; vertical-align: middle;}

b.listitem {font-size: 1.1em; font-variant: small-caps; font-weight: bold;}

p.listitem {text-indent: 0px; height: 100%; padding: 3px 10px 3px 10px; text-align: justify;}

       

img.portrait {display: block; float: left; margin: 10px; align: top;}



p {padding: 3px; text-indent: 20px;}

h1 {padding: 0px; margin: 0px; font-size: 1.5em; font-variant: small-caps; text-align: center;}

h2 {padding: 0px; margin: 0px; font-size: 1.2em; font-variant: small-caps; text-align: center;}

hr {width: 75%; color: #ffffff; height: 1px; text-align: center;}