<!--
/* Default style of the page. */
body td, tr{
    font-family: Verdana, sans-serif; 
    font-size: 100%;
    color: #444444;
    text-align: left;
    background-color: #FFFFFF;
    line-height: normal;
}
/* Create top right corner of banner. */
.bannerright {
    text-align: right;
    background-image: url('Images/menubg_right.jpg');
    background-repeat: repeat-y; 
    background-position:  right 50%;
}
/* Top level menu: white text on blue. */
.menu1 { 
    font-size: 90%;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #254AA2;
}
/* Side menu.  Grey text on yellow fade-out image. */
.menu2 {
    background-image: url('Images/menubg_yellow.jpg');
    background-repeat: repeat-y;
    font-size: 100%;
    color: #222222
}
/* Side menu.  Grey text on blue fade-out image. */
.menu3 {
    background-image: url('Images/menubg_blue.jpg');
    background-repeat: repeat-y;
    font-size: 100%;
    color: #222222
}
/* Want lists in sidebar to not have an indent. */
td.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
}
td.sidebar ul li {
    font-family: Georgia, "Times Roman", serif;
    padding-right: 15px;
    margin-bottom: 5px;
}
.sidebar_text {
    font-family: Georgia, "Times Roman", serif;
}
/* Tells you page you are one.  For footer. */
.thispage {
    color: #444444;
    font-size: 90%;
    vertical-align: bottom;
    padding-bottom: 5px;
    text-align: right;
    background-color: #BFCEED;
}
/* Tells you page you are one.  For header. */
.thispage2 {
    color: #444444;
    font-size: 90%;
    vertical-align: bottom;
    padding-bottom: 5px;
    text-align: right;
    background-image: url('Images/clouds_words_creativity.jpg');
    background-color: #BFCEED
}
/* Side menu heading.  Grey text on purple fade-out image. */
.heading {
    background-image: url('Images/menubg_purple.jpg');
    background-repeat: repeat-y;
    font-size: 100%;
    font-weight: bold
}
/* Style of text in the content section of each page. */
.textfont{
    font-family: Georgia, "Times Roman", serif;
}
/* Used for creating a large drop-cap at start of a paragraph. */
span.dropcap {
    font-size: 200%;
    color: #84A0DD;
    background-color: #FFFFFF;
    float: left;
    line-height: 100%;
    position: relative;
    top: -3px;
}
/* Used for emphasizing individual letters and words. */
span.emphasized {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    color: #254AA2;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing in purple individual letters and words. */
span.emphasizedpurple {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    color: #7E4086;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing and centering paragraphs. */
.emphasizedcenter {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    text-align: center;
    color: #254AA2;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing and left-aligning paragraphs. */
.emphasizedleft {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    text-align: left;
    color: #254AA2;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing in purple and left-aligning paragraphs. */
.emphasizedleftpurple {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    text-align: left;
    color: #7E4086;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing and right-aligning paragraphs. */
.emphasizedright {
    font-family: Verdana, sans-serif; 
    font-size: 80%;
    text-align: right;
    color: #254AA2;
    background-color: #FFFFFF;
    font-weight: bold;
}
/* Used for emphasizing individual words with italics. */
span.emphasizeditalic {
    font-style: italic;
}
/* Used for emphasizing paragraphs with italics. */
.emphasizeditalic {
    font-style: italic;
}
/* Creates the footer with the image. */
.footer {
    background-image: url('Images/clouds_words_creativity.jpg');
    color: #FFFFFF;
    background-color: #8F4297
}
/* Used for copyright message. */
.footleft {
    font-size: 70%;
    color: #FFFFFF;
    background-color: #254AA2;
}
/* Used for author message. */
.footright {
    font-size: 70%;
    text-align: right;
    color: #FFFFFF;
    background-color: #254AA2;
}
/* Used to control white space around photographs in content. */
.photo {
    border-top: solid 10px #FFFFFF;
    border-left: solid 20px #FFFFFF;
    border-bottom: solid 30px #FFFFFF;
}
/* Used to grey out the menu item for the active page. */
.greyedout {
    color: #777777;
}
/* All these below control the look of text for links. */
/* Default style for links. */
a {
    font-size: 100%;
    text-decoration: none;
    color: #444444;
}
/* Style for links embedded into text. */
a.inline {
    font-size: 100%;
    text-decoration: underline;
    color: #254AA2;
    background-color: #FFFFFF;
}
/* Style for links embedded into text. */
a.blue {
    font-size: 100%;
    text-decoration: none;
    color: #254AA2;
    background-color: #FFFFFF;
}
/* Style for embedded links that have been visited. */
a.inline:visited {
    color: #6342A6;
}
/* Style for links in top level menu. */
a.menu1 {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #254AA2;
}
/* Style for links in side menu. */
a.sidemenu {
    text-decoration: none;
    color: #444444;
}
/* Style for links in the light blue bars saying which page you are on. */
a.thispage3 {
    text-decoration: none;
    color: #444444;
}
/* Style for link to Usable Web Designs. */
a.whiteonblue {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #254AA2;
}
/* Style for links when the mouse is hovering over them.  Keep this at the end. */
a:hover {
    color: #AAAAAA;
}
/* Style for embedded links when the mouse is hovering over them.  Keep this at the end. */
a.inline:hover {
    color: #AAAAAA;
}
-->