/* Application CSS Stylesheet: header. */
#header {
  width: 790px;
  height:130px;
  margin-left: auto;
  margin-right: auto;
}
#header img {
border:none;
}
#header > div {
  width: 100%;
}
#header p {
  margin: 0px;
  padding: 5px;
  background-color: gray;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
#header p a {
  color: yellow;
  text-decoration: none;
}

#navigation {
  margin:0px 0px 0px;
  padding:0px 0px;
  width: 790px;
  height:26px;
  background-color:#bfe2ce;
}

#navigation ul {
margin:0px;
}

ul.buttons {
padding: 3px 0px 3px 9px;
}

ul.buttons li {
list-style:none;
background-color:#2d8680;
}

ul.buttons li {
margin: 0px 7px 0px 0px;
position: relative;
float: left;
padding:2px 18px;
display:inline;
}

ul.buttons a {
color:#FFFFFF;
text-decoration:none;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

ul.buttons a:link, ul.buttons a:visited {
color:#FFFFFF;
}

ul.buttons a:hover, ul.buttons a:active {
color:#efee24;
}

/* Application CSS Stylesheet: structural layout. */
#layout {
  margin-left:auto;
  margin-right:auto;
  padding: 0px;
  width: 790px;
}
#header {
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  z-index: 30;
  text-align: left;
}
#footer {
  margin: 0px 0px 0px 0px;
  border: none;
  z-index: 15;
  padding: 0px 0px 0px 0px;
}
.page {
  margin: 5px 0px 0px 0px;
  border: none;
  padding: 0px;
  width: 790px;
}
.section {
  margin: 0px;
  border: none;
  padding: 0px;
  width: 100%;
}
.column-A, .column-B {
  position: relative;
  float: left;
}

.column-A {
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 5px 5px 0px 0px;
  width: 300px;
  z-index: 25;
}

.column-A-brightcove-narrow {
margin: 0px;
}

.column-A-flickr-slideshow {
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 5px;
  width: 500px;
  z-index: 25;
}

.column-B {
  margin: 5px 0px 0px 5px;
  border: none;
  padding: 0px;
  width: 480px;
  z-index: 20;
}

.column-B-flickr-support-text {
  position: relative;
  float: left;
    margin: 5px;
  border: none;
  padding: 0px;
  width: 270px;
  z-index: 20;
}

.column-A-sys {
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 10px;
  width: 450px;
  z-index: 25;
}

.column-B-sys {
  position: relative;
  float: left;
    margin: 5px;
  border: none;
  padding:10px;
  width: 290px;
  background-color:#BFE2CE;
  z-index: 20;
}

.column-B-home-map {
margin: 0px 0px 10px 0px;
padding: 0px;
text-align:right;
z-index:20;
}

.column-B-cat-blog {
border-top-width:thin;
border-top-color:#6dc8a5;
min-height:400px;
z-index:20;
}

.column-B-sign-up-stop-sign {
  position: relative;
float:left;
  margin: 5px;
  border: none;
  padding: 5px;
  width: 150px;
  z-index: 20;
}

.clear {
  clear: both;
}
.page > .section {
  border-bottom: 1px solid transparent;
}

.column-A-blog, .column-B-blog {
  position: relative;
  float: left;
}

.column-A-blog {
  margin: 5px;
  border: none;
  padding: 0px;
  width: 570px;
  z-index: 20;
}

.column-B-blog {
  margin: 0px 0px 5px 5px;
  border: none;
  padding: 0px;
  width: 190px;
  z-index: 20;
}


.column-A-about, .column-B-about, .column-A-news, .column-B-news {
  position: relative;
  float: left;
}

.column-A-about {
  margin: 5px 0px;
  border: none;
  padding: 0px;
  width: 405px;
  z-index: 20;
}

.column-B-about {
  margin: 5px 0px 0px 15px;
  border: none;
  padding: 10px;
  width: 350px;
  z-index: 20;
  background-color:#BFE2CE;
  border:thin;
  border-color:#c1e3d3;
  
}

.column-A-news {
  margin: 0px 5px 0px 0px;
  border: none;
  padding: 0px;
  width: 350px;
  z-index: 20;
}

.column-B-news {
  margin: 5px 0px 0px 11px;
  border: none;
  padding: 7px;
  width: 404px;
  z-index: 20;
  background-color:#dceee6;
  border:double;
  border-color:#2d8680;  
}

/* The Route. */
#route-column-A {
  padding: 0px 5px;
  width: 598px;
  float: left;
}

#route-column-B {
  padding: 0px 5px;
  width: 172px;
  float: left;
}

/* Media. */
#media-column-A {
  padding: 0px 5px;
  width: 335px;
  float: left;
}

#media-column-B {
  padding: 0px 5px;
  width: 435px;
  float: left;
}

.uber-video-player {
margin:0px;
}

.column-A-toolkit, .column-B-toolkit {
  position: relative;
  float: left;
}

.column-A-toolkit {
  margin: 0px;
  border: none;
  padding: 5px;
  width: 320px;
}

.column-B-toolkit {
  margin: 0px;
  border: none;
  padding: 5px;
  width: 320px;
}

.cat-photo-contest-form {
margin:0px auto;
padding:5px;
width:600px;
}

.column-A-flickr-slideshow-mini {
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 5px;
  width: 400px;
  z-index: 25;
}

.column-A-flickr-call-out {
background-color:#2D8680;
padding:10px;
color:#FFFFFF;
}

.column-B-flickr-contest-text {
  position: relative;
  float: left;
    margin: 5px;
  border: none;
  padding: 0px;
  width: 370px;
  z-index: 20;
}

.column-B-flickr-contest-text input {
margin:2px 0px;
}


/* Application CSS Stylesheet: footer. */
#footer {
  width: 750px;
}

#footer div {
  margin-top: 15px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  font-size: 11px;
  text-align: center;
}

#footer hr.footer-hr-top {
  border: none;
  height: 1px;
  width: 700px;
  text-align: center;
  background-color: gray;
}

#footer hr.footer-hr-bottom {
  height: 3px;
  background-color: #990000;
}

.footer-search {
  padding-top: 10px;
}

.footer-search .search_form-input {
  width: 25em;
}

#footer a {
font-weight:bold;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#00a7a7;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
}