﻿/* Page Content*/

/* TOC

1: - Global Styles

2: - Header

3. - Search

4: - Content

5: - Footer

6: - sIFR

*/


	#mainNav {
		display: none;
		}	

	.skipLink {
		display: none;
		}
	
	.footer {
		display: none;	
		}
	
	

/* 1 :-------- Global Styles ------------ */

	body {
		width: 700px;
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
	body * {
		margin-top: 0;
		}
		
	.home h2 { 
		margin-bottom: 10px;
		font: 1.5em normal Verdana, arial;
		color: #2c81d6;
		padding: 0 0 15px;
		margin: 0;		
		}
	
	.home h4 {
		margin-bottom: 10px;
		font: 1.5em normal Verdana, arial;
		color: #2c81d6;
		padding: 18px 0 5px 15px;
		margin: 0;		
		}
	
	.lower h1 {
		margin-top: 0;	
		padding: 0 0 0 20px;
		font: 2.1em normal Verdana, arial;
		color: #fff;
		display: block;
		border: 1px solid red;
		}		
	
	.lower h2 {
		font: 1.3em normal Verdana, arial;
		color: #2c81d6;
		height: 20px;
		margin: 10px 0;
		}

	h3 {
		font: 1.4em normal Verdana, arial;
		color: #333;
		margin: 20px 0 0 2px;
		}

	.lower .h4 {
		padding: 5px 0;
		}
		
	a {
		color: #000;
		}
		
	a:hover {
		text-decoration: underline!important;
		}
		
	p {
		color: #000;
		font-size: .9em;
		}	
				
/* 2 :-------- Header ------------ */

/* See structure.css */

/* 3 :-------- Search ------------ */

	.miniHeaderSearch {
		height: 46px;
		margin-top: -22px;
		margin-left: 130px;
		}
		
	.miniHeaderSeachTextbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color: #999;
		height: 14px;
		width: 100px;
		margin-left: 15px;
		margin-top: 13px;
		}	


/* 4 :-------- Content ------------ */	
	/* Home page */
	.home #mainNav {
		height: 46px;
		margin: 0;
		background: url(../images/nav/mainNav_home-bg.gif) 0 60px no-repeat;
		}
		
	.contentMainText {
		margin: -8px 0 0;
		padding: 32px 0 0 22px;
		width: 550px;
		}

	.homeText {
		width: 350px;
		padding-bottom: 10px;
		}
		
	.homeLeftNews {
		margin: -12px 0 0;
		padding: 0 12px 15px 12px;
		width: 160px;
		}	
	
	.homeLeftLink {
		color: #2c81d6;
		font-size: .9em;
		padding: 5px 0 0 0;	
		margin: 0;
		}

	.homeLeftLink a {		
		color: #2c81d6;
		background: url(../images/icons/arrow-round-blue.gif) no-repeat;
		margin: 0;
		padding: 0 0 2px 15px;		
		text-decoration: none;
		display: block;
		}
	
	.home .greenInfoBox {
		padding: 30px 10px;
		}

	.greenInfoBox {
		padding: 0 0 20px 0;
		margin: 0 5px;
		}
	
	.greenInfoBox .bg ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	.greenInfoBox .bg li {
		padding: 0 0 3px;
		}	
	
	.greenInfoBox .bgTop {
		width: 161px;
		height: 2px;	
		background: url(../images/elements/greenBox-top.gif) top no-repeat;
		}
		
	.greenInfoBox .bg {
		margin: 0;
		padding: 0 0 10px;
		width: 161px;	
		background: url(../images/elements/greenBox1.gif) bottom no-repeat;
		background-color: #b0de01;
		}	
	
	.greenInfoBox .h1 {
		padding: 8px 5px 0 9px;
		font-size: 1.2em;
		color: #fff;		
		display: block;
		}	
	
	.greenInfoBox .info {
		padding: 7px 0 7px 10px;
		font-size: .9em;
		color: #333;
		}	

	.greenInfoBox a {
		color: #fff;
		padding: 0 0 0 25px;
		background: url(../images/icons/white.GIF) no-repeat 10px 2px;
		text-decoration: none;
		display: block;			
		}
		
	.greenInfoBox a:hover {
		color: #fff;
		text-decoration: underline;
		}		

	.greyInfoBox {
		padding: 0 0 20px 0;
		margin: 0 5px;
		}
	
	.greyInfoBox .bg ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	.greyInfoBox .bg li {
		padding: 0 0 3px;	
		}	
	
	.greyInfoBox .bgTop {
		width: 161px;
		height: 2px;	
		background: url(../images/elements/greyBox-top.gif) top no-repeat;
		}

	.greyInfoBox .bg {
		margin: 0;
		padding: 0 0 10px;
		width: 161px;	
		background: url(../images/elements/greyBox1.gif) bottom no-repeat;		
		background-color: #c2c2c2;
		}	
	
	.greyInfoBox .h1 {
		padding: 8px 5px 0 9px;
		font-size: 1.2em;
		color: #fff;		
		display: block;	
		}	
	
	.greyInfoBox .info {
		padding: 7px 0 7px 10px;
		font-size: .9em;
		color: #333;
		}	

	.greyInfoBox a {
		color: #fff;
		padding: 0 0 0 25px;
		background: url(../images/icons/white.GIF) no-repeat 10px 2px;
		text-decoration: none;
		display: block;		
		}
		
	.greyInfoBox a:hover {
		color: #fff;
		text-decoration: underline;
		}	
	
	.date {
		color: #999;
		font-size: .8em;
		padding: 0;
		margin: 0;
		line-height: 11px;
		}
		
	.newsBorder {
		padding: 5px 0 7px 0;
		margin: 0; 
		background: url(../images/elements/border-news-home.gif) bottom no-repeat;
		}					
	
	.newsBorder ul {
		padding: 0;
		margin: 0;
		font-size: .95em;
		list-style: none;
		}	
		
	.newsBorder li {
		padding: 0 0 0 1px;			
		}			
		
	.newsBorder li a {	
		background: url(../images/icons/newsBullet.GIF) no-repeat;
		padding: 0 0 0 8px;		
		margin: 0;	
		color: #000;			
		text-decoration: none;
		display: block;
		line-height: 13px;					
		}
		
	.newsBorder li a:hover{		
		text-decoration: underline;				
		}	
		
	.contentLeftLink {
		color: #2c81d6;
		margin: -15px 0 0 0 ;
		padding: 0 0 20px 0;
		}
		
	.contentLeftLink a {
		color: #2c81d6;		
		text-decoration: none;				
		background: url(../images/icons/arrow-round-blue.gif) no-repeat;
		padding: 0 0 0 18px;
		}	

	.contentLeftLink a:hover {	
		text-decoration: underline;				
		}		

	.homeImg {
		padding: 0 90px 0 0;
		margin: -40px 0 0 0;
		width: 96px;
		float: right;
		}			
		
	.homeRightTop {
		background: url(../images/elements/bg-rightcol-top-home.gif) no-repeat;
		background-color: #cbe6f1;
		height: 151px;
		padding: 5px 0 0;				
		}	

	.homeRightMiddle {
		background: url(../images/elements/bg-rightcol-middle-home.gif) no-repeat;
		background-color: #cbe6f1;		
		height: 148px;
		padding: 5px 0 0;	
		margin: -3px 0 0;	
		}	
		
	.homeRightBottom {
		background: url(../images/elements/bg-rightcol-bottom-home.gif) no-repeat;
		height: 163px;	
		padding: 5px 0 0;
		margin: -6px 0 0;	
		}	
		
	.homeCol2 ul {
		margin: 0;
		padding: 0 10px 0 15px;
		list-style: none;	
		}	
		
	.homeCol2 li {	
		margin: 5px 0 0 0;
		height: 25px;
		background: url(../images/elements/lines-dotted-white.gif) no-repeat 0 22px;		
		}

	.homeCol2 li.on {
		background-position: 0 -46px;
		}			
		
	.homeCol2 a {
		color: #000;
		text-decoration: none;
		background: url(../images/icons/arrow-round-blue.gif) no-repeat;
		padding: 0 0 0 18px;				
		}	

	.homeCol2 a:hover {
		text-decoration: underline;
		}					

	/* Lower page */
	.lowerPageMainText {
		width: 370px;
		background-color: #fff;
		padding: 30px 20px 0 20px;
		font-size: 1em;	
		}

	.lowerPageMainText .bulletedLink a {
		color: #2c81d6;		
		text-decoration: none;				
		background: url(../images/icons/arrow-round-blue.gif) no-repeat 0 -1px;
		padding: 0 0 0 20px;
		}	

	.lowerPageMainText .bulletedLink a:hover {	
		text-decoration: underline;				
		}	

	.lowerPageRightCol {
		background-color: #fff;
		margin: 170px 15px 0 0;
		padding: 18px 0 0;
		width: 170px;
		float: right;
		}
	
	.lowerPageRightCol p {	
		padding: 0 0 0 5px;
		}
		
	.lowerLeftCol {
		margin: 35px 0 0 0;
		padding: 0 12px 5px 12px;
		width: 160px;
		}					

	/* Lower left nav */
	.lowerNavLeft {
		margin: 0;
		padding: 0;
		}

	.lowerNavLeft ul { 
		margin: 0;
		padding: 0;
		list-style: none;	
		}

	.lowerNavLeft li { 
		padding: 6px 0;
		background: url(../images/elements/thirdNav-dividers.gif) no-repeat bottom;
		}	

	.lowerNavLeft li.on {
		background-position: 0 20px;
		padding: 0;
		margin: 2px 0 0 0;
		}
		
	.lowerNavLeft li.current a {
		background: url(../images/icons/arrow-round-grey-right.gif) no-repeat;
		}

	.lowerNavLeft li.other a {
		background: url(../images/icons/arrow-round-blue.gif) no-repeat;
		color: #2c81d6;
		}

	.lowerNavLeft a { 
		color: #000;
		background: url(../images/icons/arrow-round-grey.gif) no-repeat;
		text-decoration: none;	
		padding: 0 0 0 20px;
		display: block;		
		}
		
	.lowerNavLeft a:hover {
		text-decoration: underline;
		} 					

	/* Lower left nav 3rd level */
	ul.thirdNav  { 
		margin: 0;
		padding: 5px 0 0 0;
		list-style: none;	
		}
	
	.thirdNav li { 
		padding: 6px 0;
		background: url(../images/elements/thirdNav-dividers.gif) no-repeat bottom;
		}
		
	.thirdNav .selected {
		color: #000;
		}
		
	.thirdNav .selected a {
		color: #000;
		}
		
	.thirdNav .selected a:hover {
		color: #000;
		text-decoration: underline;
		}

	ul.thirdNav a { 
		color: #666;
		background: url(../images/icons/newsBullet.gif) no-repeat 20px 0;
		text-decoration: none;	
		padding: 0 0 0 28px;
		display: block;		
		}	
		
	.breadcrumbs {
		font-size: .9em;
		margin: 0;
		padding: 0 0 33px 20px;
		}
	
	.currentPage {
		color: #fff;
		}
	
	.intro {
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		width: 350px;
		margin: 0;
		padding: 0 0 10px;
		line-height: 22px;	
		}
		
	.diagrams {
		text-align:center;
		padding: 15px 10px 20px 0;
		}	
	
	.home .mainContent {
		font-size: 1em;
		width: 350px;
		margin: -10px 0 0 0;		
		}
		
	.mainContent {
		margin: -5px 0 0 0;
		padding: 0 10px 21px 0;
		line-height: 17px;	
		}	

	.mainContent a {
		color: #2c81d6;
		text-decoration: underline;		
		}			

	.mainContent a:hover {
		color: #666;
		text-decoration: underline;		
		}			

	.contentBackground {
		background-color: #fff;
		margin: 0 0 1px;
		padding: 0 0 40px;
		width: 569px;
		}

	.background {
		background-color: #fff;
		padding: 0 0 50px 0;
		margin: 0;
		width: 568px;
		}	
			
	/* News listing */
	.lower .date {
		color: #999;
		font-size: .9em;
		padding: 0;
		margin: 0;
		}	
		
	.newsListing {
		width: 350px;	
		background-color: #fff;
		float: left;
		background: url(../images/elements/divider-news-listing.gif) no-repeat bottom;
		margin: 0;
		padding: 18px 0;
		}	

	.newsListing a {
		font-size: 1.3em;
		color: #666;
		text-decoration: none;
		}
		
	.newsListing a:hover {
		font-size: 1.3em;
		color: #666;
		text-decoration: underline;
		}	
						
	.newsListingLast {
		width: 350px;	
		background-color: #fff;
		float: left;
		margin: 0;
		padding: 18px 0;
		}		

	.newsListingLast a {
		font-size: 1.3em;
		color: #666;
		text-decoration: none;
		}
		
	.newsListingLast a:hover {
		font-size: 1.3em;
		color: #666;
		text-decoration: underline;
		}
		
	.newsListingImg {
		float: left;
		padding: 0 10px 0 0;
		margin: 0;
		height: 90px;
		}	
		
	.newsListingLink a {
		font-size: 1em;
		color: #2c81d6;		
		text-decoration: underline;				
		}	
		
	.newsListingLink a:hover {	
		font-size: 1em;
		color: #666;	
		text-decoration: underline;				
		}

	.newsListingBorder {
		color: #999;
		font-size: .9em;
		width: 522px;
		padding: 0 0 50px 15px;
		}

	/* News results */
	
	.newsPages {
		float: left;
		width: 100px;
		padding: 10px 0 0;
		margin: 0;
		}
		
	.pageResults {
		padding: 10px 0 0;
		margin: 0;	
		float: right;
		}		
		
/* 5 :-------- Footer ------------ */


/* See structure.css */


/* 6 :-------- sIFR ------------ */

	/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	
	.sIFR-hasFlash h1 {
		visibility: hidden;
	}

		
		
		
		
