/*------------------------------------------------------------------------*/
/*     Global Background & Link Color                                     */
/*------------------------------------------------------------------------*/

/* Global Background & Font/Color */
body { 
	font: normal 12px/18px Arial, Helvetica, sans-serif; 
	color: #000; 
	margin: 0px; 
	padding: 0px; 
	background: url("../style/template/bkg.gif") repeat-x #eeeff0 top center;
	}


/* Global Link Color */
a, a:link, a:active, a:visited { 
	color: #0669B2;
	text-decoration: none; 
	}

a:hover { 
	color: #0669B2;
	text-decoration: underline;
	}


/* Global Paragraph Style */
p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}



/*------------------------------------------------------------------------*/
/*     Page Header & Top Nav                                              */
/*------------------------------------------------------------------------*/

#HeaderWrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#HeaderContainer {
	margin: auto;
	padding: 0px;
	width: 960px;
	}

#HeaderNav {
	margin: 0px; 
	padding: 0px;
	display: table;
	height: 84px;
	width: 960px;
	}

#TitleWrap {
	text-align: left;
	color: #000;
	margin: 0px 0px 0px 30px; 
	padding: 0px;
	height: 84px;
	width: 204px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

#TopNavWrap {
	text-align: right;
	margin: 0px 30px 0px 0px; 
	padding: 0px;
	height: 84px;
	width: 695px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

.InnerWrap1 {
	#position: absolute; 
	#top: 50%;
	height: 84px;
	display: table-cell; 
	vertical-align: middle;
	}

.InnerWrap2 {
	#position: relative; 
	#top: -50%
	}



/*------------------------------------------------------------------------*/
/*     Top Navigation                                                     */
/*------------------------------------------------------------------------*/

a.TopNav, a:link.TopNav, a:active.TopNav, a:visited.TopNav { 
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #252525;
	height: 34px;
	float: right;
	display: table; 
	margin: 0px;
	padding: 50px 10px 0px 10px; 
	text-decoration: none;
	background: url("../style/template/bkg-TopNav.gif") no-repeat top left;
	}

a:hover.TopNav { 
	color: #be171c; 
	text-decoration: none; 
	}

a.TopNav-at, a:link.TopNav-at, a:active.TopNav-at, a:visited.TopNav-at, a:hover.TopNav-at {
	font: normal bold 90% Arial, Helvetica, sans-serif;
	color: #be171c;
	margin: 0px;
	padding: 0px 5px; 
	text-decoration: underline;
	}



/*------------------------------------------------------------------------*/
/*     Main Navigation and Text Size Changer                              */
/*------------------------------------------------------------------------*/

#MainNav {
	margin: 0px; 
	padding: 0px;
	display: table;
	height: 35px;
	width: 960px;
	}


#MainLinksWrap {
	text-align: left;
	color: #000;
	margin: 0px 0px 0px 30px; 
	padding: 0px;
	height: 35px;
	width: 750px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}


#TextSizeWrap {
	text-align: right;
	margin: 0px 30px 0px 0px; 
	padding: 0px;
	height: 35px;
	width: 150px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

.MainInnerWrap1 {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	}

.MainInnerWrap2 {
	#position: relative; 
	#top: -50%
	}



/*------------------------------------------------------------------------*/
/*     Main Navigation                                                    */
/*------------------------------------------------------------------------*/

a.MnNav, a:link.MnNav, a:active.MnNav, a:visited.MnNav { 
	font: normal bold 100% Arial, Helvetica, sans-serif;
	color: #252525;
	margin: 0px;
	padding: 0px 15px 0px 0px; 
	text-decoration: none;
	}

a:hover.MnNav { 
	color: #be171c; 
	text-decoration: none; 
	}

a.MnNav-at, a:link.MnNav-at, a:active.MnNav-at, a:visited.MnNav-at, a:hover.MnNav-at {
	font: normal bold 100% Arial, Helvetica, sans-serif;
	color: #be171c;
	margin: 0px;
	padding: 0px 15px 0px 0px; 
	text-decoration: underline;
	}



/*------------------------------------------------------------------------*/
/*     Homepage Banner                                                    */
/*------------------------------------------------------------------------*/

#HMBannerWrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url("../style/template/bkg-HMBannerWrap.gif") repeat-x;
	}

#HMBannerContainer {
	margin: auto;
	padding: 0px;
	width: 960px;
	height: 303px;
	}

#HMBannerImgWrap {
	text-align: left;
	color: #000;
	margin: 0px; 
	padding: 0px;
	width: 960px;
	height: 303px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}



/*------------------------------------------------------------------------*/
/*     Subpage Banner                                                     */
/*------------------------------------------------------------------------*/

#SBBannerWrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url("../style/template/bkg-SBBannerWrap.gif") repeat-x;
	}

#SBBannerContainer {
	margin: auto;
	padding: 0px;
	width: 960px;
	height: 117px;
	}

#SBBannerImgWrap {
	text-align: left;
	color: #000;
	margin: 0px; 
	padding: 0px;
	width: 960px;
	height: 117px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	background: url("../style/template/bkg-SBBannerImgWrap.gif") no-repeat bottom center;
	}



/*------------------------------------------------------------------------*/
/*     Content                                                            */
/*------------------------------------------------------------------------*/

#ContentWrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#ContentContainer {
	margin: auto;
	padding: 0px;
	width: 960px;
	background: url("../style/template/bkg-Content.gif") repeat-y #fefeff;
	}

#ContentBox {
	margin: 0px;
	display: table;
	height: 35px;
	width: 960px;
	}

#LeftNavWrap {
	color: #000;
	margin: 0px 0px 0px 10px; 
	padding: 0px 15px 15px 15px;
	width: 150px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	border-right: 1px solid #dadde0;
	}

#ContentAreaWrap {
	margin: 0px 10px 0px 0px; 
	padding: 0px 15px 15px 15px;
	width: 729px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

.CntInnerWrap1 {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	}

.CntMainInnerWrap2 {
	#position: relative; 
	#top: -50%
	}



/*------------------------------------------------------------------------*/
/*     Left Nav                                                           */
/*------------------------------------------------------------------------*/

a.LeftNav, a:link.LeftNav, a:active.LeftNav, a:visited.LeftNav { 
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #0072bc; 
	margin: 0px;
	padding: 0px 0px 6px 10px; 
	text-decoration: none;
	background: url("../style/bullets/bullet-blue.gif") no-repeat 2px 5px;
	}

a:hover.LeftNav { 
	color: #0072bc; 
	text-decoration: underline; 
	}

a.LeftNav-at, a:link.LeftNav-at, a:active.LeftNav-at, a:visited.LeftNav-at, a:hover.LeftNav-at {
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #0072bc; 
	margin: 0px;
	padding: 0px 0px 10px 0px; 
	text-decoration: none;
	}



/*------------------------------------------------------------------------*/
/*     Footer                                                             */
/*------------------------------------------------------------------------*/

.FtDivide {
	margin: auto;
	padding: 0px;
	width: 960px;
	display: table; 
	height: 15px; 
	background: url("../style/template/bkg-FtDivide.gif") no-repeat #5c5c5c; 
	}

#FooterWrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#FooterContainer {
	font: normal 80%/13px Arial, Helvetica, sans-serif;
	color: #b0b0b1;
	margin: auto;
	padding: 0px;
	width: 940px;
	padding: 0px;
	display: table;
	background: #313131;
	}

#FtLinksWrap {
	text-align: left;
	margin: 0px; 
	padding: 10px 20px 5px 20px;
	width: 610px;
	height: 20px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

#CopyrightWrap {
	text-align: right;
	margin: 0px; 
	padding: 10px 20px 5px 20px;
	width: 250px;
	height: 20px;
	float: left;
	display: table; 
	#position: relative; 
	overflow: hidden;
	}

.FtInnerWrap1 {
	#position: absolute; 
	#top: 50%;
	vertical-align: top;
	}

.FtInnerWrap2 {
	#position: relative; 
	#top: -50%;
	}


a.FootNav, a:link.FootNav, a:active.FootNav, a:visited.FootNav { 
	color: #b0b0b1; 
	text-decoration: none; 
	margin: 0px; 
	padding: 0px 10px 0px 0px;
	}

a:hover.FootNav { 
	color: #b0b0b1; 
	text-decoration: underline; 
	}


a.FtNav, a:link.FtNav, a:active.FtNav, a:visited.FtNav { 
	display: block;
	color: #b0b0b1; 
	margin: 0px;
	padding: 0px 0px 0px 8px; 
	text-decoration: none;
	background: url("../style/bullets/bullet-gray.gif") no-repeat 2px 5px;
	}

a:hover.FtNav { 
	color: #b0b0b1; 
	text-decoration: underline; 
	}

.FtColumnWrap {
	display: table; 
	float: left; 
	margin: 5px 20px 20px 20px;
	padding: 0px;
	}

.FtColumn {
	color: #b0b0b1; 
	display: table; 
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	/* border: 1px solid #99C; */
	}


/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*------------------------------------------------------------------------*/

h1 { 
	font: normal bold 200%/100% "Times New Roman", Times, serif;
	color: #af151a; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	}

h1.PGHeader { 
	font: normal 250%/100% "Times New Roman", Times, serif;
	color: #fff; 
	margin: 0px; 
	padding: 50px 0px 10px 25px; 
	}

h2 { 
	font: normal bold 150%/100% "Times New Roman", Times, serif;
	color: #af151a; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	}

h3 { 
	font: normal bold 125%/100% "Times New Roman", Times, serif;
	color: #af151a; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	}

h4 { 
	font: normal bold 110%/100% "Times New Roman", Times, serif;
	color: #af151a; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	}

h5 { 
	font: normal bold 100%/100% "Times New Roman", Times, serif;
	color: #af151a; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	}



/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/

ul, ol {
	margin-top: 0px;
	padding-top: 0px;
	}

ul.bullet { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("../style/bullets/bullet.gif");
	}

ul.bulletPDF { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("../style/bullets/bulletPDF.gif");
	}



/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/

.clear {
	clear: both;
	}

.Spacer {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	clear: both;
	}

.quote { 
	font: bold italic 110%/14px Arial, Helvetica, sans-serif; 
	}

.small { 
	font: normal 10px/12px; 
	}

.caps { 
	text-transform: uppercase; 
	}

.right { 
	text-align: right; 
	}

.left { 
	text-align: left; 
	}

.red { 
	color: #960014; 
	}

.blue { 
	color: #0000ff; 
	}

.green { 
	color: #00ff00; 
	}

.white { 
	color: #ffffff; 
	}



/*------------------------------------------------------------------------*/
/*     Forms                                                              */
/*------------------------------------------------------------------------*/

form { 
	margin: 0px; 
	padding: 0px;
	}

input, select { 
	font: normal normal 100% Arial, Helvetica, sans-serif; 
	color: #333;
	}

option {
	font: normal normal 100% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 1px;
	}

textarea { 
	font: normal normal 100% Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0px;
	padding: 2px;
	border: 1px solid #ccc;
	}



/*------------------------------------------------------------------------*/
/*     Alerts                                                             */
/*------------------------------------------------------------------------*/

#Alert {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #cb9146;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Alert.gif") no-repeat 10px 5px #fdfcd7;
	}

#Error {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #9e0b0f;
	display: block;
	border: 2px solid #fcc9aa;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Error.gif") no-repeat 12px 7px #fde4d7;
	}

#Success {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #197b30;
	display: block;
	border: 2px solid #a2d39b;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Success.gif") no-repeat 12px 7px #e0ffd5;
	}

#Notes {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Notes.gif") no-repeat 10px 5px #fdfcd7;
	}



/*------------------------------------------------------------------------*/
/*     Tabber                                                             */
/*------------------------------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
	}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	}

.tabberlive {
	margin-top:1em;
	}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #72b5cf;
	margin:0;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
	}

ul.tabbernav li a {
	padding: 3px 6px;
	margin-right: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #f1f1f1;
	text-decoration: none;
	}

ul.tabbernav li a:link { 
	color: #898989; 
	}

ul.tabbernav li a:visited { 
	color: #898989; 
	}

ul.tabbernav li a:hover {
	color: #720200;
	background: #f1f1f1;
	border-color: #ccc;
	}

ul.tabbernav li.tabberactive a {
	color: #720200;
	background: #fff;
	border-bottom: 1px solid #fff;
	}

ul.tabbernav li.tabberactive a:hover {
	color: #720200;
	background: #fff;
	border-bottom: 1px solid #fff;
	}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	 padding: 5px;
	 border-top:0;

	/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
	/* height:200px; */

	/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
	/* overflow:auto; */
	}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
	}
	
.tabberlive .tabbertab h3 {
	display:none;
	}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
	}

.tabberlive#tab2 {
	}

.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
	}