/********** GLOBAL TAG STYLES **********/
html {overflow: -moz-scrollbars-vertical;}

body {background:URL(/assets/images/main_bg.jpg) center bottom repeat-x #fff; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 0px 0px;}

a {color:#269CD9;}
a:hover {color:#50C91A;}

input[type=text], input[type=password], select, textarea {border:1px solid #B7B7B7; color:#333333; font-size:14px;}

h1 {color:#333333; font-size:20px; margin:10px 0px;}
h2 {color:#333333; font-size:18px; margin:10px 0px;}
h3 {color:#333333; font-size:16px; margin:10px 0px;}

p {margin:0px; padding:5px 0px;}

img {border:none;}

/********** GLOBAL SITE CLASSES **********/
.bignbold {font-size:14px; font-weight:bold;}
.bluefont {color:#49B2E8;}
.borderbox {border:1px solid #C8C8C8; padding:8px;}
.borderbox_spacing {padding:10px 0px 0px 0px;}
.clear {clear:both;}
.content_left_col {float:left; width:525px;}
.content_right_col {float:right; padding-left:25px; width:175px; margin-top:42px;}
.content_right_col_btns {background:URL(/assets/images/content_btn_bg.gif) no-repeat; height:86px; padding:15px; text-align:center; width:123px;}
	/* override the background image and height when there are four buttons in the container rather than three */
	.fourButtons {background:URL(../../images/content_btn4_bg.gif) no-repeat; height:146px;}
	.content_right_col_btns div {padding-bottom:5px;}
.divider {border-bottom:1px solid #FFFFFF; border-top:1px solid #C8C8C8;}
.floatleft {float:left;}
.floatright {float:right;}
.formclass {padding:10px 20px; width:100%;}
.list_tbl_cell_pad {padding:10px 0px;}
.posrel {position:relative;}
.rederrorbox {color:#FF0000; padding:10px 0px;}
.redfont {color:#FF0000;}
.sectionheader {color:#333333; font-size:14px; font-weight:bold; margin-bottom:10px;}


/********** GLOBAL SITE LAYOUT STYLES **********/
#page {background:URL(/assets/images/page_bg.jpg) top center repeat-x; margin:auto; width:1050px;}

#header {height:126px; margin:auto; width:1050px; position:relative; }
	#header #pg_logo {left:57px; position:absolute; top:36px; z-index:30;}
	#header #social_networks {height:41px; left:694px; position:absolute; top:49px; width:296px; z-index:30;}
	#header #pg_nav {position:absolute; top:85px; z-index:10;}
	
#footer {color:#666; font-size:11px; height:180px; margin:auto; padding:10px 20px 20px 20px; width:995px;}
	#footer a {color:#666; text-decoration:none;}
	#footer a:hover {border-bottom:1px solid #50C91A;}
	#footer p {margin:0px 0px 6px 0px;}

#siteMap {}
#siteMap ul {}
#siteMap ul li{}
#siteMap ul li a{}
#siteMap ul li a:hover{}

/********** NAV RIBBON STYLES **********/
   div.ribbon { height: 76px; width: 1050px; margin-left: auto; margin-right: auto; z-index:20; }
   div.ribbon div.ribbon-nav-item {
      height: 38px;
      background-image: url('/images/nav/navitem_bg.png');
      background-repeat: repeat-x;
      float:left;
      margin: 5px 0px 0px 0px;
      border: 1px #1a81c9 solid;
      font-size: 16px;
      font-weight: bold;
      position: relative;
   }
   div.ribbon div.ribbon-current { background-image: url('/images/nav/navitem_bg_current.jpg'); }
   div.ribbon div.ribbon-nav-item a { color: #ffffff; text-decoration: none; display: block; z-index: 22; position: relative; }
   div.ribbon div.ribbon-nav-item a.ribbon-topnav { padding: 10px 20px; z-index: 22; }
   div.ribbon div.ribbon-nav-item img.ribbon-bg { position: absolute; width: 100%; height: 38px; z-index: 21; top: 0; opacity: 0;  }
   div.ribbon div.ribbon-nav-item:first-child { margin-left: 252px; }
   div.ribbon-nav-item div.ribbon-subnav { width: 338px; position: absolute; display: none; z-index: 23; }
   div.ribbon-nav-item div.ribbon-subnav-item {
      width: 168px;
      height: 20px;
      margin: 0;
      font-weight: bold;
      font-size: 12px;
      background-image: url('images/nav/subnav_bg.png');
      background-repeat: repeat-y;
   }
   div.ribbon-nav-item div.ribbon-subnav-item a { padding: 3px 0 3px 15px; }
   div.ribbon-subnav img { float: left; height: 6px; }
   div.ribbon-subnav div.ribbon-subnav { left: 169px; }

/********** BANNER STYLES **********/
   div.banner {
      position: relative;
      width: 1050px;
      height: 440px;
      color: #242424;
      margin-left: auto;
      margin-right: auto;
      top: 126px;
      z-index: 1;
   }
   div.banner > div {
      position: absolute;
      z-index: 5;
   }
   div.banner div.banner-container {
      width: 976px;
      height: 415px;
      color: #ffffff;
      top: 3px;
      left: 36px;
      z-index: 4;
   }
   div.banner-header {
      font-size: 22pt;
      font-weight: bold;
      width: 316px;
      position: relative;
      left: 0px;
      padding-left: 75px;
      padding-top: 50px;
   }
   div.banner-body {
      width: 316px;
      position: absolute;
      font-size: 0.94em;
      font-weight: bold;
      line-height: 150%;
      left: 0;
      top: 0;
      padding-left: 75px;
      padding-top: 70px;
   }
   div.banner div.banner-cursor {
      z-index: 14;
      padding-left: 102px;
      top: 304px;
      left: 1px;
      position: absolute;
   }
   div.banner div.banner-thumbs {
      z-index: 15;
      padding-left: 111px;
      top: 320px;
   }
   div.banner-thumbs img {
      cursor: pointer;
      margin-right: 10px;
   }
   div.banner div.banner-expand {
      z-index: 8;
      position: absolute;
      left: 103px; 
      top: 260px;
      width: 177px;
      height: 32px;
      cursor: pointer;
   }
   div.banner-expand img {
      position: absolute;
      left: 0px;
      top: 0px;
   }
   div.banner div.banner-learnmore {
      z-index: 10;
      bottom: 125px;
      left: 75px;
   }
   div.banner div.banner-learnmore div { z-index: 11; position: relative; }
   div.banner-learnmore div.banner-expandbox {
      background-image: url('/images/banner/learnmore_bg.png');
      background-repeat: repeat-x;
      border-top: 1px #e9e9e9 solid;
      border-bottom: 1px #e9e9e9 solid;
      height: 284px;
      float: left;
   }
   div.banner-expandbox div.banner-expandbox-close {
      margin-left: 20px;
      margin-top: 10px;
      height: 36px;
      width: 129px;
   }
   div.banner-expandbox div.banner-expandbox-close img {
      cursor: pointer;
      top: 0px;
      left: 0px;
      position: absolute;
   }
   div.banner div.banner-learnmore div.banner-expandbox {
      position: absolute;
      left: 9px;
   }
   div.banner-expandbox div.banner-expandbox-sub {
      width: 240px;
      padding: 5px 23px;
      float: left;
      font-size: 11px;
   }
   div.banner-expandbox div.banner-expandbox-sub div.banner-expandbox-title {
      font-size: 18px;
      padding: 6px 0px;
   }
   div.banner-expandbox div.banner-expandbox-sub div.banner-learnmore-link a, div.banner-expandbox div.banner-expandbox-sub div.banner-learnmore-link a:hover,
   div.banner-expandbox div.banner-expandbox-sub div.banner-learnmore-link img, div.banner-expandbox div.banner-expandbox-sub div.banner-learnmore-link img:hover {
      font-weight: bold;
      border: none;
      text-decoration: none;
      color: #242424;
      vertical-align: text-bottom;
      margin-top: 8px;
   }
   div.banner-learnmore-link a {
      position: absolute;
      top: 0;
      left: 0;
   }
   div.banner div.banner-arrow {
      position: absolute;
      top: 153px;
      cursor: pointer;
      width: 17px;
      height: 46px;
   }
   div.banner div.banner-arrow img {
      position: absolute;
   }
   div.banner-arrow-left { left: 3px; }
   div.banner-arrow-right { right: 3px; }