/*
the base.css file defines things for objects that may appear on any page, with the exception of slideshow css, nav css, and floating css
These files were seperated simply for ease of finding and adjusting.

This file essentially flows down the document, beginning with global values, then going from top to bottom, with higher z-index 
residing higher.

The background swoosh is accomplished with a .bg div that is outside of the .wrapper and its absolutely positioned and sized.
*/

*
{
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    text-decoration: none;
}
body
{
    background: rgb(253,253,253);
}
img
{
    border: none;
}
a:visited
{
    color: Black;
}
a:link
{
    color: Black;
}
.whiteLink
{
    color: White !important;
}
.wrapper
{
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 22;
}
.header
{
    height: 94px;
}
.header img
{
    margin: 16px 0 0 32px;
}
#topLinks
{
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
}
#topLinks a
{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: black;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}
#search
{
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
}
#topLinks a:hover
{
    background: rgb(99,43,63);
    border-radius: 3px;
    color: white;
}
.message {
	color: White; 
	font-size: 34px;
}
#lowerNav
{
    margin: -60px 0px -10px 0px;
    position: relative;
    height: 95px;
    width: 950px;
    z-index: 80;
}
#lowerNav a
{
    display: inline-block;
    margin-top: 55px;
    width: 150px;
    text-align: center;
    color: white;
    text-decoration: none;
    font-size: 15px;
}
#lowerNav a:hover
{
    color: white;
}
.footer
{
    position: relative;
    z-index: 2;
    margin-top: -30px;
    border-top: solid black 2px;
    box-shadow: 0 -5px 105px rgba(0,0,0,.4);
    width: 100%;
    min-width: 1000px;
    height: 400px;
    background: url('/static/css/bgs/footerswoosh.png'), url('/static/css/bgs/footer.png');
    background-position: 0px 200px, 0 0;
    background-repeat: no-repeat,repeat-x;
}

.copyright
{
    color: White;
    font-size: 11px;
    line-height: 12px;
    padding-left: 10px;
}
.footer .wrapper
{
    padding-top: 40px;
}
/*narrow contains all of the text content, and due to padding is only 920px wide, this causes the expanded div to be 950px and fit nicely*/
.narrow
{
    position: relative;
    z-index: 25;
    width: 920px;
    padding: 15px;
    margin: 0 auto;
    background: white;
    min-height: 300px;
    border-radius: inherit;
}
/*.center objects reside between a .colRight and .colLeft */
.center
{
    float: left;
    width: 525px;
    min-height: 400px;
    overflow: hidden;
    margin-left: 28px;
}
.center .col ul
{
    list-style: none;
}
.center .top
{
}
.center .top img
{
    margin-left: 7px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
}
.events h4
{
    font-size: 22px;
    margin: 10px 0 7px 0px;
    padding-right: 15px;
    text-align: right;
    border-bottom: solid black 1px;
}
.shadow
{
    background:white;
    margin: 0 auto;
    width: 950px;
    box-shadow: 0 0 15px rgba(0,0,0,.6);
    border-radius: 10px;
}
.buckets
{
    width: 1000px;
    margin: 10px 0 20px -40px;
}
.bucket:first-child
{
    margin-left: 0;
}
.bucket
{
    background: white;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    border-radius: 8px;
    width: 226px;
    margin: 0 15px 0 17px;
    float: left;
}
.bucket.last
{
    margin-right: 0;
    float: right;
}
.bucket img
{
    border-radius: 8px;
}
.bucket ul
{
    list-style: none;
}

.bucket ul li:not(.heading)
{
    text-indent: 15px;
    width:210px;
}
.bucket li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.bucket li.heading
{
    font-size: 19px;
    color: white;
    background: rgb(99,43,63);
    border-top: solid white 1px;
    border-bottom: solid white 1px;
    text-indent: 15px;
}
li.heading:first-child
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top: none;
}

.bucket li:hover, .bucket li a:hover, .bucket li.heading a:hover, .bucket li:hover a
{
    background: rgb(99,43,63);
    color: white;
    cursor: pointer;
}

.people
{
    height: 205px;
    width: 100%;
}
.person
{
    display: none;
    font-size: 12px;
    float: left;
    width: 140px;
    margin: 10px;
    height: 180px;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    border-radius: 8px;
}
.person img
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
}
.person .description
{
    display: none;
    padding: 5px 0px;;
    color: White;
    position: relative;
    top: 0;
    left: 0;
    margin-top: -53px;
    z-index: 5;
	line-height:1.2;
    /* background: rgba(0,0,0,.8); */
	background-image: url('/static/css/bgs/bgb-t.png') !important;
	background-repeat: repeat !important;
    height: 40px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.description span
{
    text-align: center;
    display: block;
}
#seal
{
    position: absolute;
    display: none;
}
.highlight .title, .title, .highlightx .title
{
    position: relative;
    z-index: 0;
    font-size: 19px;
    background: rgb(99,43,63);
    color: White;
    padding-left: 15px;
    border-radius: 3px;
    box-shadow: 5px 5px 3px rgba(0,0,0,.2);
}
.highlight, .highlightx
{
    margin-top: 10px;
    clear: both;
}
.highlight .text, .highlightx .text
{
    padding: 10px 5px;
    font-size: 16px;
}
.highlight .text img
{
    float: right;
    width: 190px;
    height: 170px;
    position: relative;
    z-index: 5;
    display: inline-block;
    margin: -20px 5px 10px 5px;
}
.highlight .textF span
{
    display: inline-block;
    letter-spacing: 2px;
    cursor: pointer;
    clear: both;
}
.highlight .textF span:hover
{
    letter-spacing: 3px;
}
.highlight.half
{
    clear:none;
    width: 350px;
    float: left;
}
.highlight ol, .highlight ul
{
   margin-left:35px; 
}
.highlight .text img
{
    width:auto !important;
    height:auto !important;
    border-radius:6px;
    box-shadow:0 0 5px rgba(0,0,0,.6);
}

.goToTop a
{
    color: White;
    display: inline-block;
    float: right;
    margin-right: 15px;
}
.rightFull
{
    float: left;
    width: 724px;
    margin-left: 28px;
}
.bg
{
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 960px;
}
.bg.top
{
    height: 310px;
    top: 0px;
    background: url('/static/css/bgs/header.png') no-repeat 0 0;
    z-index: 0;
}
.bg.nav
{
    height: 30px;
    /* background: rgba(255,255,255,.9); */
	background-image: url('/static/css/bgs/bg-t.png') !important;
	background-repeat: repeat !important;
    border-top: solid rgb(99,43,63) 3px;
    border-bottom: solid rgb(99,43,63) 3px;
    top: 90px;
    z-index: 5;
    background-repeat: no-repeat;
}
.clear
{
    width: 100%;
    height: 1px;
    clear: both;
}

.DateRange, .DateDiv { display: none; }
.pix {border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,.4);}
a img:hover
{
    background:none;
}
.redtext {
	color:red;
}
.smallfont {
    font-size:11px;
}
.medfont {
	font-size:13px;
}
.floatinglnk a
{
    border-bottom:1px dashed #ababab;
	color: #632b3f;
    cursor: pointer;
	padding:0px 2px;
}
.floatinglnk a:hover
{
    background: rgb(99,43,63);
    color: white;
    cursor: pointer;
	padding:0px 2px;
	border-radius:3px;
}
a.goldlnk:link{color:#632b3f; text-decoration:none; border-bottom: none; background:#e1a800; padding:1px 5px;border-radius:3px; border:1px solid #632b3f;}
a.goldlnk:visited{color:#632b3f; text-decoration:none; border-bottom: none; background:#e1a800; padding:1px 5px;border-radius:3px; border:1px solid #632b3f;}
a.goldlnk:hover{color:#632b3f; text-decoration:none; border-bottom: none;  border-radius:3px; border:1px solid #632b3f;}
a.goldlnkQ:link{color:#632b3f; text-decoration:none; border-bottom: none; background:#e1a800; padding:1px 5px;border-radius:3px; border:1px solid #632b3f; display: inline-block; width:174px; padding-left:20px;}
a.goldlnkQ:visited{color:#632b3f; text-decoration:none; border-bottom: none; background:#e1a800; padding:1px 5px;border-radius:3px; border:1px solid #632b3f; display: inline-block; width:174px; padding-left:20px;}
a.goldlnkQ:hover{color:#632b3f; text-decoration:none; border-bottom: none; border-radius:3px; border:1px solid #632b3f;}