/* styles.css */

/* start general layout styles */

/* 
f7b53b yellow
018dc8 blue
ae9c86 brown
*/


body { 
margin: 0px; padding:0px;
background-color:#ffffff;
width:100%;
}


#container {
width:800px; 
margin:0 auto; 
border:1px solid #014891; 
margin-top:0px;
padding-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#ae9c86;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
/*border:10px solid #ffcc66;*/  /*yellow*/
/*border:10px solid #fbce75;*/  /*yellow*/
/*border:10px solid #7a4333;*/  /*brown*/
border:8px solid #863c26; /* brown with a bit of red */
}

#header {
height:200px;
}

#main_body {
/*height:450px;*/
min-height:500px;
}

#footer {
text-align:center;
margin:0 auto;
padding-top:40px;
padding-bottom:15px;
}
/* end general layout styles */


/* start misc text styles */

.special_thanks {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff3300;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
font-weight:bold;
}

.highlighted_msg {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc3300;
font-weight:bold;
font-style:italic;
}

.donor_amt_disp {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
font-weight:normal;
vertical-align:4px;
}

/* end misc text styles */


/* start link styles */

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;	
/*color:#f7b53b;*/
color:#018dc8;
font-size:12px;
}
a:visited {
text-decoration: none;	
/*color:#f7b53b;*/
color:#018dc8;
font-size:12px;
}
a:hover {
/*color:#f7b53b;*/
color:#018dc8;
text-decoration: underline;
font-size:12px;
}
a:active {
text-decoration: none;	
/*color:#f7b53b;*/
color:#018dc8;
font-size:12px;
}

a:link.r_name {
/*color:#f7b53b;*/
color:#018dc8;
font-weight:bold;
text-decoration:normal;
}

a:visited.r_name {
/*color:#f7b53b;*/
color:#018dc8;
font-weight:bold;
text-decoration:normal;
}

a:active.r_name {
/*color:#f7b53b;*/
color:#018dc8;
font-weight:bold;
text-decoration:normal;
}

a:hover.r_name {
/*color:#f7b53b;*/
color:#018dc8;
font-weight:bold;
text-decoration:underline;
}

a:link.map_site_link {
color:#f7b53b;
/*color:#018dc8;*/
font-weight:normal;
text-decoration:normal;
}

a:visited.map_site_link {
color:#f7b53b;
/*color:#018dc8;*/
font-weight:normal;
text-decoration:normal;
}

a:active.map_site_link {
color:#f7b53b;
/*color:#018dc8;*/
font-weight:normal;
text-decoration:normal;
}

a:hover.map_site_link {
color:#f7b53b;
/*color:#018dc8;*/
font-weight:normal;
text-decoration:underline;
}


a.mini_bottom_link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-decoration: none;
/*color: #ffffff;*/
color: #333333;
}

a:hover.mini_bottom_link { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-decoration:underline;
/*color: #ffffff;*/
color: #333333;

}

a.mini_bottom_link_popout
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #0171a1;
font-weight:bold;
}

a:hover.mini_bottom_link_popout { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline;
color: #0175a6;
font-weight:bold;
}


.top_link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration: none;
color: #333333;
}


a.top_link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration: none;
color: #333333;
}

a:hover.top_link { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration:underline;
color: #333333;
}

/* end link styles */


/* start miscellaneous styles */

img {
border: 0px;
}

:active, :focus{
    outline:none;
}

table {
border-collapse:collapse;
}

/* end miscellaneous styles */



/* start city drop-down via pop styles */
.pop {
  position: absolute;
  display: inline; }
  .pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .pop .pop_toggle {
    background-image: url(images/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer; }

.active .pop_menu {
  display: block;
  /*background-color: #018dc8;*/
  /*background-color: #30497d;*/
  background-color: #014891;
  color: #ffffff;
  position: absolute;
  padding: 5px;
  width: 180px; }
  .active .pop_menu a {
    color: #ffffff; }
.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(images/arrow-up.gif); }
  
/* end city drop-down via pop styles */
  

/* start slideshow styles */
#slideshow {
    position:relative;
    height:244px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* end slideshow styles */

/* start marquee styles */
.container {
    background: #fff none;
    /*border: 1px solid #000;*/
    height: 120px;
    margin: 0 auto;
    width: 660px;
}

.container .wrap {
    width: 640px;
    left: 10px;
    top: 10px;
    overflow: hidden;
    position: relative;
    line-height: normal;
    font-size-adjust: none;
}

div.stockTicker {
    font-family: Verdana, Arial, Helvetica, San-serif;
    font-size: x-small;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

div.stockTicker span {
    margin: 0 10px 0;
}

div.stockTicker span.pic {
    margin: 0;
    font-weight: bold;
    padding-left: 10px;
}
/* end marquee styles */

/* start css accordian */
#menu {
  margin:0; 
  padding:0; 
  height:100px; 
  overflow:hidden; 
  background:#ffffff;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:200px;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#333333; 
  margin:0; 
  width:200px;
  font-size:10px;
  }
#menu li a span {
  display:none; 
  color:#000;
  }
#menu li a.one span {
  display:block; 
  height:27px; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#ffffff;
  }
#menu li a:hover span {
  display:block; 
  height:27px; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  font-size:11px;
  font-weight:bold;
  border:0;
  }

.curved {
  width:200px;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#ffffff; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#88c;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c; 
  font-size:0.9em; 
  text-align:justify;
  }
/* end css accordian */

