/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

#c 
{
    color:black;
    padding-left:35px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/*.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}*/
#bann
{
    margin-top:10px; 
    width:100%; 
    height:317px;
    background-image:url("../../Images/TestBanner.png"); 
    background-repeat:no-repeat; 
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  background-color:#555;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 350px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */

}
.featurette {
  padding-top: 10px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -10px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  color: black;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 500px) {

    /* Remove the edge padding needed for mobile */
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }

    /* Navbar positioning  */
    .navbar-wrapper {
        margin-top: 20px;
        margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    /* The navbar becomes detached from the top, so we round the corners */
    /*.navbar-wrapper .navbar {
    border-radius: 4px;*/


    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    #icon{
        
    }
}

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: 1.05em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        color:white;
        background-color: none;
        margin-left: 10px;
        margin-right: 0px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 2px;
        text-decoration: underline;
    }

    #login > ul {
        margin: 0;
    }

    #login > ul > li {
        color:white;
        display: inline;
        list-style: none;
        padding: 0px 3px 0px 0px;
    }
 
 #lg
 {
     list-style:none;
      padding:0px 0px 2px 55px;
 }      
#log
{   
    list-style:none;
    padding:0px 0px 0px 60px;
}
#log1
{
    list-style:none;
    padding: 2px;

}
#log2
{
    list-style:none;
    padding: 0px 0px 0px 7px;

}
#log3
{
    list-style:none;
    padding: 10px 0px 0px 200px;

}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login > ul {
            margin: 5px 0;
            padding: 0;
        }

        #login > ul > li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }
              /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }
}
/*Google Maps*/
 #map-canvas {
        width: 400px;
        height: 300px;
        background-color: #CCC;
      }

 /*Cap Alert*/
 #cap
 {
     width:80px;
     margin-left:0px;
     margin-top:0px;
 }
 
 /*Watermark*/
 /*#watermark
 {
     background-image: url(../../Images/jamaican-flag-butterfly.jpg); 
     background-repeat: no-repeat; 
     background-attachment: fixed;

 }*/
#outline
 {
    border: 3px solid white;
}
#front
{
    position:static;  
}