/*BEFORE RELEASING FOR PRODUCTION, THE FONT FACE MUST BE CHANGED BACK TO THE BELOW OR ELSE THE FONTS WILL NOT DISPLAY CORRECTLY  */
/*@font-face {
    font-family: 'droidsans';
    src: local('☺');
    src: url('/clwater/fonts/droidsans.eot');
    src: url('/clwater/fonts/droidsans.eot?#iefix') format('embedded-opentype'),
         url('/clwater/fonts/droidsans.woff') format('woff'),
         url('/clwater/fonts/droidsans.ttf') format('truetype'),
         url('/clwater/fonts/droidsans.svg#droidsans') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droidsansbold';
    src: local('☺');
    src: url('/clwater/fonts/droidsans-bold.eot');
    src: url('/clwater/fonts/droidsans-bold.eot?#iefix') format('embedded-opentype'),
         url('/clwater/fonts/droidsans-bold.woff') format('woff'),
         url('/clwater/fonts/droidsans-bold.ttf') format('truetype'),
         url('/clwater/fonts/droidsans-bold.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'Open Sans';
    src: local('☺');
    src: url('/clwater/fonts/OpenSans-Regular.ttf');
    src: url('/clwater/fonts/OpenSans-Regular.ttf') format('truetype'),;
    src: url('/clwater/fonts/opensans-regular.eot') format('embedded-opentype'),
         url('/clwater/fonts/opensans-regular.woff') format('woff'),
         url('/clwater/fonts/OpenSans-Regular.ttf') format('truetype'),
         url('/clwater/fonts/opensans-regular.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Bold';
    src: local('☺');
    src: url('/clwater/fonts/OpenSans-Bold.ttf');
    src: url('/clwater/fonts/OpenSans-Bold.ttf') format('truetype'),;
    src: url('/clwater/fonts/opensans-bold.eot') format('embedded-opentype'),
         url('/clwater/fonts/opensans-bold.woff') format('woff'),
         url('/clwater/fonts/OpenSans-Bold.ttf') format('truetype'),
         url('/clwater/fonts/opensans-bold.svg#Open Sans Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FOR GLOBAL STYLING THAT IS APPLIED ACROSS ALL PAGES:*/

html {
    
    background-size: cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
     background-repeat: no-repeat;
    background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 40%) no-repeat; /* W3C */
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 40%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(40%,#ffffff)) no-repeat center center fixed; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ) no-repeat; /* IE6-9 */
     font-family: 'Open Sans', Arial, sans-serif;
    font-size:100%;
}

body {
   
    /*font-family: Droidsans;*/
font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    
    color: #464646;
    margin: 0;
    padding: 0;
    /*width: auto;*/
       background-size: cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
     background-repeat: no-repeat;
    background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 40%) no-repeat; /* W3C */
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 40%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(40%,#ffffff)) no-repeat center center fixed; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 40%) no-repeat; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ) no-repeat; /* IE6-9 */
    
    }

b {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-weight: bold;
}

h3 {
    color: #005eb1 !important;
    font-weight: bold;
    font-size:18px;
    font-family: 'Open Sans Bold', Arial;
    /*font-family: Droidsansbold;*/
}

.bold-span {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-weight: bold;
}

.validationError {
    color: red;


}

h4 {
    color: #005eb1;
    font-weight: bold;
    font-size:16px;
    font-family: 'Open Sans Bold', Arial, sans-serif;
    /*font-family: Droidsansbold;*/
}

h2 {
    color: #005eb1;
    font-weight: bold;
    font-size:26px;
    font-family: 'Open Sans Bold', Arial, sans-serif;
    /*font-family: droidsansbold;*/

}

table {
    background-color: #ffffff;
    border: 1px solid black;
    outline-offset:0px;
    border-collapse:collapse;
    font-family: 'Open Sans', Arial, sans-serif;
    /*font-family:droidsans;*/
}

th {
    color: #000000;
    /*font-family: droidsansbold;*/
    font-family: 'Open Sans Bold', Arial, sans-serif;
    background-color: #ebebeb;
    border: 1px solid black;
}



/*td {
    border: 1px solid #cccccc;
}*/

.internal-tr {
border:1px solid black;
}

.label_text {
    font-family: 'Open Sans', Arial, sans-serif;
}

.internal-table {
border:none !important;
border-collapse:collapse;
padding:0px;
}

.content-p {
    line-height: 19px;
    padding: 25px;
    padding-right:25px;
    padding-top:40px;
}

.content-p-crumb {
    line-height: 19px;
    padding: 25px;
    padding-right:25px;
    padding-top:10px;
}

.content-image {
background-color: white;
padding:3px;
border: 1px solid #cccccc;
/*margin-top: 7px;*/
}

.content-image-float {
float:left;
position:relative;
padding-right:15px;
padding-top:10px;
margin-top:4px;
padding-bottom:0px;
}

.line-divider {
    padding:25px;
    border-bottom:1px solid #cccccc;
    width:auto;
}

ul {
list-style-type:none;
padding:0px;
margin:0px;
}

ul li {
    background-image:url(../images/bullet.png);
    background-repeat:no-repeat;
    padding-right:15px;
    padding-left:20px;
    background-position: 0px 3px;
}

.center-text {
    text-align: center;
}

/*Top section of the page, including the navigation bar and the logo bar.*/

.top-logo-bar {
    height: 100px;
    background-color: white;
    margin-top: auto;
    margin-bottom: auto;
    width:958px;
    margin-left:auto;
    margin-right:auto;
}

.top-logo {
    margin-top: 15px;
    margin-bottom: auto;
    /*margin-left: 100px;*/
}

.top-nav-bar {
    height: 38px;
    width: 100%;
    /*border-top: 1px solid #005eb1;*/
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: auto;
    margin-left:auto;
    background: linear-gradient(to bottom, #89b8d9 0%,#4790c4 50%,#005eb1 100%);/* W3C */

background: -moz-linear-gradient(top,  #89b8d9 0%, #4790c4 50%, #005eb1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89b8d9), color-stop(50%,#4790c4), color-stop(100%,#005eb1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b8d9', endColorstr='#005eb1',GradientType=0 ); /* IE6-9 */


}

.top-nav-button-row {
    width: 974px;
    /*margin-left:70px;*/
    
    margin-right:auto;
    margin-left:auto;
    /*display: inline-block;*/
}


.header {
    height: 38px;
    width: auto;
    border-top: 1px solid #005eb1;
    background-repeat: no-repeat;
 background: -moz-linear-gradient(top,  #89b8d9 0%, #4790c4 50%, #005eb1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89b8d9), color-stop(50%,#4790c4), color-stop(100%,#005eb1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #89b8d9 0%,#4790c4 50%,#005eb1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b8d9', endColorstr='#005eb1',GradientType=0 ); /* IE6-9 */
}


/*.top-nav-button {
height:28px;
padding-left:50px;
padding-right:50px;
padding-top:10px;
border-left: 1px solid #89b8d9;
font-family: 'droidsans';
    color: #ffffff;
    font-weight:bold;
    font-size: 13px;
    text-align: center;
    vertical-align:sub;
    float:left;
    display:inline;
    text-shadow: -1px -1px #005eb1;
    
}*/
.nav-divider {
    height: 38px;
    width: 1px;
    border-right: 1px solid #89b8d9;
    /*margin-left:959px;*/
    display:inline-block;
    margin-left:-1px;
    
    
}

.a-nav-link {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-weight:normal;
    font-size:13px;
}


/*Text styling throughout.  In some places, it is overridden by spans.*/

.global-bodycopy {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #464646;
    font-size: 13px;
    line-height:17px;
    
}

.global-headline {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-weight: bold;
}

.spacer {
    margin-top:1000px;
height:1px;
}

.horizontal-spacer {
    width:950px;
    display: inline-block;
    height:0px;
}

/*The first part of the filepath needs to be changed to whatever the directory winds up being for the fonts to work properly.*/  

/*@font-face {
    font-family: 'droidsans';
    src: local('☺');
    src: url('/clw/clwater/fonts/droidsans.eot');
    src: url('/clw/clwater/fonts/droidsans.eot?#iefix') format('embedded-opentype'),
         url('/clw/clwater/fonts/droidsans.woff') format('woff'),
         url('/clw/clwater/fonts/droidsans.ttf') format('truetype'),
         url('/clw/clwater/fonts/droidsans.svg#droidsans') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droidsansbold';
    src: local('☺');
    src: url('/clw/clwater/fonts/droidsans-bold.eot');
    src: url('/clw/clwater/fonts/droidsans-bold.eot?#iefix') format('embedded-opentype'),
         url('/clw/clwater/fonts/droidsans-bold.woff') format('woff'),
         url('/clw/clwater/fonts/droidsans-bold.ttf') format('truetype'),
         url('/clw/clwater/fonts/droidsans-bold.svg#droid_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}*/

div {
    font-family: 'Open Sans', Arial, sans-serif;
}

/*Footer section*/

/*Wrapper container for the two footers*/
.global-footer-wrapper {
    height: auto;
    background-color:#005eb1;
    display:inline-block;
    width:100%;
}

/*Blue footer*/

.footer-container {
    background-color:#005eb1;
    height: 208px;
    width:auto; 
}


.global-footer-1 {
    background-color: #005eb1;
    height: 208px;
    width:966px;
    /*display:inline-block;*/
}
/*Text for blue footer*/
.global-footer-1-headline {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    color: white;
    font-weight: 700;
}

.global-footer-1-bodycopy {
    font-family: Arial;
    font-size: 11px;
    color: white;
}


.global-footer-1-shadow {
    background-image: url(../images/footer_shadow.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    background-position-x: center;
    background-position-y: top;
    /*position: relative;*/
}

/*Wrapper for contact information columns on blue footer.*/

.column-wrapper {
    /*width: 100%;*/
    margin-left: 30px;
    margin-right: 0px;
  
}

.global-footer-column-left {
    width: 33%;
    margin-top: 20px;
    float: left;
    display:inline-block;
}

.global-footer-column-center {
    margin-top: 20px;
    width: 33%;
    margin-left: -25px;
    float: left;
    display:inline-block;
}

.global-footer-column-right {
    margin-top: 20px;
    width: 33%;
    float: right;
    display:inline-block;
    /*position:relative;*/
}

/*White footer with copyright info and EGA logo.*/

.global-footer-2 {
    background-color: #ffffff;
    height: 70px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

/*Floats EGA left in white footer.*/
.image-float {
    float: left;
    padding-right: 10px;
    margin-top: -5px;
}

/*Text styling for white footer.*/

.global-footer-2-bodycopy {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 11px;
    color: #464646;
    text-align: right;
    margin-top: 30px;
    margin-bottom: auto;
    /*margin-right: 100px;*/
    
}

.global-footer-2-logo {
    /*margin-left: 100px;*/
    float: left;
    position: relative;
    margin-top: -20px;
}

.footer-container-2 {
    background-color:white;
    height: 70px;
    width:auto; 
}

/*To center a div in footers.*/

.center-div {
    margin-right: auto;
    margin-left: auto;
    width: 923px;
}

.center {
    margin-right: auto;
    margin-left: auto;
}

/*Global links throughout.  Specific certain links are styled differently, with other classes.*/
a:link {
    text-decoration: none;
    color: #005eb1;
    
    font-family: 'Open Sans Bold', Arial, sans-serif;
}
a:visited {
    border-style:none;
    color: #005eb1;
}

.a-image-link {
    border-style: none;
    text-decoration: none !important;
}

a:hover {
}

/*Global image styling.*/

.image {
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-top: auto;
    margin-bottom: auto;
}

.fb-image {
margin-top:7px;
}

/*For styling specific to Home page:*/
.home-bodycopy {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    color: #005eb1;
    font-size: 18px;
    /*font-weight: 700;*/
}

.home-intro-headline {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-size: 26px;
    color: #005eb1;
    text-align: center;
    /*font-weight: 700;*/
}

.home-intro-bodycopy {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color: #000000;
    text-align: center;
}

.a-update-link {
    color: #ff6f35 !important;
    text-decoration: underline !important;
}

.home-intro-box {
    width: 958px;
    height: 375px;
    border: 1px solid #CCCCCC;
    padding: 0px;
    background-color:white;
    /*margin-left:70px;*/
}

.home-wrapper {
    width: 958px;    
    margin-top: 20px;
    margin-bottom: 20px;
}


.home-backdrop-shadow {
    width:958px;
    height:auto;
    margin-top:-1px;
    /*margin-left:70px;*/
    margin-right:auto;
    
}

.home-intro-image {
    background-image: url(../images/intro.jpg);
    height:375px;
    background-repeat:no-repeat;
    margin-right:3px;
    margin-top:3px;
    margin-left:3px;
}

.home-intro-register {
    margin-left:622px;
    padding-top:5px;
    text-align:center;
}

.home-text-wrapper {
    width:1050px;
    height:auto;
    margin-top:-35px;
}
.home-left-column {
    margin-left:30px;
    width:550px;
    display:inline-block;
    float:left;
}

.home-right-column {
    
   margin-top:0px;
   display:inline-block;
   margin-left:100px;
   width:270px;
    
}

/*For styling specific to interior pages:*/

.interior-headline {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    color: #005eb1;
    font-size: 23px;
    font-weight: bold;
}

.interior-sidebar-headline {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    color: #005eb1;
    font-size: 26px;
    font-weight: bold;
    text-align:center;
}

.interior-sidebar-body {
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align:center;
    font-style:italic;
}


.interior-left-column {
    width: 628px;
    border: 1px solid #CCCCCC;
}


.interior-callout-box {
    width: 274px;
    height: 158px;
    /*padding: 3px;*/
    /*border: 1px solid #CCCCCC;*/
    background-image:url(../images/callout_bg.png);
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
}

.interior-callout-box-content {
padding:10px;
height:auto;
width:auto;
}

.interior-callout-box-headline {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    color: #005eb1;
    font-size: 18px;
    font-weight: bold;
}

.interior-callout-box-bodycopy {
    font-family: Arial, sans-serif;
    color: #464646;
    font-size: 13px;
}

.interior-body-wrapper {
width:1300px;
height:auto;    

}

.a-interior-sidebar-link {
    color: #005eb1;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Open Sans Bold', Arial, sans-serif;
}


.interior-sidebar-wrapper {
    width: 317px;
    padding:1px;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    height: auto;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 12px;
        background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    /* IE6-9 */
    }


.interior-sidebar-whiteborder {
    width:311px;
    
    padding:3px;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    height: auto;
    background-repeat: no-repeat;
    background:white;
    
    }


.interior-sidebar {
    width:305px;
    padding:3px;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    height: auto;
    background-repeat: no-repeat;
    background: linear-gradient(to bottom,  rgba(213,229,239,1) 0%,rgba(255,255,255,0) 40%);/* W3C */

    background: -moz-linear-gradient(top,  rgba(213,229,239,1) 0%, rgba(255,255,255,0) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,229,239,1)), color-stop(40%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(213,229,239,1) 0%,rgba(255,255,255,0) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(213,229,239,1) 0%,rgba(255,255,255,0) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(213,229,239,1) 0%,rgba(255,255,255,0) 40%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(213,229,239,1) 0%,rgba(255,255,255,0) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e5ef', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    /* IE6-9 */
    }



.interior-left-wrapper {
    width: 1050px;
    min-width: 1080px;    
    margin-top: 20px;
    margin-bottom: 35px;
    height: auto;
    vertical-align:top;
  
}

.interior-left-backdrop {
    width:628px;
    /*min-width:628px;
    max-width:670px;*/
    background-color:white;
    height:auto;
    border: 1px solid #CCCCCC;
    display:inline-block;
}

.interior-left {
    /*width:628px;*/
    /*margin-left:70px;*/    
    height:auto;
    display:inline-block;
    vertical-align:top;
}

.interior-left-backdrop-shadow {
    width:628px;
    height:auto;
    margin-top:-1px;
    margin-right:auto;
    
}

.sidebar-indent {
margin-left: 25px;
margin-right:25px;
}

.clear-fix {
    clear: both;
}

.interior-breadcrumb {
    font-family: arial;
    color: #005eb1;
    font-size: 11px; 
    background-color:#ebebeb; 
    width:auto; 
    padding:5px;
    padding-left:10px;
    margin:15px; 
    margin-top:20px;
}

.map-box {
    width: 962px;
    height: auto;
    border: 1px solid #CCCCCC;
    padding: 0px;
    background-color: white;
    /*margin-left: 70px;*/
}

.internal-box {
    width: 962px;
    height: auto;
    border: 1px solid #CCCCCC;
    padding: 0px;
    background-color: white;
    /*margin-left: 70px;*/
}

.internal-footer {
    background-color:#005eb1;
    height: 38px;
    width:auto; 
    margin-top:-40px;
}
/*For questions/concerns regarding CSS styling, contact Application Support Division, G-6, Camp Lejeune, NC.*/