/*/////////////////////////*/
/* GENERAL BODY FORMATTING */
/*/////////////////////////*/

body {
        margin: 20px 0px 20px 0px;
        font-size: small;
        text-align: center;
        font-family: Verdana, Arial, sans-serif;
        background-color: /*#01a0c6*/ #3f0077;
}

a {
        text-decoration: none;
        font-weight: bold;
        color:  #333399;
}

a:link {
        color:  #333399;
}

a:visited {
        color:  #333399;
}

a:active {
        color:  #333399;
}

a:hover {
        background-color: #dcdcdc;
        text-decoration: none;
}

h1, h2, h3 {
        margin: 0px;
        padding: 0px;
}

hr      {
        color: #000000;
        height: 1px;
}

#container {
        line-height: 140%;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 0px;
        width: 810px;
        background-color: #FFFFFF;
        border: 1px solid #000000;
}

#banner {
        font-family: Verdana, Arial, sans-serif;
        color: #FFFFFF;
        text-align: center;
        padding: 0px;
        height: auto;
}

/*////////////////////*/
/*  MENU FORMATTING   */
/*////////////////////*/

#menu {
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        float: center;
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
}

#menu table {
        margin-top: 0px;
        border-spacing: 0px;
        margin-bottom: 0px;
}

#menu td {
        width: 175px;
        padding-bottom: 0px;
}

#menu a {
        color:  #333399;
        margin: 0 0 0 0;
        padding-left: 4px;
        display: block;
}

#menu a:hover {
        background-color: #dcdcdc;
}


#menu td.here a:hover {
        background-color: #bfbfbf;
}

#menu td.here {
        background-color: #bfbfbf;
        font-weight: bold;
}

table.side_menu {
        width: 150px;
        float: center;
}


#left {
        background-color: #ffffff;
        float: center;
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
}

#middle {
        background-color: #FFFFFF;
        overflow: hidden;
        padding: 5px 5px 0px 5px;
        font-size: small;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        width: 474px;
}

#right {
        width: 150px;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 5px;
}

.right {
        width: 150px;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 5px;
}

ul.kids {
        padding-left: 7%;
        margin-left: 7%;
}

ul.youth {
        padding-left: 7%;
        margin-left: 7%;
}

#inside-text {
        padding: 5px 5px 0px 5px;
        font-size: small;
        border-left: 1px solid #000000;
        width: 470px;
}

td {
        font-size: small;
}

td.bio {
        border-left: 1px solid #000000;
        padding: 5px 5px 0px 5px;
        font-size: small;
}

.highlight {
        border: 1px solid #000000;
        padding: 5px 5px 5px 5px;
        text-align: center;
        background-color: #dedede;
}

.section {
        font-weight:bold;
        color: red;
}

.smallsection {
        font-size: 75%;
        font-style: italic;
}

.person {
        color: blue;
}

.tiny {
        font-size: 0.85em;
}

.reallytiny {
        font-size: 0.75em;
}

.youth1 {
        font-size: 1.3em;
        font-weight: bold;
}

.youth2 {
        font-size: 1.1em;
        font-weight: bold;
}

.centered {
        text-align: center;
}

/*////////////////////*/
/* FOOTER FORMATTING  */
/*////////////////////*/

#footer {
        font-size: x-small;
        text-align: center;
        color: #000000;
        line-height: 130%;
        margin: 5px 0px 5px 0px;
        border-top: 1px solid #000000;
}

/*////////////////////*/
/* MISC FORMATTING  */
/*////////////////////*/

.jkbold   { font-weight: bold   }
.jksmall  { font-size: 0.8em    }
.jktop    { vertical-align: top }
.jkright  { text-align: right   }
.jkleft   { text-align: left    }
.jkcenter { text-align: center  }
