/*
National Geodetic Survey Main Layout Style	  
*/
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background: #E7E9E8;
    font-size: 12px;
    font-family: arial;
}

#layout_page_wrapper { 
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    background-color: #fff;
    border: none;
    border-left : 1px solid #DDD;
    border-right : 1px solid #DDD;
    border-bottom : 1px solid #DDD;
}

#layout_page_wrapper.layout_fluid {
    width: auto;
    min-width:800px;
}

#layout_page_wrapper.layout_fluid #layout_header_wrapper.layout_app_banner {
    background: url('/ngsstandard/images/banner-app-strip.png') repeat-x;
}

#layout_page_wrapper.layout_fluid #layout_header_wrapper {
    background: url('/ngsstandard/images/banner-page-strip.png') repeat-x;
}

#layout_banner_wrapper {
    position: relative;
}

#layout_main_content_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 0;
}

#layout_home_banner {
    position: relative;
    color: #333;
    padding: 0px;
    height: 127px;
    margin: 0px 0px 0px 0px;
    background: url('/ngsstandard/images/banner-home.png') no-repeat;
}

#layout_home_banner #layout_banner_common a.NOAA_LINK,
#layout_page_banner #layout_banner_common a.NOAA_LINK {
    position: absolute;
    left:22px;
    top:13px;
    width: 80px;
    height: 0px;
    padding-top: 85px;
    overflow: hidden;
    background: none;
}

#layout_app_banner #layout_banner_common a.NOAA_LINK {
    position: absolute;
    left:50px;
    top:10px;
    width: 50px;
    height: 0px;
    padding-top: 50px;
    overflow: hidden;
    background: none;
}

#layout_page_banner #layout_banner_common a.NGS_LINK {
    position: absolute;
    left:537px;
    top:82px;
    width: 185px;
    height: 0px;
    padding-top: 15px;
    overflow: hidden;
    background: none;
}

#layout_home_banner #layout_banner_common a.NGS_LINK {
    position: absolute;
    left:299px;
    top:46px;
    width: 335px;
    height: 0px;
    padding-top: 41px;
    overflow: hidden;
    background: none;
}

#layout_app_banner #layout_banner_common a.NGS_LINK {
    position: absolute;
    left:609px;
    top:46px;
    width: 171px;
    height: 0px;
    padding-top: 15px;
    overflow: hidden;
    background: none;
}

#layout_page_banner {
    position: relative;
    color: #333;
    padding: 0px;
    height: 104px;
    margin: 0px 0px 0px 0px;
    background: transparent url('/ngsstandard/images/banner-page.png') no-repeat;
}

#layout_app_banner {
    position: relative;
    color: #333;
    padding: 0px;
    height: 65px;
    margin: 0px 0px 0px 0px;
    background:  url('/ngsstandard/images/banner-app.png') no-repeat;
}

#layout_app_banner h1 {
    position: absolute;
    left: 320px;
    top: 6px;
    color: #3a5298;
    font-family: "Minion", "Times New Roman", times, serif;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.1em;
}

#layout_page_banner h1 {
    position: absolute;
    left: 390px;
    bottom: 30px;
    color: #3a5298;
    font-family: "Minion", "Times New Roman", times, serif;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.1em;
}

/*
#layout_page_banner h1.large_one_liner, h1.larger_one_liner {
 font-size: 55px;
}

#layout_page_banner h1.two_liner {
 line-height: 1.0em;
 font-size: 25px;
 width: 350px;
}
*/

#layout_main_menu {
    position: relative;
    background: #3a5298;
    height: 29px;
    z-index: 1000;
}


/* column container */
.layout_colmask {
    position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;             /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
    background: #fff;
}

.layout_colmid {
    float:left;
    width:200%;
    margin-left:-160px;     /* Width of right column */
    position:relative;
    right:100%;
}

.layout_colleft {
    float:left;
    width:100%;
    position:relative;
    left:360px;             /* Left column width + right column width */
    margin-left:-50%;
}

.layout_col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;            /* Width of left column */
}

.layout_col1 {
    margin: 10px 175px 0px 215px;	/* Centre column side padding:
                       		           Left padding = left column width + centre column left padding width
                        	           Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}

.layout_single_column .layout_col1 {
    margin: 10px 15px 0px 10px;
    position:relative;
    overflow:hidden;
    left: 200%;
}

.layout_full .layout_col1 {
    margin: 10px 15px 0px 215px;
    position:relative;
    left:200%;
    overflow:hidden;
}

.layout_onecol .layout_col1 {
    margin: 10px 15px 0px 15px;
    position:relative;
    left:200%;
    overflow:hidden;
}

.layout_col2 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:200px;            /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0px;              /* Width of the left-had side padding on the left column */
}

.layout_col2 p, .layout_col2 h1, .layout_col2 form {
    padding-left: 10px;
}

.layout_col3 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:160px;            /* Width of right column content (right column width minus left and right padding) */
    margin-right:0px;       /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    margin-top: 10px;
    left:50%;
}

#layout_footer #layout_footer_notes {
    background: none;
    font-size: 10px;
    font-weight: 500;
    text-align: right;
    color: #000;
    padding-right: 10px;
    line-height: 1.2em;
}

#layout_footer div { 
    line-height: 20px;
    clear: both;
    color: #333;
    background: #c8d3e9;
    margin: 10px 0px 0px 0px;
    text-align:center;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
}