/*html, body { height: 100%; width: 100%; }*/

body {
  background: #f9d477;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #fdf9df;
  padding-bottom: 30px;
}

h1 { font-size: 28px; color: #263d6a; font-family: georgia, serif; font-weight: normal; margin-bottom: 10px; }
h2 { font-size: 22px; color: #263d6a; font-family: georgia, serif; font-weight: normal; margin-bottom: 7px; }
h3 { font-size: 16px; color: #666; margin-bottom: 0px; font-weight: normal; }

a { color: #a07e28; /*white-space: nowrap;*/ }
a:hover { color: #5d7099; /*white-space: nowrap; */ }

a.selected { color: #fff; }

small { font-size: 13px; }

p { margin-bottom: 18px; }
p.tight { margin-bottom: 0px; }
.center { text-align: center; }
.left { float: left; margin-right: 10px; margin-bottom: 15px; }
.right { float: right; margin-bottom: 5px; }

#header { height: 154px; width: 100%; } 
  #header #blue_bar { position: absolute; top: 129px; left: 0; height: 25px; width: 100%; background: #263d6a; }
  #head_wrap { position: relative; }
  #head_wrap #pec_logo { position: absolute; top: 0; left: -108px !important; z-index: 1; left: -109px; }
/*  #head_wrap #home_link { position: absolute; top: 0; left: -108px !important; z-index: 1; left: -109px; }*/
  #head_wrap a#home_link { position: absolute; top: 0; left: -1px !important; z-index: 2; text-indent: -3000px; width: 240px; height: 210px; display: block; background: transparent url(../images/blank.gif) repeat-x repeat-y; }
  #head_wrap #scag_logo { position: absolute; top: 0; right: -30px; z-index: 3; border: 0; display: block; }
  #head_wrap #title { position: absolute; top: 60px; left: 250px; z-index: 4; }
  #left_shadow { position: absolute; top: 180px; left: -20px !important; left: -20px; }
  #right_shadow { position: absolute; top: 180px; right: -21px !important; right: -21px; }

#container { background: #fff; border-right: 3px solid #5d7099; border-bottom: 3px solid #5d7099; min-height: 700px; height: auto !important; height: 700px; overflow-y: hidden !important; overflow-y: visible; margin-bottom: 30px; }

#callout { background: #d9e0ef; border-bottom: 2px solid #b8c5e0; padding-top: 15px; padding-left: 15px; padding-right: 15px; }
  #callout #slides { width: 684px; height: 220px; background: #fff; border: 2px solid #b8c5e0; }
  #callout .home_content { margin-top: 15px; }
  #slides img { display: none; }
  #slides img#slide { display: block; background: #fff; }

#sidebar { background: #5d7099; color: #fff; width: 242px; float: left; margin-bottom: -7000px; padding-bottom: 7000px; }
  #sidebar ul { margin: 70px 0px 40px; position: relative; z-index: 10; font-size: 14px; text-transform: uppercase; }
    #sidebar ul li { margin-bottom: 5px; }
    #sidebar ul li a { display: block; text-decoration: none; padding-left: 10px; color: #fff; height: 25px; line-height: 25px; }
    #sidebar ul li a:hover { text-decoration: underline; }
    #sidebar ul li a.selected { background: #263d6a url(../images/arrow.png) top right no-repeat; display: block; text-decoration: none; }
    
  #sidebar a#twitter, #sidebar a#facebook { display: block; margin-bottom: 20px; margin-left: 10px; }
  #sidebar p#copyright { line-height: 120%; color: #c6d3f1; font-size: 12px; margin: 40px 10px 50px; }
  #sidebar p#copyright a { color: #c6d3f1; }
  
#content { background: #fff; color: #444; float: left; width: 718px; position: relative; z-index: 100; margin-bottom: 30px; }
#content ul { margin-left: 20px; margin-bottom: 20px; list-style: disc outside; }
.content { margin: 0 15px; padding-top: 15px; }
  .home_content a { color: #5d7099; }
  .home_content a:hover { color: #a07e28; }
  
  .content { font-size: 14px; line-height: 150%; }
  .content img { border: 1px solid #263d6a; }
  
.column-1 { float: left; width: 315px; margin-right: 25px; }
.column-2 { float: left; width: 315px; }

#schedule { float: right; width: 250px; margin: 0 0 15px 15px; background: #fffdd8; padding: 15px; border: 2px solid #ffd366; }
  #schedule h3 { text-transform: uppercase; }
  #schedule ul { list-style: disc outside; margin-left: 20px; }
  #schedule ul li { line-height: 130%; margin-bottom: 10px; }
