@charset "utf-8";
/* CSS Document */

html,body {
margin:0;
padding:0
}

body {
font: 76% arial, sans-serif;
text-align:center;
background-color:#000033;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#0b1960;
font-variant:small-caps;
margin-left:260px;
margin-top:4px;
margin-bottom:0px;
padding-top:20px;
padding-bottom:0px;
}

div#container {
text-align:left;
background-image:url(images/rightcolumn.gif);
background-position:top right;
background-repeat:no-repeat;
width:800px;
margin:0 auto;
background-color:#FFFFFF;
}

div#wrapper {
float:left;
width:100%
}

div#navigation {
background:#FFFFFF;
background-image:url(images/leftcolumn.gif);
background-repeat:no-repeat;
float:left;
width:240px;
min-height:550px;
margin-left:-800px;
padding-top:30px;
padding-left: 20px;
}

.logo {
width: 142px;
height: 140px;
border:none;
}

div#navigation ul {
list-style:url(images/bullet.gif);
line-height:1.7em;
padding-top:10px;
padding-left:12px;
padding-bottom:0;
margin-left:13px;
}

div#navigation li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.12em;
color:#0b1960;
padding-bottom:0;
}

div#navigation li a {
color:#0b1960;
text-decoration:none;
}

div#navigation li a:hover {
text-decoration:underline;
color:#024da2;
}

div#subnav ul {
margin-top:0;
padding-top:0;
margin-left:5px;
}

.active {
font-family:Arial, Helvetica, sans-serif;
font-size:1.12em;
text-decoration:underline;
color:#0b1960;
}

.donate {
border:none;
margin-top:130px;
}

.donate_sub1 {
border:none;
margin-top:107px;
}

.donate_sub2 {
border:none;
margin-top:84px;
}

div#content {
margin: 16px 0 0 260px;
padding-top: 0px;
width: 360px;
background-color:#FFFFFF;
}

div#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#024da2;
margin-top:0px;
margin-left:auto;
margin-right:25px;
margin-bottom:0px;
padding-bottom:10px;
padding-top:0px;
}

div#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.45em;
color:#024da2;
}

div#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.25em;
color:#024da2;
}

div#content ul {
list-style:disc;
margin-top:0px;
}

div#content li {
margin-left:-3px;
margin-top:5px;
margin-bottom:5px;
list-style-position:outside;
}

div#content a {
color:#000033;
text-decoration:underline;
}

div#content a:hover {
color:#024da2;
text-decoration:underline;
}

.anchors li {
list-style-image:url(images/bullet.gif);
}

.anchors li a {
font-weight:bold;
text-decoration:underline;
}

#blue {
color:#024da2;
font-weight:bold;
font-size:1.15em;
}

.quote {
display:block;
width:255px;
height:auto;
padding:5px;
background-color:#ffffff;
}

.frontpagepromo {
width:253px;
height:255px;
padding:3px;
margin-right:25px;
border: solid;
border-width:1px;
border-color:#000000
}

.sponsorbox {
display:block;
text-align:center;
background-color:#FFFFFF;
padding:0;
margin-left:15px;
margin-top:0;
margin-bottom:10px;
width:295px;
border-style:solid;
border-color:#b4c9dd;
border-width:1px;
height:auto;
}

.sponsortype {
display:block;
text-align:center;
background-color:#b4c9dd;
padding:0;
margin:0;
width:295px;
border-style:none;
height:25px;
}

.sponsortype h3 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.0em;
margin:0;
padding:4px 0 0 0;
text-decoration:none;
}

.showbox {
display:block;
text-align:left;
background-color:#FFFFFF;
padding: 0 0 5px 0;
margin-left:0px;
margin-top:0;
margin-bottom:6px;
width:355px;
border-style:none;
height:auto;
}

.smshowbox {
display:block;
float:left;
text-align:center;
background-color:#FFFFFF;
padding:5px;
margin-left:0px;
margin-top:0;
margin-bottom:12px;
margin-right:55px;
width:110px;
border-style:none;
height:auto;
font-weight:bold;
font-size:1.15em;
}

.show {
padding-top:5px;
}

.gallerycontainer{
position: relative;
height:300px; /* height of largest image */
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
margin-top:125px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div#rightcolumn {
float:left;
width:180px;
min-height:550px;
margin-left:-180px;
padding-top:30px;
}

div#rightcolumn a {
color:#000033;
text-decoration:underline;
}

div#rightcolumn a:hover {
color:#024da2;
text-decoration:underline;
}

.extras {
margin-top:440px;
padding-top:5px;
margin-left:25px;
margin-bottom:0;
padding-bottom:0;
}

.socialmedia {
margin-top:-440px;
padding-top:450px;
}

div#footer {
clear:left;
width:100%;
background: #000033;
color: #FFF;
font-size:0.9em;
padding-top:2px;
padding-bottom:5px;
}

div#footer a {
color: #024da2;
text-decoration:none;
}

div#footer a:hover {
color:#FFFF00;
text-decoration:underline;
}
