body
{
text-align: center;
}

div#easy {
position: absolute;
top: 2px;
}
div.red_body {
font-family: verdana, arial, helvetica;
font-size: 10pt;
color: #cc0000;
padding-top: 10px;
padding-bottom: 10px;
}
h3 {
font-family: verdana, arial, helvetica;
background-color: #cc0000;
font-size: 12pt;
color: white;
padding: 5px;
}

div.white_body {
font-family: verdana, arial, helvetica;
font-size: 10pt;
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
}
 
div#container

{
margin-left: auto; 
margin-right: auto;
width: 800px;
text-align: left;
}
 
div#top_white {
background-color: #FFFFFF;
line-height: 34px;
}


img.logo {
float: right;
}

h1#top {
background-color : #cc0000;
font-family: verdana, arial, helvetica;
font-size: 24pt;
color: white;
padding: 10px;
}

a.headlink:hover{
text-decoration: none; 
color: white;
}

a.headlink:visited {
text-decoration: none; 
color: white;
}

.text a:visited {
color: white;
font-weight: bold;
}

.text a:linked {
color: white;
font-weight: bold;
}


img { border: none; }

#menubar li {
list-style-type: none;
display: inline;
font-family: verdana, arial, helvetica;
font-size: 18pt;
margin: 0px;
padding: 0px;
border: 0px;
width: 200px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}


div#menubar {
background-color: #cc0000;
border: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

#menubar ul {
font-family: verdana, arial, helvetica;
font-size: 18pt;
color: white;
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
text-align: center;
}
#menubar a {
color: white;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
}

#menubar a:hover {
color: white;
text-decoration: underline;
}


div#hlbox {
float: left;
margin-left: 10px;
width: 197px;
}

div#largenewsimage {
float: left;
}

.headline {
font-family: verdana, arial, helvetica;
font-size: 18pt;
color : #cc0000;
padding: 5pt;
margin: 0pt;
}

div#headline_bar {
border-top: solid #cc0000;
border-bottom: solid #cc0000;
padding: 0pt;
margin: 0pt;
}

div#newsarticles {
width: 260px;
border: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
border: 0pt;
padding: 0pt;
margin: 0pt;
text-align: center;
float: left; 
}
div#newsarticlesrow {
display: block;
float: left;
}

span.newsitem {
width: 85px;
border-width: 2pt;
padding: 0pt;
margin: 0pt;
font-family: verdana, arial, helvetica;
font-size: 8pt;
text-align: center;
display: block;
float: left;
height: 112px;
}

span.newsitem a {
text-decoration: none;
float: left;
}

span.newsitem a img {
width: 70px;
height: 70px;
}

span.newsiteml {
position: relative;
left: 5px;
}

#newsarticle_story {
float: left;
margin-top: 10px;
margin-left: 10px;
width: 300px;
}

#newsarticle_picture {
float: left;
width: 400px;
margin-top: 10px;
margin-bottom: 10px;
}

div#news_navbar {
text-align: left;
padding: 2pt;
position: relative;
top: -15px;
left: 325px;
}
div#news_navbarnp {
text-align: left;
padding: 2pt;
position: relative;
top: -15px;
}

div#news_navbar ul {
font-family: verdana, arial, helvetica;
font-size: 8pt;
margin : 0pt;
}

div#news_navbar li {
list-style: none;
display: inline;
padding: 3px;
}
div#news_navbarnp li {
list-style: none;
display: inline;
padding: 3px;
}

div#news_navbarnp ul {
font-family: verdana, arial, helvetica;
font-size: 8pt;
margin : 0pt;
}

div#news_navbar a {
color: #ffffff;
text-decoration: none;
}

div#news_navbarnp a {
color: #ffffff;
text-decoration: none;
}

li#newstory a{
color: #000000;
text-decoration: none;
}

div#smallimage_div {
padding: 5px;
margin: 3px;
border: 2px solid #ffffff;
float: left;
text-align: center;
}
div#smallimage_divb {
padding: 5px;
margin: 3px;
border: 2px solid #cc0000;
float: left;
text-align: center;
}

li#group {
background-color:  #cc0000;
}
li#beaver {
background-color:  #0099cc;
}
li#cub {
background-color:  #33cc00;
}
li#scout {
background-color:  #006666;
}
li#explorer {
background-color:  #999966;
}

.faq_block {
  width: 100%
  margin: 1em .5em;
}
.faq_block h3 {
  margin: 0;
  padding: .25em;
  background: #bfcd93;
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  font-family: verdana, arial, helvetica;
  font-size: 12pt;
  cursor: pointer;
}
.faq_block div {
  padding: .5em .25em;
} 
div#red_faq {
font-family: verdana, arial, helvetica;
font-size: 10pt;
color: #cc0000;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
}

div#join_photo {
float: left;
padding: 2pt;
}
div#join_text {
float: left;
padding: 2pt;
width: 400px;
}

table.footer_bar {
font-family: verdana, arial, helvetica;
font-size: 8pt;
color: #FFFFFF;
background-color: #cc0000;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}


table.news_bar {
padding-bottom: 10px;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
visited: {text-decoration: none};
}


table.news_bar tr {
text-align: center;
}

table.cubnews tr {
text-align: center;
}

table.cubnews td {
font-family: verdana, arial, helvetica;
font-size: 8pt;
color: white;
padding-top: 5pt;
padding-bottom: 5pt;
}

table.nights {
font-family: verdana, arial, helvetica;
font-size: 10pt;
border-collapse: collapse;
border-color: #006666;
border-width: 2pt;
border-style: solid;
}

table.nights tr.header {
background-color: #006666;
color: white;
}

table.nights td {
padding: 2pt;
border-color: #006666;
border-width: 1pt;
border-style: solid;
}


table.cubnews a {
text-decoration: none;
color: white;
}

table.cubnews a:hover {
text-decoration: underline;
color: white;
}


table.news_bar td {
font-family: verdana, arial, helvetica;
font-size: 8pt;
background-color: #FFFFFF;
color: #cc0000;
}

table.news_bar a {
text-decoration: none;
color: #cc0000;
}
table.news_bar a:hover {
text-decoration: underline;
}

table.scout_bar {
font-family: verdana, arial, helvetica;
font-size: 16pt;
color: white;
padding-left: 10px;
padding-right: 10px;
}

table.scout_bar tr.top {
padding-top: 10px;
}

table.scout_bar tr.bottom {
padding-bottom: 10px;
margin-bottom: 10px;
}

table.scout_bar td.text {
font-size: 10pt;
text-align: left;
vertical-align: top;
padding-left: 10px;
}

table.section_bar {
background-color : #cc0000;
font-family: verdana, arial, helvetica;
font-size: 16pt;
color: white;
text-align: center;
border-collapse: collapse;
clear: both;
}

table.section_bar a {
text-decoration: none;
color: #ffffff;
}
table.section_bar a:hover {
text-decoration: underline;
}


table.section_bar td {
border-width: 0pt;
padding: 5pt;
}
td.bvr {
background-color : #0099cc;
}
td.cub {
background-color : #33CC00;
}
td.sct {
background-color : #006666;
}
td.exp {
background-color : #999966;
}

table.patrols {
background-color : #006666;
text-align: center;
font-family: verdana, arial, helvetica;
font-size: 18pt;
color: white;
}

#myslides {
width: 400px;
height: 300px;
}
.pics {  
    height:  400px;  
    width:   300px;  
    padding: 0px;  
    margin:  0;  
    border: 0;
} 
 
.pics img {  
    padding: 0px;  
    border:  none;
    background-color: #eee;  
    width:  400px; 
    height: 300px; 
    top:  0; 
    left: 0 
} 

div#left_body {
width: 500px;
padding: 10px;
font-family: verdana, arial, helvetica;
font-size: 10pt;
color: #cc0000;
float:  left;

}
div#infocolumn {
width: 200px;
padding: 10px;
border-left: solid 2px #cc0000; 
font-family: verdana, arial, helvetica;
font-size: 8pt;
color: #cc0000;
height: 100%;
float: left;
}
div#footer {
clear: both;
background-color: #cc0000;
display: block;
color: white;
font-family: verdana, arial, helvetica;
}
div#smallimagegallery {
float: right;
height: 400px;
overflow: auto;
width: 340px;
}
div#bigimagegallery {
height: 400px;
width: 450px;
position: relative;
}
div#bigimage {
position: absolute;
left: 0px;
top: 0px;
}
div#bigimagetitle {
position: absolute;
left: 0px;
top: 0px;
padding: 10px;
font-family: verdana, arial, helvetica;
font-size: 8pt;
color: #cc0000;
background : #ffffff;
z-index : 100;
width: 100%;
opacity: .75;
filter:alpha(opacity=75);
}

table.calendar {
width: 350px;
background-color: white;
color: black;
border: 1px red solid;
}
.month {
width: 50px;
text-align: center;
color: white;
background-color: #cc0000;
}
.day {
width: 50px;
text-align: center;
color: black;
border: 1px black solid;
}
.date {
width: 50px;
text-align: center;
color: black;
border: 1px black solid;
text-decoration: none; 

}

.date a {
display:block;
width: 50px;
color: black;
}




.date a:visited {
color: black;
text-decoration: none; 
font-weight: normal;
}


.date a:link {
color: black;
text-decoration: none; 
font-weight: normal;
}
.date a:hover {
background-color: #cc0000;
text-decoration: none; 
color: white;
font-weight: bold;
}

#slideshow {
display: block;
}

#slideshow #slidesContainer {
  margin:0;
  height:90px;
  width: 270px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  float: left;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  height:90px;
  width: 250px;
  display: block;
}

.control {
  display:block;
  float: left;
  width:30px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  position:relative;
  top:0;
  left:0;
  background:transparent url(/k9/control_left.gif) no-repeat 0 0;
}
#rightControl {
  position:relative;
  top:0;
  right:0;
  background:transparent url(/k9/control_right.gif) no-repeat 0 0;
}
.datek11 {
width: 75px;
text-align: center;
color: black;
border: 1px black solid;
text-decoration: none; 

}

.datek11 a {
display:block;
width: 75px;
color: black;
}




.datek11 a:visited {
color: black;
text-decoration: none; 
font-weight: normal;
}


.datek11 a:link {
color: black;
text-decoration: none; 
font-weight: normal;
}
.datek11 a:hover {
background-color: #ffffff;
text-decoration: none; 
color: black;
font-weight: bold;
}