body, html
{
     text-align: center;
     margin: 0;
     padding: 0;
     /*
      background: url(../images/background.bmp) #000 top repeat-x; gray->#83714b
      */
     background: url(../images/background.png) #011536 top center repeat-x;
     color: #FFF;
     font: 10pt "Trebuchet MS", Helvetica, sans-serif;
     height: 100%
}

.orange
{
     color: #efbf18
}

.lightgray
{
     color: #c2c1c1
}

.darkgray
{
     color: #828180
}

.teal
{
     color: #214343
}

body
{
     min-width: 900px;
}

#container
{
     position: relative;
     min-height: 100%;
     margin-left: auto;
     margin-right: auto;
     width: 900px;
}
* html #nonFooter
{
     background: #5E0302;
     height: 100%;
}

#header
{
     background: url('../images/logo_onblack_backshadow.png') center no-repeat;
     width: 900px;
     height: 150px;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-left: auto;
     margin-right: auto;
     text-align: right;
}

#main
{
     background: #000;
     border: 2px solid white;
     width: 840px;
     min-height: 560px;
     margin: 0 auto 0 auto;
     text-align: left;
     /*padding-bottom: 20px;*/
     position: relative;
     z-index: 10;
}

#shadow
{
     height: 560px;
     width: 400px;
}

.transp
{
     background-color: #000;
     filter: alpha(opacity = 75);
     -moz-opacity: 0.75;
     -khtml-opacity: 0.75;
     opacity: 0.75;
     float: none;
     position: absolute;
     z-index: 50;
}

#pagecontent
{
     height: 500px;
     width: 340px;
     padding: 30px;
     overflow: auto;
     font-weight: bold;
     float: none;
     display: block;
     position: absolute;
     z-index: 90;
}

#pagecontent p
{
     padding-top: 20px;
}

#pagecontent p a
{
     text-decoration: none;
}

#pagecontent p a:hover
{
     text-decoration: underline;
}

img.linkImg
{
     border: none;
}

#navbar
{
     color: #fff;
     text-align: right;
     font-size: 12pt;
     font-weight: bold;
     padding-right: 18px;
}

#footer
{
     margin: 0 auto 0 auto;
     width: 840px;
     margin-left: auto;
     margin-right: auto;
     font-family: Georgia, serif;
     font-size: 10pt;
     /*font-style: italic;*/
     text-align: center;
     padding-top: 15px;
}
* html #footer
{
     margin-top: -2.7em;
}

#footer-short
{
     position: absolute;
     bottom: 0;
     width: 900px;
     margin-left: auto;
     margin-right: auto;
     /*font-family: "Times New Roman", Times, serif;*/
     font-family: Georgia, serif;
     font-size: 8pt;
     font-style: italic;
     text-align: center;
     padding-top: 15px;
     padding-bottom: 15px;
}

#directions
{
     margin: 50px auto 0 auto;
     background-color: #fff;
     border: 2px solid #fff;
     padding: 0px 10px;
     width: 310px
}

hr
{
     color: #56627E;
     margin-left: 5px;
     margin-right: 5px;
}

hr.foot
{
     color: #FFF;
     margin-left: 5px;
     margin-right: 5px;
}

p
{
     padding: 5px 5px 5px 5px;
     padding-left: 5px;
     padding-right: 5px;
}

p.text
{
     text-align: justify;
}

ul
{
     text-decoration: none;
     list-style: outside;
}

div.col
{
     padding-top: 5px;
     float: left;
     width: 300px;
     height: auto;
     margin-right: 5px;
}

#row-foot
{
     font-weight: bold;
     text-align: center;
     clear: both;
     width: 100%;
}

.centered
{
     text-align: center;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px;
}

img.left
{
     display: inline-block;
     margin-top: 5px;
     margin-bottom: 2px;
     margin-left: 5px;
     margin-right: 5px;
     vertical-align: middle;
     float: left;
}

img.center
{
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
     vertical-align: middle;
}

img.right
{
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
     vertical-align: middle;
     float: right;
}

h1
{
     font-size: 16pt;
}

h2
{
     font-size: 12pt;
}

h2.indent
{
     font-size: 12pt;
     text-indent: 20px;
}

/*
blockquote
{
     font-style: italic;
     font-size: 90%;
     border: thin dotted #294b7e;
     background: #bca983;
     padding: 5px;
}
*/

blockquote.youth
{
     font-style: italic;
     font-weight: bold;
     border: 2px dotted #efbf18;
     padding: 10px;
     margin: 30px 10px 0 10px;
}

.muted
{
     font-weight: lighter;
}

.citation
{
     width: 100%;
     text-align: right;
     margin-top: 10px;
}

.footnote
{
     font-style: italic;
     list-style-type: none;
     padding-bottom: 10px;
     color: #c2c1c1
}

a
{
     text-decoration: none;
     border: none;
     color: white;
}

a:visited
{
     color: white;
}
* a
{
     color: inherit;
     text-decoration: none;
}

a:hover
{
     text-decoration: underline;
     border: none;
}

#navbar a:hover
{
     text-decoration: none;
}

table.contact_info
{
     margin-top: 30px;
     /*margin-left: 20px;*/
}

table.contact_info td
{
     vertical-align: top;
     text-align: left;
}

table.contact_info td h1
{
     font-size: 120%;
}

table.contact_info td.field
{
     font-weight: bold;
}

#center-content
{
     width: 500px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
}

#copyright
{
     margin-top: 5px;
     text-align: right;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 7pt;
     font-style: normal;
     font-weight: bold;
}

.link
{
     cursor: pointer;
}

.footnote a, a.visited
{
     color: #c2c1c1
}