/*------------------------------------------------------------------------------
                       Layout and Positioning
      - shrinks to 700px
      - max expand until 850px
      - expands unlimited??
/*----------------------------------------------------------------------------*/

/*----------  Misc Components on Page  -------------*/
.page-logo {
   position: absolute;
   top: 3px;
   left: 15px;
   z-index: 5;
}

.page-title {
   display:block;
   margin: 0 auto;
   text-align: center;
}

.page-title h1 {
   margin: 0 auto 0 auto;
   max-width: 900px;
   height: 38px;}


/*----------  Global Nav Bar  ----------------------*/
.global-nav {
   height: 32px;
   line-height: 31px;
}

.global-nav .width-container {
   max-width: 1024px;
   margin: 0 auto;
   padding-right: 5px;
}

.global-nav a.button div {
   float: right;
   height: 100%;
   padding: 0 10px 0 10px;
}

.global-nav .separator {
   float: right;
   width: 1px;
}


/*-----------------  Breadcrumbs  ------------------*/
.breadcrumbs {
   height: 20px;
   padding-left: 150px;
   padding-right: 5px;
}

.breadcrumbs .width-container {
   margin: 0 auto;
}

.breadcrumbs .link {
   float: left;
   margin: 0 3px 0 3px;
   line-height: 14px;
}

.breadcrumbs .separator {
   float: left;
   width: 15px;
   
}


/*-----  Both Navigation Bars - Bar Placement  -----*/
.nav-space-holder, .subnav-space-holder {
   float: right;
   clear: right;
   width: 35%;
   max-width: 460px;
   min-width: 360px;
   height: 26px;
   margin: 0 7% 0 0%;
   }

.nav-container-background, .subnav-container-background {
   position: absolute;
   left: 0;
   z-index: 5;
   width: 100%;
}

.nav-container, .subnav-container {
   width: 99.8%;
   position: absolute;
   left: 0;
   z-index: 5;
   padding: 0 0 0 0;
}

.nav {
   float: right;
   padding-right: 5px;
   margin: 0 0 0 auto;
}

.nav-container-background .nav, .subnav-container-background .nav {
   width: 20%;
}

.nav-container .width-container, .subnav-container .width-container {
   margin: auto;
   max-width: 1024px; 
   min-width: 700px;
   width: 99%;
}

/*--------  Both Navigation Bars - Buttons  --------*/
.nav a.button div, 
.nav a.button:link div, 
.nav a.button:hover div, 
.nav a.button:visited div {
   float: left;
   height: 100%;
}

.nav .separator {
   float: left;
   width: 1px;
   margin-top: 1px;
   height: 90%;
}

.nav div.left {
   float: left;
   width: 3px;
   height: 100%;
}

/*---------------  Main Navigation Bar  ------------*/
.nav-container .nav, .nav-container-background .nav { 
   height: 26px;
   margin-top: 1px;
}

.nav-container .nav a.button div, 
.nav-container .nav a.button:link div, 
.nav-container .nav a.button:hover div, 
.nav-container .nav a.button:visited div {
   width: 92px;
}


/*----------------  Sub Navigation Bar  ------------*/
.subnav-container, .subnav-container-background {
   margin-top: 26px;
}

.subnav-container .nav, .subnav-container-background .nav {
   height: 21px;
}

.subnav-container .nav {
   min-width: 127px;
}

.subnav-container .nav .separator {
   width: 2px;
}

.subnav-container .nav a.button div, 
.subnav-container .nav a.button:link div, 
.subnav-container .nav a.button:hover div, 
.subnav-container .nav a.button:visited div {
   padding: 0 8px 0 8px;
}


/*------------------------------------------------------------------------------
                               Styles and Color
/*----------------------------------------------------------------------------*/

/*------------  Misc Components  -------------------*/
.page-title {
   padding-top: 8px;
   text-align: center;
   background-color: white;
}

.page-title h1 {
   font-weight: 700;
   font-size: 22px;
   line-height: 24px;
   color: #383838;
}


/*----------  Global Nav Bar  ----------------------*/
.global-nav {
   background: #4F764F url(../images/tpl-header/global-nav.png) repeat-x;
}

.global-nav .separator {
   background: url(../images/tpl-header/global-nav-separator.png) no-repeat 0% 0%;
}

.global-nav a.button, 
.global-nav a.button:link, 
.global-nav a.button:visited, 
.global-nav a.button:hover {
   text-decoration: none;
   cursor: default;
}

.global-nav a.button div, 
.global-nav a.button:link div, 
.global-nav a.button:visited div {
   background: #4F764F url(../images/tpl-header/global-nav.png) repeat-x 0% 0%;
   color: #bbccbb;
   text-align: center;
   font-variant: small-caps;
   font-size: 12px;
}

.global-nav a.button:hover div, 
.global-nav a.button div.selected, 
.global-nav a.button:link div.selected, 
.global-nav a.button:visited div.selected {
   background-position: 0% 100%;
}


/*-----------------  Breadcrumbs  ------------------*/
.breadcrumbs {
   text-align: center;
   background: url(../images/tpl-header/breadcrumbs.png) repeat-x;
}

.breadcrumbs .separator {
   background: url(../images/tpl-header/breadcrumbs-separator.png) no-repeat 50%;
}

.breadcrumbs .link span {
   color: #666644;
   font-weight: 700;
   font-size: 10px;
   cursor: pointer;
}

.breadcrumbs a.button, 
.breadcrumbs a.button:hover,
.breadcrumbs a.button:visited, 
.breadcrumbs a.button:link {
   text-decoration: underline;
   color: #888866;
   font-size: 10px;
}

.breadcrumbs a.button:hover {
   text-decoration: none;
}

.breadcrumbs a.button-curr, 
.breadcrumbs a.button-curr:hover,
.breadcrumbs a.button-curr:visited, 
.breadcrumbs a.button-curr:link {
   text-decoration: none;
}

.breadcrumbs a.button div {
   font-weight: 700;
   font-size: 10px;
   color: #666644;
   cursor: pointer;
}


/*---------------  Main Navigation Bar  ------------*/
.nav-container a.button, 
.nav-container a.button:link, 
.nav-container a.button:visited, 
.nav-container a.button:hover {
   text-decoration: none;
   cursor: default;
}

.nav-container-background .nav, .nav-container .nav {
   background: url(../images/tpl-header/nav.png) repeat-x 0% 0%;
}

.nav-container-background .nav div.left {
   background: url(../images/tpl-header/nav-left.png) no-repeat;
}

.nav-container .nav a.button div, 
.nav-container .nav a.button:link div, 
.nav-container .nav a.button:visited div {
   color: #dddddd;
   text-align: center;
   cursor: default;
   font-weight: 700;
   font-size: 12px;
   line-height: 24px;
   background: url(../images/tpl-header/nav.png) repeat-x 0% 0%;
}

.nav-container .nav a.button div.no_link, 
.nav-container .nav a.button:link div.no_link, 
.nav-container .nav a.button:hover div.no_link, 
.nav-container .nav a.button:visited div.no_link {
   font-weight: 500;
}

.nav-container .nav a.button:hover div {
   background: url(../images/tpl-header/nav.png) repeat-x 0% 100%;
}

.nav-container .nav a.button div.selected {
   background: url(../images/tpl-header/nav-selected.png) repeat-x;
   color: #ddddcc;
}

.nav-container .nav .separator {
   background: url(../images/tpl-header/nav-separator.png) no-repeat;
}


/*----------------  Sub Navigation Bar  ------------*/
.subnav-container a.button, 
.subnav-container a.button:link, 
.subnav-container a.button:visited, 
.subnav-container a.button:hover {
   text-decoration: none;
   cursor: default;
}

.subnav-container-background .nav, .subnav-container .nav {
   background: url(../images/tpl-header/subnav.png) repeat-x 0% 0%;
}

.subnav-container-background .nav div.left {
   background: url(../images/tpl-header/nav-left.png) no-repeat;
}

.subnav-container .nav a.button div, 
.subnav-container .nav a.button:link div, 
.subnav-container .nav a.button:visited div {
   color: #333333;
   text-align: center;
   cursor: default;
   font-weight: 700;
   font-size: 11px;
   line-height: 21px;
   background: url(../images/tpl-header/subnav.png) repeat-x 0% 0%;
}

.subnav-container .nav a.button div.no_link, 
.subnav-container .nav a.button:link div.no_link, 
.subnav-container .nav a.button:hover div.no_link, 
.subnav-container .nav a.button:visited div.no_link {
   font-weight: 500;
}

.subnav-container .nav a.button:hover div {
   background: url(../images/tpl-header/subnav.png) repeat-x 0% 100%;
}

.subnav-container .nav a.button div.selected {
   background: url(../images/tpl-header/subnav-selected.png) repeat-x;
   color: #333333;
}

.subnav-container .nav .separator {
   background: url(../images/tpl-header/subnav-separator.png) no-repeat;
}