/*
FWA WEBSITE GRID LAYOUT
Created by The FWA Group Architects
Written by Jeremy L Roh, Project Designer and Webmaster
(C) Copyright 2009 All Rights Reserved
*/
/* -------------------------------------------------------------------------------------- */
body    {
    color: #C9C9C9;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 9px;
    background: #000000 url(http://www.fwagroup.com/web/web_backgrounds/gradient_000000-555555_10x1080.png) top;
    background-repeat: repeat-x;
    overflow: auto;
    scrollbar-arrow-color: #444444;
    scrollbar-3dlight-color: #D0D0D0;
    scrollbar-highlight-color: #C8C8C8;
    scrollbar-face-color: #C3C3C3;
    scrollbar-shadow-color: #B7B7B7;
    scrollbar-darkshadow-color: #B4B4B4;
    scrollbar-track-color: #F0F0F0;
}
/* -------------------------------------------------------------------------------------- */
/* Navigation and Functions */
/* -------------------------------------------------------------------------------------- */
#logo-fwa  {
    top: 16px; left: 50%; width: 70px; height: 140px; margin-left: -490px; z-index: 150;
    position: absolute; overflow: hidden;
}
#logo-fwa-wp  {
    top: 16px; left: 50%; width: 70px; height: 140px; margin-left: -490px; z-index: 200;
    position: absolute; overflow: hidden;
}
#logo-usgbc  {
    top: 509px; left: 50%; width: 50px; height: 50px; margin-left: -480px; z-index: 100;
    position: absolute; overflow: hidden;
}
#logo-usgbc-wp  {
    top: 509px; left: 50%; width: 50px; height: 50px; margin-left: -480px; z-index: 110;
    position: absolute; overflow: hidden;
}
#sitemap-image  {
    top: 16px; left: 50%; width: 168px; height: 140px; margin-left: -399px; z-index: 50;
    position: absolute; overflow: hidden;
}

/* -------------------------------------------------------------------------------------- */
/* Main Images and Body Text */
/* -------------------------------------------------------------------------------------- */

#txt-title {
    top: 100px; left: 50%; width: 543px; height: 39px; margin-left: -490px; z-index: 60;
    position: absolute; overflow: hidden;
    text-align: left;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 24px;
    text-decoration: none;
}
#main-menu-sitemap {
    top: 16px; left: 50%; width: 700px; height: 140px; margin-left: -210px; z-index: 300;
    position: absolute; overflow: hidden;
    text-align: left;
    vertical-align: text-top;
}
#k12-education-header {
    top: 142px; left: 50%; width: 240px; height: 24px; margin-left: -485px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#k12-education {
    top: 165px; left: 50%; width: 240px; height: 385px; margin-left: -485px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#higher-education-header {
    top: 142px; left: 50%; width: 240px; height: 24px; margin-left: -239px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#higher-education {
    top: 165px; left: 50%; width: 240px; height: 385px; margin-left: -239px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#research-header {
    top: 142px; left: 50%; width: 240px; height: 24px; margin-left: 9px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#research {
    top: 165px; left: 50%; width: 240px; height: 385px; margin-left: 9px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#civic-header {
    top: 142px; left: 50%; width: 233px; height: 24px; margin-left: 256px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}
#civic {
    top: 165px; left: 50%; width: 233px; height: 345px; margin-left: 256px; z-index: 200;
    position: absolute; overflow: auto;
    text-align: left;
    vertical-align: text-top;
}

#text-main-background  {
    top: 16px; left: 50%; width: 980px; height: 560px; margin-left: -490px; z-index: 25;
    position: absolute; vertical-align: top;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LINES IMAGES */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
#Line_2a            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_1a            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_0             {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_1b            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }
#Line_2b            {left: 50%; height: 1px; z-index: 40; position: absolute; vertical-align: top; }

#Line_C             {left: 50%; width: 1px; margin-left: -350px; z-index: 30; position: absolute; vertical-align: top; }
#Line_E             {left: 50%; width: 1px; margin-left: -210px; z-index: 30; position: absolute; vertical-align: top; }
#Line_G             {left: 50%; width: 1px; margin-left: -70px; z-index: 30; position: absolute; vertical-align: top; }
#Line_I             {left: 50%; width: 1px; margin-left: 70px; z-index: 30; position: absolute; vertical-align: top; }
#Line_K             {left: 50%; width: 1px; margin-left: 210px; z-index: 30; position: absolute; vertical-align: top; }
#Line_M             {left: 50%; width: 1px; margin-left: 350px; z-index: 30; position: absolute; vertical-align: top; }


/* -------------------------------------------------------------------------------------- */

#copyright  {
    top: 548px; left: 50%; width: 140px; height: 21px; margin-left: 350px; z-index: 200;
    color: #858585;
    font-family: verdana, sans-serif, arial, helvetica;
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    overflow: hidden;
    text-align: left;
    vertical-align: text-bottom
}

.hoverable  {
    text-decoration: none;
    color: #C9C9C9;
    font-weight: normal;
    background: transparent;
    cursor: pointer;
}

.hoverable:hover  {
    text-decoration: none;
    color: #F4D188;
    font-weight: normal;
    background: #353535;
    cursor: pointer;
}

.hoverable-up  {
    text-decoration: none;
    color: #C9C9C9;
    font-weight: normal;
    background: transparent;
    cursor: pointer;
    margin-top: -18px;
}

.hoverable-up:hover  {
    text-decoration: none;
    color: #F4D188;
    font-weight: normal;
    background: #353535;
    cursor: pointer;
    margin-top: -18px;
}

/* -------------------------------------------------------------------------------------- */
/* Actions */
/* -------------------------------------------------------------------------------------- */

#fwa-search {
    top: 521px; left: 50%; width: 21px; height: 21px; margin-left: 469px; z-index: 200;
    position: absolute; overflow: hidden;
}

p {
    margin-top: 10px;
}

.indented {
    margin-left: 15px;
}

a:link {
    text-decoration: none;
    color: #FFFFFF;
}
a:visited {
    text-decoration: none;
    color: #F4D188;
}
a:hover a:visited {
    text-decoration: underline;
    color: #F4D188;
}
a img {
    border: none;
}
/* -------------------------------------------------------------------------------------- */
/* END */