/* Bearcage :: Screen CSS Definitions */

a
{
   color: #BF4527;
}

body
{
   margin: 0px;
   padding: 10px;

   font-size: 76%;

   font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS,Tahoma,Verdana,Sans;

   background-color: #EDEDED;
   background-image: url(../img/page/img-pge-bkg.gif);
   background-repeat: repeat-x;
}

form
{
   margin: 0px;
}

div, img, td, a
{
   behavior: url(/css/iepngfix.htc);
} 

#page-outer
{
   width: 972px;

   margin: 0px auto;
   padding: 0px;

   background-image: url(../img/page/img-pge-bkg-extended.jpg);
   background-repeat: repeat-y;
}

#page
{
   width: 960px;

   margin: 0px auto;
   padding: 5px;

   border: 1px solid #A0A0A0;
   background-image: url(../img/page/img-pge-bkg3.jpg);
   background-repeat: repeat-x;
}

#header
{
   height: 100px;

   border: 1px solid #A0A0A0;
 
  /* background-image: url(../img/header/img-header-banner.jpg); */
}

#header h1
{
   display: none;
}

#header-nav
{
   height: 23px;

   margin-top: 5px;
}

#header-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#header-nav ul.right
{
   margin: 0px;

   float: right;
}

#header-nav ul li
{
   float: left;
}

#header-nav ul li a
{
   float: left;

   color: #000000;

   display: block;

   font-size: 1em;
   font-weight: bold;
   line-height: 18px;

   padding-left: 10px;
   padding-right: 10px;

   text-decoration: none;

   background-color: #E0E0E0;
}

#header-nav ul.left li
{
   border-right: 1px solid #A0A0A0;
}

#header-nav ul.right li
{
   margin: 0px;

   padding-left: 2px;
}

#header-nav ul li a:hover
{
   color: #FFFFFF;

   background-color: #606060;
}


#search-form
{
   margin: 0px;
}

#header-search-box
{
   width: 200px;
   height: 19px;

   margin-top: 2px;

   background-color: #FFFFFF;

   border: 1px solid #A0A0A0;
}

#header-search-field
{
   border: 0px;
   margin: 0px;
   margin-top: 1px;

   float: left;

   width: 178px;

   font-size: 1em;
   font-family: Courier New,Courier;
}

#header-search-field.showtext
{
   background-image: url(../img/page/img-search-bkg.png);
   background-repeat: no-repeat;
   background-position: left center;
}

#header-search-image
{
   float: right;
}

#search-lbl
{
   font-weight: bold;

   line-height: 20px;
}

#search-kwd
{
   border: 1px solid #A0A0A0;

   font-size: 1em;
   font-family: Courier New,Courier;

   height: 16px;

   width: 166px;
}

#search-btn
{
   margin: 0px;
   padding: 0px;
}

#logged-in
{
   padding-left: 10px;
   padding-right: 10px;
}

#calendar, #weather, #staff, #files
{
   width: 180px;

   padding: 10px;
   padding-top: 7px;

   margin-bottom: 5px;

   border: 1px solid #A0A0A0;
   background-image: url(../img/page/20percentwhite.png);
   background-repeat: repeat; 
}

#files
{
   width: 250px;
}

#calendar
{
   margin-bottom: 5px;

   padding-bottom: 0px;
}

#calendar h1, #weather h1, #staff h1, #files h1
{
   color: #202020;
   Text-Transform : UpperCase;
   font-size: 1.5em;
   font-stretch: condensed;
   margin-top: 0px;
   margin-bottom: 8px;
}

#file-list
{
   height: 400px;

   overflow: auto;

   padding-right: 5px;
}

.file
{
   clear: both;

   width: 225px;
}

.file-img
{
   float: left;

   width: 100px;
   height: 75px;

   background-color: #000000;

   background-position: center;
   background-repeat: no-repeat;

   margin-bottom: 15px;
}

.file-txt
{
   float: right;

   width: 115px;

   padding-left: 10px;

   margin-bottom: 15px;
}

.file-btn
{
   height: 20px;

   margin-top: 10px;

   background-color: #F0F0F0;

   border-left: 1px solid #A0A0A0;
}

.file-btn ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

.file-btn ul li
{
   float: left;
}

.file-btn ul li a
{
   float: left;

   color: #000000;

   display: block;

   font-size: 1em;
   font-weight: bold;

   padding-left: 10px;
   padding-right: 10px;

   text-decoration: none;

   background-color: #E0E0E0;

   border-top: 1px solid #A0A0A0;
   border-bottom: 1px solid #A0A0A0;
}

.file-btn ul li
{
   color: #FFFFFF;

   background-color: #606060;

   border-right: 1px solid #A0A0A0;
}

.file-btn ul li a:hover
{
   color: #FFFFFF;

   background-color: #606060;
}

#weather h1
{
   margin-bottom: 0px;
}

#middle-home
{
   clear: both;
   margin-top: 5px;
}

#middle
{
   clear: both;
   border: 1px solid #A0A0A0;
   margin-top: 5px;
   padding: 10px;

   background-image: url(../img/page/20percentwhite.png);
   background-repeat: repeat;

   width: 938px;

   min-height: 350px;
}

* html #middle
{
   height: 350px;
}

#left-main
{
   /* width: 590px; */

   margin-right: 199px;
}

#left
{
   padding-top: 1px;
   padding-bottom: 1px;
}

#feat-pic
{
   float: right;

   width: 390px;

   margin-top: 55px;
   margin-right: 0px;

   /* border: 1px solid #A0A0A0; */
}

#left h1
{
   margin-top: 5px;

   text-transform: uppercase;
}

#intro, #intro-client
{
   width: 731px;

   padding: 10px;
   padding-top: 7px;

   margin-right: 0px;
   margin-bottom: 5px;

   border: 1px solid #A0A0A0;
   background-image: url(../img/page/20percentwhite.png);
   background-repeat: repeat;
}

#intro-client
{
   width: 456px;
}

#intro h1, #intro-client h1
{
   color: #202020;
   Text-Transform : UpperCase;
   font-stretch: narrower;
   font-size: 1.5em;

   margin-top: 0px;
   margin-bottom: 8px;
}

#intro p, #intro-client p
{
   font-size: 1em;

   margin-top: 0px;
   margin-bottom: 0px;

   line-height: 1.3em;
}

#body-client
{
   float: left;

   width: 476px;

   padding: 0px;

   margin-right: 5px;
   margin-bottom: 5px;

   border: 1px solid #A0A0A0;

   background-color: #F0F0F0;
}

#body-nav
{
   height: 18px;

   border-bottom: 1px solid #A0A0A0;

   background-color: #F0F0F0;
}

#body-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#body-nav ul li
{
   float: left;

   border-right: 1px solid #A0A0A0;
}

#body-nav ul li a
{
   float: left;

   color: #000000;

   display: block;

   font-size: 1em;
   font-weight: bold;

   padding-left: 10px;
   padding-right: 10px;

   text-decoration: none;

   background-color: #E0E0E0;
}

#body-nav ul li a:hover
{
   color: #FFFFFF;

   background-color: #606060;
}

#body-txt
{
   margin: 0px;

   padding: 10px;

   padding-bottom: 0px;
}

#body-txt p
{
   margin: 0px;

   margin-bottom: 10px;
}

.feature
{
   float: left;

   padding: 10px;
   padding-top: 7px;

   margin-right: 5px;
   margin-bottom: 5px;

   border: 1px solid #A0A0A0;

   background-image: url(../img/page/20percentwhite.png);
   background-repeat: repeat;
}

#feature1
{
   width: 226px;
}

#feature2
{
   width: 225px;
}

#feature3
{
   width: 226px;
}

.feature h1
{
   color: #202020;
      Text-Transform : UpperCase;

   font-size: 1.4em;

   margin-top: 0px;
   margin-bottom: 8px;
}

.feature-txt
{
   color: #404040;

   height: 120px;

   overflow: auto;

   margin-top: 10px;
   margin-bottom: 10px;

   padding-right: 5px;

   line-height: 1.3em;
}

.feature-mre a
{
   color: #606060;
}

.calendar-item
{
   margin-bottom: 10px;
}

.calendar-item a
{
   color: #606060;
}

.calendar-item p
{
   font-size: 1em;

   margin-top: 10px;
   margin-bottom: 5px;

   line-height: 1.3em;
}

.calendar-item h2
{
   color: #404040;

   margin: 0px;

   font-size: 1.15em;

   border-bottom: 1px solid #808080;
}

.calendar-item h3
{
   color: #202020;

   margin: 0px;
   margin-top: 8px;

   font-size: 1.1em;
}

#weather-report
{

}

#weather-icon
{
   float: left;
}

#weather-text
{
   float: left;

   font-size: 1.1em;

   line-height: 2.2em;

   padding-left: 0.4em;
}

#logos
{
   width: 753px;
   height: 60px;

   clear: left;

   padding-top: 5px;

   margin-bottom: 5px;

}

#logos ul
{
   width: 510px;

   margin: 0px auto;
   padding: 0px;

   list-style: none;
}

#logos ul li
{
   float: left;

   margin: 0px;
   padding: 0px;
}

#logos ul li img
{
   float: left;

   padding-left: 5px;
   padding-right: 5px;

   margin-bottom: 10px;
}

#right
{
   float: right;

   width: 202px;
}

#staff
{
   position: relative;

   padding-bottom: 3px;
}

#staff .field
{
   margin: 0px;
   margin-bottom: 5px;
}

#staff .field input
{
   width: 120px;

   font-size: 1em;
   font-family: Courier New,Courier;
}

#staff .button
{
   position: absolute;

   top: 60px;
   left: 141px;

   border: 1px solid #808080;
   background-color: #E0E0E0;

   width: 50px;

   font-size: 1em;
   font-weight: bold;
   font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
}

#username
{
   border: 1px solid #B0B0B0;

   background-color: #FFFFFF;
}

#password
{
   border: 1px solid #B0B0B0;

   background-color: #FFFFFF;
}

#username.showtext
{
   background-image: url(../img/page/img-username-bkg.png);
   background-repeat: no-repeat;
   background-position: left center;
}

#password.showtext
{
   background-image: url(../img/page/img-password-bkg.png);
   background-repeat: no-repeat;
   background-position: left center;
}

#footer-nav
{
   clear: both;
   height: 18px;

   margin-top: 5px;

}

#footer-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-nav ul li
{
   float: left;
}

#footer-nav ul li a
{
   float: left;

   color: #000000;

   display: block;

   font-size: 1em;
   font-weight: bold;
   line-height: 18px;

   padding-left: 10px;
   padding-right: 10px;

   text-decoration: none;

   background-color: #E0E0E0;

   border-right: 1px solid #A0A0A0;
}

#footer-nav ul li a:hover
{
   color: #FFFFFF;

   background-color: #606060;
}

#copyright
{
   color: #808080;

   margin-top: 8px;

   text-align: center;

   font-size: 0.9em;
}

.last-updated
{
   color: #606060;

   font-size: 0.9em;

   text-align: left;

   margin-top: 20px;
}

.clear
{
   clear: both;
}

.shadow-table .tr
{
   width: 5px;
   height: 5px;

   background-image: url(../img/page/img-shadow-tr.png);
}

.shadow-table .re
{
   width: 5px;

   background-image: url(../img/page/img-shadow-re.png);
}

.shadow-table .bl
{
   width: 5px;
   height: 5px;

   background-image: url(../img/page/img-shadow-bl.png);
}

.shadow-table .be
{
   height: 5px;

   background-image: url(../img/page/img-shadow-be.png);
}

.shadow-table .br
{
   width: 5px;
   height: 5px;

   background-image: url(../img/page/img-shadow-br.png);
}

.shadow-links
{
   width: 384px;

   margin-top: 5px;
}

.shadow-links a
{
   width: 8px;
   height: 16px;

   line-height: 16px;

   float: left;

   display: block;

   color: #000000;

   font-weight: bold;

   text-decoration: none;

   text-align: center;

   margin-right: 8px;

   cursor: hand;
}

.shadow-links a:hover
{
   color: #FFFFFF;

   background-color: #404040
}

.shadow-links a.selected
{
   border-bottom: 2px solid #C56D59;
}

.shadow-links .caption
{
   width: 300px;

   float: right;

   text-align: right;
}

#content-image
{
   width: 384px;
   height: 216px;
}

.cssEvtLbl
{
   font-weight: bold;

   text-align: right;
}

input, textarea, select
{
   font-family: Arial, Helvetica, sans-serif;
}

textarea
{
   font-size: 0.9em;
}