/*
HTML Page elements
---------------------
*/

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 19px;
		color: #000000;
		background-color: #0058a9;
	}
	
	p {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	a {
		color: #004380;
		text-decoration: underline;
	}
	a:visited {
		color: #004380;
		text-decoration: underline;
	}
	a:hover {
		color: #ec6921;
		text-decoration: underline;
	}
	
	form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	hr {
		display: none;
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	.floatRight {
		float: right;
	}
	.floatLeft {
		float: left;
	}
	.picBorder {
		border: 1px solid #000000;
	}
	.picLeft {
		display: block;
		clear: both;
		float: left;
		margin: 5px 15px 12px 0px;
	}
	.picRight {
		display: block;
		clear: both;
		float: right;
		margin: 5px 0px 12px 15px;
	}	
	
	ul {
		display: block;
		margin: 3px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul li {
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 15px;
		background-image: url("images/common/list-bullet.gif");
		background-position: 0px 7px;
		background-repeat: no-repeat;
	}
	
	.hidden {
		display: none;
	}
	
	.centered {
		text-align: center;
	}
	.noTopMargin {
		margin-top: 0px !important;
	}
	

/*
Misc positioning elements
-------------------------
*/

	#miscTags {
		display: none;
	}
	
	#fullBrowserWidth {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align: center;
	}

	#usborneBarArea {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 30px;
		background-image: url("/images/common/mini-header/header-bg-tile.gif");
		background-repeat: repeat-x;
		background-color: #333333;
		text-align: left;
		overflow: hidden;
	}
	#usborneBarArea a {
		display: block;
		margin: 0px 0px 0px 3px;
		padding: 0px 0px 0px 0px;
		width: 250px;
		height: 30px;
	}
	#usborneBarArea a#miniLink {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 8px 0px 0px;
		width: auto;
		height: 30px;
		top: 7px;
		right: 0px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px;
		line-height: 14px;
		color: #ffffff;
		text-decoration: underline;
	}

	#centredPage {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		text-align: left;
	}

/* 
Branding bar elements
-------------------------
*/
	#brandingBar {
		height: 60px;
		background-image: url("images/common/branding-bar-tile.jpg");
		background-repeat: repeat-x;
		position: relative;
	}
	
	#brandingBarContent {
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		text-align: left;
	}
	
	#brandingBar #brandingBarContent img#usborneLogo {
		margin-top: 5px;
		margin-left: 10px;
	}	
	
	#brandingBarButtons {
		display: block;
		position: absolute;
		top: 0px;
		right: 5px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#brandingBarButtons a, #brandingBarButtons a:visited {
		background-color: #343735;
		background-image: url("images/common/branding-bar-button-off-right.gif");
		background-position: top right;
		background-repeat: no-repeat;
		color: #ffffff;
		text-decoration: none;
		display: block;
		float: left;
		position: relative;
		margin: 0px 0px 0px 10px;
		padding: 0px 10px 0px 10px;
		height: 22px;
		font-size: 11px;
		line-height: 22px;
	}
	
	#brandingBarButtons a span.buttonLeftEdge, #brandingBarButtons a:visited span.buttonLeftEdge {
		background-image: url("images/common/branding-bar-button-off-left.gif");
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top: 0px;
		left: 0px;
		width: 5px;
		height: 22px;
		overflow: hidden;
	}
	
	#brandingBarButtons a:hover {
		background-color: #9ac93c;
		background-image: url("images/common/branding-bar-button-over-right.gif");
		color: #ffffff;
		text-decoration: none;
	}
	
	#brandingBarButtons a:hover span.buttonLeftEdge {
		background-image: url("images/common/branding-bar-button-over-left.gif");
	}
	

/*
Header elements
-------------------------
*/

	#headerArea {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		height: 234px;
	}

	#headerArea img#ywaLogo {
		position: absolute;
		top: 25px;
		left: 5px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#headerArea img#introText {
		position: absolute;
		top: 75px;
		left: 225px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#headerArea img#headerTree {
		position: absolute;
		top: 0px;
		left: 695px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#headerArea h1, #headerArea p {
		display: none;
	}
	
/*
Tab elements
-------------------------
*/
	#tabArea {
		height: 54px;
		width: 1010px;
		background-image: url("images/common/page-top.jpg");
		background-repeat: no-repeat;
		overflow: hidden;
	}
	#tabArea #tabButtonArea dl {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		height: 54px;
	}	
	#tabArea #tabButtonArea dl dt {
		display: none;
	}
	#tabArea #tabButtonArea dl dd {
		display: block;
		position: relative;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	#tabArea #tabButtonArea dl dd.tabOff {
		margin: 0px 8px 0px 4px;
	}
	#tabArea #tabButtonArea dl dd.tabOn {
		margin: 0px 4px 0px 0px;
	}
	#tabArea #tabButtonArea dl dd a {
		display: block;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 14px 12px 0px 12px;
		height: 54px;
		font-size: 22px;
		line-height: 30px;
		float: left;
	}
	#tabArea #tabButtonArea dl dd.tabOn a {
		padding: 14px 16px 0px 16px;
	}
	#tabArea #tabButtonArea dl dd#tab0.tabOff {
		margin-left: 4px;
	}
	#tabArea #tabButtonArea dl dd.tabOff a:link, #tabArea #tabButtonArea dl dd.tabOff a:visited {
		color: #004380;
		text-decoration: none;
	}
	#tabArea #tabButtonArea dl dd.tabOff a:hover {
		color: #ec6921;
		text-decoration: none;
	}
	
	#tabArea #tabButtonArea dl dd.tabOff {
		background-image: url("images/common/tab-off.gif");
		background-position: top right;
		background-repeat: repeat-x;
	}	
	#tabArea #tabButtonArea dl dd.tabOn a:link, #tabArea #tabButtonArea dl dd.tabOn a:visited, #tabArea #tabButtonArea dl dd.tabOn a:hover {
		color: #004380;
		text-decoration: none;
	}
	
	#tabArea #tabButtonArea dl dd.tabOn {
		background-image: url("images/common/tab-on.gif");
		background-position: top right;
		background-repeat: no-repeat;
	}
	#tabArea #tabButtonArea dl dd.tabOn a {
		background-image: url("images/common/tab-left.gif");
		background-repeat: no-repeat;
	}
	#tabArea #tabButtonArea dl dd#tab0.tabOn a {
		background-image: url("images/common/tab-home-left.jpg");
		background-repeat: no-repeat;
	}
		
/*
Page structure elements
-------------------------
*/

	#pageArea {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		background-image: url("images/common/page-tile.jpg");
		background-repeat: repeat-y;
	}

	#pageContent {
		display: block;
		position: relative;
		margin: 0px 5px 0px 5px;
		padding: 0px 0px 0px 0px;
		width: 1000px;
	}

	.edgePaddedContent {
		display: block;
		width: 960px;
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
	}
	#pageContent p.largeText {
		font-size: 20px;
		line-height: 24px;
	}
	#pageContent h2 {
		color: #539c24;
		font-size: 30px;
		line-height: 34px;
	}
	#pageContent h3 {
		margin: 30px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
		color: #539c24;
	}
	#pageContent h3 a, #pageContent h2 a:visited {
		text-decoration: none;
		color: #004380;
	}
	#pageContent h3 a:hover {
		color: #ec6921;
		text-decoration: underline;
	}
	#pageContent h4 {
		margin: 20px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 16px;
		line-height: 22px;
		font-weight: normal;
		color: #539c24;
	}
	#pageContent .twoColumns {
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		width: 960px;
	}
	
	#pageContent .leftColumn {
		float: left;
		margin: 40px 0px 20px 0px;
		padding: 0px 20px 0px 0px;
		width: 620px;
		/*border-right: 1px solid #c5c3a4;*/
	}
	
	#pageContent .rightColumn {
		float: right;
		margin: 40px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 285px;
	}
	
	#pageContent .rightColumn img {
		margin: 10px 0px 10px 0px;
	}
	
/*
General styling elements
-------------------------
*/

	.introParagraph {
		font-size: 16px;
		line-height: 20px;
	}

	
/*
Quote elements
-------------------------
*/
	
	#pageContent blockquote {
		margin: 0px 0px 10px 0px;
		padding: 15px 20px 15px 20px;
		position: relative;
		background-color: #fbf7a9;
	}
	
	#pageContent #twoColumnsLeftColumn blockquote {
		margin-left: -15px;
		padding: 10px 20px 10px 15px;
	}
	
	#pageContent #twoColumnsRightColumn blockquote {
		margin-right: -15px;
		padding: 10px 15px 10px 20px;
	}
	
	#pageContent blockquote p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#pageContent blockquote .quoteText {
		font-size: 20px;
		line-height: 24px;
		color: #0e70b1;
	}
	
	#pageContent blockquote .quoteSubject {
		font-weight: bold;
	}
	
	#pageContent blockquote .quoteAttribution {
		font-style: italic;
	}
	
	
/*
Page shadow
-------------------------
*/
	#pageBottom {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 1010px;
		height: 4px;
		overflow: hidden;
		background-image: url("images/common/page-bottom.jpg");
		background-repeat: no-repeat;
	}
	
/*
Copyright elements
-------------------------
*/
	
	#copyrightNotice {
		display: block;
		margin: 20px 0px 20px 0px;
		font-size: 13px;
		line-height: 17px;
		text-align: center;
	}
	#copyrightNotice p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #ffffff;
	}
	#copyrightNotice a {
		text-decoration: none;
		color: #ffffff;
	}
	#copyrightNotice a:visited {
		text-decoration: none;
		color: #ffffff;
	}
	#copyrightNotice a:hover {
		text-decoration: underline;
		color: #ffffff;
	}