/* ============================================
* Global - Reset v1.0 | 20080212 
=============================================*/
   * { margin: 0; padding: 0; }  
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
   fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
   	vertical-align: baseline; background: transparent;
   }
   body {line-height: 1;}
   ol, ul {list-style: none;}
   blockquote, q {quotes: none;}
   blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
   :focus {outline: 0;}
   ins {text-decoration: none;}
   del {text-decoration: line-through;}
   table {border-collapse: collapse; border-spacing: 0;}

   a {text-decoration: none; border: 0 none; } 
   a:hover {text-decoration: underline;} 
   a:focus {outline: none}
   a img {border: none;}
   .clear { display: block;  visibility: hidden; clear: both; height: 1px; }
   .layout {display: none;}
   .skiptocontent {display: none;}
   .last, .bottom-margin {clear: both; padding: 0 0 20px 0;}
   .float_right {float: right;}
   .float_left {float: left;}
   .small-link {font-size: 11px !important;}

   html, body {
      position: relative; font-family: Arail; 
      background: #e9f1f6 url(../_images/bg_global.png) top left repeat-x;
      border-style: none; width: 100%;
   }
   
   .test-red, .test-blue, .test-green {height: 600px;}
   .test-red {background: red;}
   .test-blue {background: blue;}
   .test-green {background: green;}

/* Global Content Containers
=============================================*/
   #main_content {
      width: 830px; margin: 0 auto; padding: 0 73px 0 73px;
      background: transparent url(../_images/logo.jpg) top left no-repeat;
   }
      
/* Header
=============================================*/
   #header {font-size: 140%; }
   #header h1 a {
      position: relative; left: -72px;
      display: block; width: 361px; height: 116px;
      text-indent: -5001px; overflow: hidden;
   }
   #header ul#main_menu {float: right; padding-top: 47px; height: ; }
   #header ul#main_menu li {float: left;}
   #header ul#main_menu li a {display: block; color: #3096be; padding: 5px 9px;}
   #header ul#main_menu li.selected a {background: #3096be; color: #fff; text-decoration: none;}

/* Slider
=============================================*/
   #slider {
      width: 810px; height: 274px; margin: 0 auto; position: relative; padding: 16px 17px;
      background: transparent url(../_images/slider_bg.png) top left no-repeat;
   }
   .scroll {
      clear: left; height: 273px; width: 795px; margin-bottom: 2px;
      overflow: auto; position: relative; overflow: hidden; /* fix for IE to respect overflow */
   }
   .scrollContainer div.panel {height: 275px; width: 795px;}

   .panel_left {
      width: 299px; height: 223px; padding: 20px 20px 0 20px;
      background: transparent url(../_images/panel_divider.png) bottom right no-repeat;
   }

   .panel_left h1 {font-size: 24px; color: #505050; margin-bottom: 12px;}
   .panel_left h2 {font-size: 18px; color: #3096be; margin-bottom: 12px;}
   .panel_left h3 {font-size: 16px; color: #505050; margin-bottom: 12px;}
   .panel_left p {font-size: 14px; line-height: 22px; color: #000; margin-bottom: 14px; text-align: justify;}
   .panel_left p strong {color: #3096be;}
   .panel_left {float: left;}
   
   .panel_right {float: left; padding: 0 0 0 30px;}
   .panel_right h1 {font-weight: bold; font-size: 14px; color: #505050; }
   .panel_right img {vertical-align: middle; padding-top: 7px; padding-bottom: 7px;}

   .scrollButtons {position: absolute; top: 140px; cursor: pointer;}
   .scrollButtons.left {left: -35px;}
   .scrollButtons.right {right: -20px;}
   
   ul.navigation {position: relative; left: -4px; }
   ul.navigation li {float: left;}
   ul.navigation li a {
      display: block; width: 161px; height: 35px;
      background: transparent url(../_images/slider_menu.png) bottom center no-repeat;
      font-size: 14px; color: #61aecc; font-weight: bold;
      text-align: center; text-decoration: none; vertical-align: middle;
      opacity: .45; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=45); /* IE lt 8 */
      -ms-filter: "alpha(opacity=45)"; /* IE 8 */
      -khtml-opacity: .45; /* Safari 1.x */
      -moz-opacity: .45; /* FF lt 1.5, Netscape */
   }
   ul.navigation li a.first_item {width: 160px; background-position: bottom right;}
   ul.navigation li a.adjust_item {margin: 0 1px 0 1px;}
   ul.navigation li a.last_item {width: 160px;}
   
   ul.navigation li a:hover,
   ul.navigation li a.selected {
      background-position: top center; color: #3096be;
      opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=100); /* IE lt 8 */
      -ms-filter: "alpha(opacity=100)"; /* IE 8 */
      -khtml-opacity: 1; /* Safari 1.x */
      -moz-opacity: 1; /* FF lt 1.5, Netscape */
   }
   ul.navigation li a.first_item:hover,
   ul.navigation li a.first_item.selected {background-position: top right;}

   #bridge h1 {font-size: 24px; color: #505050; margin-bottom: 12px;}
   #bridge h2 {font-size: 18px; color: #3096be; margin-bottom: 12px;}
   #bridge h3 {font-size: 16px; color: #505050; margin-bottom: 12px;}
   #bridge p {font-size: 14px; line-height: 20px; color: #505050; text-align: justify; width: 600px; padding: 20px 20px 0 20px;}
   #bridge p strong {color: #3096be;}
   #bridge {float: left;}
   #bridge span {vertical-align:top; padding-left: 10px; font-size: 14px;}


/* Member Login
=============================================*/
   #member {width: 120px;}
   #member_content {
      width: 120px; 
      padding: 20px 0 0 18px;
      background: transparent url(../_images/quotes_top.png) top center no-repeat;
   }
   #member_inner {
      width: 120px; /* 984px max height */
      background: transparent url(../_images/quotes_inner.png) bottom center no-repeat;
   }
   #member_inner h3 {  
      font-weight: lighter; font-size: 10px; color: #222222; padding: 14px 14px 14px 79px;
   }
   #member_content p {
      text-align: center;
      vertical-align: middle;
      color: #222222;
      font-family: Georgia;
      font-size: 12px;
      padding-bottom: 2px;
   }
   #member_bottom {
      width: 138px; height: 6px;
      background: transparent url(../_images/quotes_bottom.png) top center no-repeat;
   }
   
/* Middle Header
=============================================*/
   #middle_header {
      height: 276px; padding: 0 0 0 40px;
   }
   #middle_header h2 {text-align: center; font-size: 22px; color: #4A708B; position: relative; padding: 50px 0 15px 0;}
   #middle_header h3 {text-align: center; font-size: 20px; font-weight: lighter; color: #717372; line-height: 150%;}
   #middle_header p {font-size: 14px; line-height: 150%;}

/* Info Blocks
=============================================*/
   #info_blocks_container {margin: 0 0 59px 0;}
   .info_block {width: 238px; float: left; margin: 0 43px 0 0;}
   .info_block.last_item {margin: 0;}
   .info_block h3 {font-size: 26px; color: #4A708B; margin: 0 0 18px 0;}
   .info_block p {font-size: 12px; color: #336699; line-height: 20px;  text-align: justify;}
   .info_block p a {color: #505050;}
   
/* Sub-Page Globals 
=============================================*/
   #left_column {width: 514px; margin: 0 17px 14px 0; float: left;}
   #right_column {width: 294px; margin: 0 0 14px 0; float: left;}
   
   #left_column h2 {
      font-size: 24px; color: #202020;
      padding: 0 0 14px 0; margin: 0 0 14px 0;
      background: transparent url(../_images/h2_divider.png) bottom center no-repeat;
   }
   #left_column h3 {font-size: 14px; color: #202020; margin: 0 0 6px 0;}
   #left_column p {font-size: 12px; line-height: 16px; color: #717372; margin-bottom: 14px;  text-align: justify;}
   #left_column p a {color: #3096be; font-weight: bold;}
   #left_column blockquote {
      color: #333; font-size: 16px; line-height: 20px;
      margin: 14px 0 14px 40px; padding: 0 0 0 40px;
      background: transparent url(../_images/blockquote.png) left 5px no-repeat;
   }
   
/* Testimonials
=============================================*/
   #quotes {width: 294px;}
   #quotes_content {
      width: 276px; padding: 16px 0 0 18px;
      background: transparent url(../_images/quotes_top.png) top center no-repeat;
   }
   #quotes_inner {
      width: 262px; /* 984px max height */
      background: transparent url(../_images/quotes_inner.png) bottom center no-repeat;
   }
   #quotes_inner h3 {
      font-weight: lighter; font-size: 16px; color: #222222; padding: 14px 14px 14px 79px; 
      background: transparent url(../_images/member_logo.png) 14px center no-repeat; 
   }
   #quotes_inner p {
      color: #222222; margin: 7px 14px 0 14px; padding: 0 0 7px 35px;
      font: 12px georgia, palatino,'times new roman',serif;
      text-align: justify;
      background: transparent url(../_images/quotes_members.png) top left no-repeat;
   }
   #quotes_bottom {
      width: 294px; height: 16px;
      background: transparent url(../_images/quotes_bottom.png) top center no-repeat;
   }
   #twitter_tweets {width: 294px;}
   #twitter_tweets h3 {
      display: block; width: 234px; height: 58px; padding: 5px 0 0 60px;
      font: 16px lighter georgia, palatino,'times new roman',serif;
      background: transparent url(../_images/twitter_header.png) top left no-repeat;
   }
   #twitter_tweets ul.twitterList {margin-top: 10px; width: 262px; margin: 0 0 14px 16px;}
   #twitter_tweets ul.twitterList li {
      display: block; padding: 0 0 0 25px; margin: 7px 0;
   	font: 12px georgia, palatino,'times new roman',serif;
   	color: #666; line-height: 16px;
   	background: url(../_images/twitter_quotes.png) left 3px no-repeat;   	
   }
   #twitter_tweets ul.twitterList li a {color: #3096be;}
   #twitter_tweets ul.twitterList li span {display: block;}
   #twitter_tweets ul.twitterList li span a { color: #333;}
   
/* Forms
=============================================*/   
   fieldset {width: 514px;}
   fieldset div {margin: 0 0 14px;}
   fieldset div label {
      display: block; float: left; width: 109px;
      text-align: right; margin: 0 14px 0 0;
       line-height: 24px;
   }
   fieldset div input {float: left;  border: 1px solid #222222; font-size: 14px; padding: 5px 3px;}
   fieldset div textarea {float: left; width: 385px; font-size: 14px; border: 1px solid #222222;}
   fieldset div select {float: left; width: 385px; font-size: 14px; border: 1px solid #222222;}
   fieldset div input#submit_button {font-weight: bold; color: #333; float: right; margin: 0 8px 0 0;}
   
/* Legal Stuff 
=============================================*/   
   #legal_stuff {
      position: relative; float: left; text-align: left;
      width: 99%; margin: 0 10px 20px 0;
   }
   #legal_stuff div.section {margin: 0 0 15px 0;}
   #legal_stuff h1 { 
      position: relative;
      color:#333; font-size: 30px; font-weight:bold;
      margin: 10px 0 20px 0; padding: 0 0 14px 0;
      border-bottom: 1px solid #333;
   }
   #legal_stuff h1 span {
      position: relative; float: right; top: 12px;
      color: #000; font-size: 11px;
      font-weight: lighter;
   } 
   #legal_stuff h2 {position: relative; color:#3096be; font-size: 20px; margin: 0 20px 5px 20px;}
   #legal_stuff p {position: relative; color:#333; font-size: 13px; line-height: 18px; margin: 0 20px 7px 35px;  text-align: justify;}
   #legal_stuff p.scriptures {width: 340px; top: -7px; color: #AA0707; font-size: 11px; margin: 0 0 0 35px;  text-align: justify;}
   #legal_stuff p a { 
      color: #5f5f5f; line-height: 14px; 
      padding: 0 0 0 16px; margin: 0 0 0 5px;
      background: transparent url(../_images/frontend/news_blurb_a.gif) left center no-repeat;
   }
   #legal_stuff ul {margin: 0 40px 7px 80px;}
   #legal_stuff ul li {position: relative; color:#333; font-size: 13px; line-height: 18px; margin: 0 0 3px 0;}
   
/* Footer
=============================================*/
   #footer {
      position: relative; width: 836px; height: 111px; margin-bottom: 24px; left: -6px;
      background: transparent url(../_images/footer.png) top left no-repeat;
   }
   #footer table tr td {width: 50%;}
   #footer p {font-size: 12px; color: #717372; margin: 37px 25px 0 25px;  text-align: justify;}
   #footer p a {color: #717372;}
   #footer p a.selected {color: #336699; font-weight: bold;}
   #footer p.copyright {position: relative; top: 10px; float: right; text-align: right;}