/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  position:relative;
  width:100%;
  margin: 3em 0;
}
#carousel {
  height:300px;
  width:100%;
  background-color:#e3e3e3;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
  font-family: Arial;
}
.carousel-image {
  border:0;
/*display:block;*/
 max-width: 300px;

}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  border:2px solid #5d5d5d;
  cursor:pointer;
}
.carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:#000;
}
.carousel-feature .carousel-caption p {
  margin:0;
  padding:5px;
  font-weight:bold;
  font-size:12px;
  color:white;
}
.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
.tracker-individual-container {
  position:relative;
  color:white;
  right:48px;
  top:210px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:0 3px;
  color:white;
  text-align:center;
  background-color:#DDD;
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
}
#carousel-left {
  position:absolute;
  bottom:33px;
  left:220px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:33px;
  right:220px;
  cursor:pointer;
}
#logo{
    width: 400px;
    height: auto;
}

#picture{
  border:0;
  width: 300px;
}

#footer{
    WIDTH: 100%; 
    POSITION: fixed; 
    BACKGROUND-POSITION: 0px 0px; 
    COLOR: #fff; 
    PADDING-BOTTOM: 5px; 
    TEXT-ALIGN: center; 
    PADDING-TOP: 5px; 
    BOTTOM: 0px; 
    BACKGROUND-COLOR: #0b4173; 
    height: 15px;
}
#top_banner {
	HEIGHT: 90px; 
}

#bannerCaption {
	COLOR: #003f74; 
    FONT: 1.8em Arial Black; 
    float: inside; 
    position: relative; 
    text-align: center;
    top:0px;
    height:80px;
}

#logo {
	WIDTH: auto; 
    FLOAT: left; 
    position: fixed; 
    top:0px;
}

.snapshot {
	FLOAT: right; 
    PADDING-LEFT: 1080px; 
    position:fixed; 
    top:0px;
}
.snapshotLogin {
	COLOR: #003f74; 
    TEXT-ALIGN: center; 
    PADDING-TOP: 10px; 
    FONT: 1.8em Arial Black
}
.navigation {
    TEXT-ALIGN: center; 
	BACKGROUND: #0b4173; 
    width: 100%; 
    PADDING-BOTTOM: 2.5px; 
    PADDING-TOP: 2px; 
    height: 20px; 
    position: fixed;
    font-family: Verdana;
    font-size: small;
}
.navigation UL {
	LIST-STYLE-TYPE: none; 
    TEXT-DECORATION: none; 
    TEXT-ALIGN: center; 
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 0px; 
    PADDING-LEFT: 0px; 
    MARGIN: 0px; 
    PADDING-RIGHT: 0px
}
.navigation LI SPAN {
	TEXT-DECORATION: none; 
    TEXT-ALIGN: center; 
    COLOR: #fff; 
    PADDING-BOTTOM: 5px; 
    PADDING-TOP: 2px; 
    PADDING-LEFT: 0px;
    MARGIN: 0px; 
    PADDING-RIGHT: 10px
}
.navigation LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
    PADDING-BOTTOM: 0px; 
    TEXT-ALIGN: center; 
    PADDING-TOP: 0px; 
    PADDING-LEFT: 0px; 
    DISPLAY: inline; 
    PADDING-RIGHT: 0px; 
    MARGIN-RIGHT: 5px
}
.navigation LI A {
	TEXT-DECORATION: none; 
    TEXT-ALIGN: center; 
    COLOR: #fff; 
    PADDING-BOTTOM: 5px; 
    PADDING-TOP: 2px; 
    PADDING-LEFT: 15px; 
    MARGIN: 0px; 
    PADDING-RIGHT: 15px
}
.navigation LI A:hover {
	BACKGROUND-COLOR: #5b85c2
}
.navigation LI.current A {
	TEXT-DECORATION: none; 
    TEXT-ALIGN: center; 
    FLOAT: left; 
    FONT-WEIGHT: bold; 
    COLOR: #fff; 
    PADDING-BOTTOM: 5px; 
    PADDING-TOP: 2px; 
    PADDING-LEFT: 15px; 
    MARGIN: 0px; 
    PADDING-RIGHT: 15px
}
.navigation .username {
	PADDING-LEFT: 20px
}