/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-12-10 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #FFF;
   overflow-x: hidden;
}
body { background: #203554 url('../images/bg_body-default.jpg') left -35px repeat-x; }
   body#home { background: #203554 url('../images/bg_body-home.jpg') left top repeat-x; }
   a {
      color: #004A87;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #333; }
         #home a { color: #FFF; }
            #home a:visited { color: #8B98A5;}
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
   div.title {
      line-height: 1.25em;
      font-weight: normal;
   }
      h1, .content h1 { font-size: 1.8em; }
      h2, .content h2 { font-size: 1.5em; }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4, div.title { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

div.hr {
   height: 1px;
   margin: 1.6em 0 1.6em 0;
   background: #000 no-repeat scroll center;
}
   div.hr hr { display: none; }

#wrapper {
   position: relative;
   width: 1000px;
   margin: 0 auto;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header #masthead a {
   position: absolute;
   display: block;
   background: url("../images/logo_interior.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 333px;
   height: 80px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 0;
   left: 20px;
}
   #home #header #masthead a {
      background: url("../images/logo.png") 0 0 no-repeat;
      left: 35px;
      top: 130px;
      width: 514px;
      height: 117px;
   }

#default #global_navigation {
   position: absolute;
   top: 16px;
   right: 8px;
   font-size: 1.1em;
}

#hdrImg { padding-top: 150px; }
   #home #hdrImg { padding-top: 81px; }
#overlay {
   position: absolute;
   right: 20px;
   top: 11px;
   width: 322px;
   height: 410px;
   background: url('../images/bg_overlay.png');
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { 
   margin-bottom: 2px;
   min-height: 400px;
}
   #default #contentWrapper { background: transparent url("../images/bg_contentSlot.gif") left -30px repeat-y; }
/** @group contentSlot */
#contentSlot {
   float: left;
   width: 585px;
   padding: 20px 30px;
}
#contentSlot ul li, #contentSlot ol li { margin-bottom: 0.4em; }
   #home #contentSlot {
      padding-left: 0;
      width: 615px;
   }
      #home #contentSlot #layout { padding: 0 10px 0 20px; }
   #default #contentSlot { color: #333; }

.rss #contentSlot div.hr { background-color: #999; }
.rss #contentSlot #rss_feed { padding-top: 20px; }

h1.pg_title {
   color: #FFF;
   font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   font-size: 2.4em;
}
   #default h1.pg_title {
      display: block;
      position: relative;
      margin-top: -72px;
      margin-left: -30px;
      margin-bottom: 0;
      line-height: 52px;
      padding-left: 30px;
      background: url('../images/bg_title.png');
      width: 970px;
      z-index: 10;
   }
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   float: right;
   width: 346px;
   background: url('../images/bg_sidebar-middle.jpg') top left repeat-y;
   font-size: 1.1em;
}
   #home #sideBar { margin-top: 15px; }
#sideBar h4,
#sideBar div.title {
   font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   font-size: 1.4em;
}
/** @group topNavigation */
#topNavigation {
   position: absolute;
   left:0;
   top: 105px;
   width: 1000px;
   height: 34px;
   z-index: 10;
}
   #home #topNavigation { top: 24px; }
   #topNavigation ul {
      list-style: none;
      margin: 0;
   }
      #topNavigation ul li {
         margin: 0;
         padding: 0;
         display: inline;
         background: none;
      }
         #topNavigation ul li a,
         #topNavigation ul li a:visited {
            color: #FFF;
            text-transform: uppercase;
            text-decoration: none;
            padding-right: 20px;
            font-size: 16px;
            display: block;
            padding: 9px 21px;
            margin-right: 18px;
            margin-bottom: 0;
            border: 0;
         }
/*            #home #topNavigation ul li a { line-height: 56px; }*/
         #topNavigation ul li a:hover { text-decoration: underline; }
         #topNavigation ul li.selected a {
            background: #142847;
            border: 1px solid #4A5E7D;
            padding: 8px 20px;
         }
   #topNavigation ul li ul { display: none; }
   #topNavigation ul li ul {
      border: 1px solid #465A79;
      border-bottom: 0;
      top: 32px;
      width: 200px;
   }
      #topNavigation ul li ul li {
         border-bottom: 1px solid #465A79;
      }
         #topNavigation ul li ul li a,
         #topNavigation ul li ul li a:visited,
         #topNavigation ul li.selected ul li a {
            background: #142847;
            margin-right: 0;
            border: 0;
            font-size: 1.2em;
            line-height: 1.3em;
            text-transform: none;
         }
         #topNavigation ul li ul li a:hover {
            background: #293D5C;
         }
   #topNavigation ul li ul li ul, #home #topNavigation ul li ul li ul {
      top: 0;
      left: 200px;
   }
/* @end topNavigation **/

#sideBar h4 {
   padding-left: 14px;
   font-size: 1.6em;
   margin: 0;
}
#sideBar p, #sideBar h4 {
   background: url('../images/bg_sidebar-border.gif') left bottom no-repeat;
   padding: 0 14px 10px;
}
#sideBarHook { border-bottom: 32px solid #203554; }
#sideBar #marginSlot a, #sideBar .staticSlot a {
   display: block;
   font-size: 1.1em;
/*   text-align: right;*/
   color: #FFF;
/*   background: #333;*/
   padding: 0;
   margin: -6px 12px 0;
   text-decoration: none;
   clear: both;
}
   #sideBar #marginSlot p a, #sideBar .staticSlot p a { margin: 0; }
   #sideBar #marginSlot a:hover, #sideBar .staticSlot a:hover { text-decoration: underline; }
/*   #sideBarHook { border-top: 32px solid #203554; }*/
#marginSlot, .staticSlot {
   background: url('../images/bg_sidebar-bottom.jpg') left bottom no-repeat;
   padding-bottom: 12px;
   min-height: 80px;
}
   .staticcontent {
      padding: 32px 22px 0 24px;
      background: url('../images/bg_sidebar-top.jpg') top left no-repeat;
   }
   .staticSlot .news-content { color: #CCC; }
/*      #marginSlot .margincontent { padding-top: 0; }*/
/* @end sideBar **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#upper_footer {
   color: #7084A3;
   height: 94px;
   font-size: 1.1em;
}

#social_media {
   padding-top: 33px;
   padding-left: 20px;
   float: left;
}
   #socialMedia ul { list-style: none; }
   #social_media ul li { float: left; }
   #social_media ul li a {
      display: block;
      width: 26px;
      height: 25px;
      margin-right: 10px;
      overflow: hidden;
      text-indent: -10000px;
   }
   #social_media ul li a.delicious { background: url('../images/bg_social-media.gif') 0 0 no-repeat; }
      #social_media ul li a.delicious:hover { background-position: 0 -25px; }
   #social_media ul li a.linkedin { background: url('../images/bg_social-media.gif') -26px 0 no-repeat; }
      #social_media ul li a.linkedin:hover { background-position: -26px -25px; }
   #social_media ul li a.twitter { background: url('../images/bg_social-media.gif') -52px 0 no-repeat; }
      #social_media ul li a.twitter:hover { background-position: -52px -25px; }
   #social_media ul li a.facebook { background: url('../images/bg_social-media.gif') -78px 0 no-repeat; }
      #social_media ul li a.facebook:hover { background-position: -78px -25px; }
   #social_media ul li a.digg { background: url('../images/bg_social-media.gif') -104px 0 no-repeat; }
      #social_media ul li a.digg:hover { background-position: -104px -25px; }
   #social_media ul li a.rss { background: url('../images/bg_social-media.gif') -130px 0 no-repeat; }
      #social_media ul li a.rss:hover { background-position: -130px -25px; }


#upper_footer #vcard {
   float: right;
   padding-top: 18px;
}
   #vcard .spacer {
      float: left;
      clear: right;
      border-left: 1px solid #7084A3;
      width: 150px;
      height: 46px;
      padding: 8px 20px;
   }
   #vcard #phone { margin-bottom: -20px; }
   #vcard #phone .value {
      margin-top: 4px;
      display: block;
      font-size: 1.8em;
      color: #95A9C8;
   }

#footer {
   height: 100px;
   padding-top: 18px;
}
   #footer #copyright { float: left; }
   #footer #siteBy { float: right; }
   #footer, #footer a { color: #3E5171; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
#outer_footer {
   background: url('../images/bg_footer.jpg') top left repeat-x;
   height: 214px;
   margin-top: -214px;
}
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #corner1, #corner2, #corner3, #corner4 { display: none; }

.content {
   font-size: 1.2em;
   line-height: 1.4em;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}