/* CSS Document */

body { 
 margin: 0; 
 padding: 0; 
 background-color: #050845; 
 color: #FFFFFF; 
 background-image: url(images/bg.jpg);
 background-repeat: repeat-x; 
 font: small Arial, Helvetica, Verdana, sans-serif; 
}

#wrapper { 
 background-color: #FDF8F2; 
 color: #000000; 
 margin: 30px 40px 30px 40px; 
 padding: 10px;
}

#header img.displayed {
 display: block;	
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 10px;
}

#header-bottom{
 border-top: 1px solid #B9D2E3;
 border-left: 0px;
 border-right: 0px;
 border-bottom: solid #B9D2E3 1px;
 }
	* html #header-bottom{height:1%;}
	#header-bottom{position:relative;}

#tagline { 
 font-weight: bold; 
 background-color: #FDF8F2; 
 color: #000080; 
 font-style: italic; 
 margin: 0; 
 padding: 0 25px 0 0px; 
 width: 250px; 
 float: right;
}

#main { 
 position: relative; 
 top:0; 
 left:  0; 
 width: 100%; 
 margin-top: 20px; 
}

#content { 
 margin: 0 0 0 240px; 
 border: 1px solid #B9D2E3; 
 background-color: #F5FBFF; 
 color: black; 
}

#mainfeature { 
 position: relative;  
 background-image: url(images/bg.jpg);
 background-repeat: repeat;
 background-color: #040B71; 
 color: white; 
 padding: 2em 2em 1em 2em; 
 line-height: 1.1;
} 
/* Relative position keeps IE6 bug at bay */

#mainfeature h3 { 
 margin: 0; 
 font-weight: bold; 
 font-size: 140%; 
} 

#mainfeature p { 
 font-size: 110%;
 font-weight: bold; 
}

#mainfeature p.more { 
 margin-top: 0; 
 display: block;
 text-align: right; 
} 

#mainfeature p.more a:link {
 color: #FFFFFF; 
 background-color: transparent;
 background-repeat: no-repeat; 
 background-position: center left; 
 padding-left: 14px; 
}

#mainfeature p.more a:visited {
 color: white;
 background-color: transparent;
}

#mainfeature p.more a:hover {
 color: #38CAFF;
 background-color: transparent;
}

#content .inner { 
 margin: 10px 40px 10px 20px; 
}

#content .inner h2 {
 position: relative; 
 color: #0561A5; 
 background-color: #F5FBFF;
 padding-bottom: 0.2em; 
 border-bottom: 1px solid #000080; 
 font-size: 110%; 
}

#content .inner ul.features { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
}

/* #content .inner ol.features {
 margin: 10;
 padding: 10;
 list-style: decimal;
 font: bold 8pt arial, sans-serif;
 color: #000080;
} */

#content .inner h3 { 
 font-size: 150%; 
}

#content .inner h3 a:link, #content .inner h3 a:visited { 
 color: #000080; 
 background-color: #F5FBFF;
}

#content .inner h3 a:hover {
 color: #00AEED;
 background-color: transparent;
}

#content .inner p { 
 color: #000080;
 background-color: #F5FBFF;
 font-size: 110%; 
}

#content .inner .features li img { 
 float: left; 
 margin: 0 5px 5px 0; 
}

#content .inner p.describe { 
 font-weight:  bold;
}

#content .inner p.more{
 display: block; 
 margin-top: 0; 
 text-align: right; 
} 

#content .inner p.more a:link, #content .inner p.more a:visited { 
 background-color: #F5FBFF; 
 padding-left: 14px; 
 font-size: 90%; 
 color: #000080
}
/* removed from above style:  background-image: url(img/more-bullet.gif); 
 background-repeat: no-repeat; 
 background-position: center left; */


#content .inner p.more a:hover {
 color: #EB00AC;
 background-color: transparent;
}

/* begin inner pages */

#bridge {
 position: relative;  
 background-image: url(images/rainbow.jpg);
 background-repeat: repeat;
 background-color: #040B71; 
 color: #000080; 
 border-bottom: 1px solid #B9D2E3;
 padding: 2em 2em 1em 2em; 
 line-height: 1.1;
} 
/* Relative position keeps IE6 bug at bay */

#bridge h2 {
 color: #000080;
 display: block;
 text-align: center;
 padding-bottom: 10px;
}

#bridge p { 
 font-size: 130%;
 font-weight: bold; 
}

#names {
 background-color: #F5FBFF;
 border: 1px solid #B9D2E3;
 height: 1%;
 position: relative;
 padding: 2em 2em 1em 50px; 
}

#names h2{
 display: block;
 text-align: center;
 color: #0561A5;
 background-color: #F5FBFF;
 padding-top: 20px;
 padding-bottom: 20px;
}

#names ul.links { 
 margin: 0; 
 padding: 20px; 
 list-style: none;
}

#names ul li a:link, #content ul li a:visited {
 text-decoration: none;
 color: #000080;
}

#names ul li a:hover {
 background-color:#F5FBFF;
 color:#00AEED;
}

/* New Style Below */

#names ul li img {
  float: left; 
  margin: 0 20px 5px 0;
}

#names ul p {
 color: #000080;
 background-color: #F5FBFF;
 font-size: 110%; 
}


#member {
 text-align: center;
 padding-top: 20px;
 padding-bottom: 40px;
}

#member h2 {
 color: #0561A5;
 padding-top: 20px;
 padding-bottom: 40px;
}

#member h3 {
 text-align: center;
 color: #000080;
 text-decoration: underline;
}

#member h4 {
 text-align: center;
 color: #000080;
}

#member p { 
 text-align: center;
 color: #000080;
 font-size: 120%;
 font-weight: bold; 
 margin: 30px;
}

#displayed {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 40px;
}

#photos img.displayed {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 40px;
}



#story img.displayed {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

#story {
 background-color: #F5FBFF;
 border: 1px solid #B9D2E3;
 height: 1%;
 position: relative;
 padding: 2em 2em 1em 50px; 
}

#story h2{
 display: block;
 text-align: center;
 color: #0561A5;
 background-color: #F5FBFF;
 padding-top: 20px;
 padding-bottom: 20px;
}

#story p.subhead {
 display: block;
 text-align: center;
 color: #000080;
 font-size: 130%;
 font-weight: bold;
 text-decoration: underline;
}

#story p.caption {
 display: block;
 text-align: center;
 color: #000080;
 font-size: 90%;
 font-weight: bold;
}

#story p {
 display: block;
 text-align: justify;
 color: #000080;
 font-size: 110%;
}

#story ul {
 color: #000080;
 font-size: 110%;
 margin-left: 40px ;
 margin-right: auto;
 padding: 0px;
 list-style: none;
}

#story ul.pictures {
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 list-style: none;
}

#story ul.pictures li {
 float: right;
 margin: 0;
 padding: 10px;
}			

#story ul.lists {
 color: #000080;
 font-size: 100%;
 margin-left: 40px;
 margin-right: auto;
 padding: 0px;
 list-style: none;
}

#story ul.lists li {
 list-style: none;
}
 
#story p.copyright {
 display: block;
 text-align: center;
 color: #000080;
 font-size: 90%;
 font-weight: bold;
 border-top: 1px solid #B9D2E3;
 padding-top: 0.2em;
}


#member .tribute {
 text-align: center;
 font-weight: bold;
 color: #000080;
 font-size: 100%;
 padding-left: 20px;
 padding-right: 20px;
}

#member .tribute p.poem {
 text-align: center;
 font-weight: bold;
 color: #008020;
}

#return {
 font-weight: bold; 
 color: #0561A5; 
 font-size: 16px ; 
 margin: 0; 
 text-align: center;
 padding-top: 20px;
 padding-bottom: 30px;
}

#return a:link, #content a:visited {
 text-decoration: none;
 color: #0561A5;
}

#return a:hover {
 background-color:#F5FBFF;
 color:#00AEED;
 font-size: 17px;
}

#disclaimer {
 display: block;	
 text-align: center;
 padding-bottom: 10px;
 font-weight: bold;
 color:#EB00AC;
}

/* end inner pages */

#siteinfo {
 position: relative;
 display: block;
 clear: both;
 border: 1px solid #B9D2E3;
 font-size: 75%;
 padding: 10px 10px 10px 10px;
 margin-top: 0px;
 text-align: center;
 }
 
* html #siteinfo{height:1%;}
	#siteinfo{position:relative;}

#siteinfo li {
 display: inline;
 background-color: #FDF8F2;
 color: #190438;
 }

#siteinfo h3 { 
 font-size: 110%; 
 color: #000080;
}


#sidebar { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 220px; 
 background-color: #FDF8F2; 
 color: #0561A5; 
 margin: 0; 
 padding: 0; 
}

#sidebar h3 { 
 font-size: 150%; 
 font-weight: bold;
 display: block;
 text-align:center;
 margin: 0; 
 padding: 0.2em 0 0.2em 10px; 
}

#sidebar ul.mainnav {
 list-style: none;
 margin: 0 0 10px 0;
 padding: 0;
 background-color: #0561A5;
 color: white;
} /* replaced background color #256290 */

#sidebar ul.mainnav li a:link, ul.mainnav li a:visited {
 text-decoration: none;
 display: block;
 width: 88%;
 padding: 6px 6%;
 background-color: #0561A5;
 font: bold 10pt/1.5 arial, sans-serif;
 color: white;
} /* replaced background color #256290 */

#sidebar ul.mainnav li {
 border-top: 1px solid #B9D2E3
}

#sidebar ul.mainnav li a:hover {
 background-color:#38CAFF;
 color:#190438;
}

#sidebar img.displayed {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 40px;
}

#othersidebarstuff {
 text-align: center;
 background-color: #FDF8F2;
 color: #0561A5;
 font: bold 8pt/1.0 arial, sans-serif;
}