@import url(basic.css);
@import url(tabs.css);
@import url(menu.css);

html, body { height: 100%; }
	
body { margin: 0;	padding: 0;	text-align: center; background: #ECECEC url(background.gif) center top repeat-y; }
	
#container {
	position: relative;
	width: 751px;	
	padding: 0;
	margin: 0 auto;
	text-align: left;
	z-index: 2;
	height: 100%;
}

html>body #container {
	height: auto;
	min-height: 100%;
}


	
/* Header */

#header {	position: relative;	height: 130px; margin-bottom: 30px; }
	
#logo {	position: absolute;	left: 0;	top: 38px; width: 330px; height: 33px;	}
#pia { position: absolute; right: 0; top: 48px; width: 160px; height: 33px;	}
	
#buttons { color: #EBF1F5; font-size: 11px; }
#buttons a:link, #buttons a:visited { color: #EBF1F5; text-decoration: none; }
#buttons a:hover, #buttons a:active { color: #EBF1F5; text-decoration: underline; }

#buttonsright { position: absolute; right: 0; top: 6px; }
#buttonsright span { padding-left: 10px; }

#buttonsleft { position: absolute; left: 2px; top: 6px; }
#buttonsleft span { padding-right: 10px; }

	
#tabs {	position: absolute;	left: 0;	top: 100px;	height: 28px;	width: 751px;	background-image: url(tabs2.jpg); }

#bar { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; background: url(bar.gif) center top no-repeat; height: 33px; }



/* Middle */
	
#menu {	width: 175px;	margin: 4px 35px 35px 0;	float: left; }
#content { width: 540px; float: left; padding-bottom: 30px;  }
#content form { padding: 0; margin: 0; }
	
#spread {	padding-bottom: 60px; margin-right: -4px; }
	
#clear {	height: 16px;	clear: both; }	
	
	
/* Footer */

#footer {	position: absolute;	bottom: 0; height: 24px;	margin: 0; font-size: 11px; color: #777777; border-top: 1px solid #333333; padding-top: 2px;	 }
	
#copyright { float: left;	width: 175px;	}

#links { float: right; color: #CCCCCC; width: 540px; text-align: right; }
#links a:link, #links a:visited {	text-decoration: none; color: #666666; }
#links a:hover, #links a:active {	text-decoration: underline;	color: #333333;	}

	
/* Tables */

table { margin: 20px 0px 20px 0px; padding: 3px 4px 5px 4px; vertical-align: middle; }
table td { margin: 20px 0px 20px 0px; padding: 3px 4px 5px 4px; vertical-align: middle; }

table.gridhoriz { border-top: 1px solid #666666; }
table.gridhoriz td { border-bottom: 1px solid #666666; }

table.gridvert { border-left: 1px solid #666666; }
table.gridvert td { border-right: 1px solid #666666; }

table.gridboth { border-top: 1px solid #666666; border-left: 1px solid #666666; }
table.gridboth td { border-bottom: 1px solid #666666; border-right: 1px solid #666666; }

table p {margin: 6px 0; padding: 0; }


/* Misc */

#homeboxes { float: right; margin: 5px 0 30px 20px; width: 250px; }
#homeboxes img { margin-bottom: 10px; }

#homesections {
	list-style-type: none; margin: 0 0; padding-left: 0;
	background: url(homearrows.gif) 18px 3px no-repeat;
	padding-top: 2px; padding-bottom: 2px;
	}
#hs01 { padding-left: 50px; } #hs02 { padding-left: 60px; } #hs03 { padding-left: 70px; }
#hs04 { padding-left: 80px; } #hs05 { padding-left: 90px; } #hs06 { padding-left: 100px; }
	
#homewithin {	list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 4px; background: url(ticks.gif) 14px 0 no-repeat;	}
#homewithin li { padding-left: 40px;  }

#creditstext, #creditstext p { font-size: 11px; line-height: 1.2em; }
#creditstext { margin-bottom: 20px; }
#creditstext li { padding-bottom: 6px; }


/* Contribute */

#contribute { position: absolute; top: 150px; left: 550px; }
#contribute	{ width: 200px; height: 35px; background: url(contribute.gif) 0 0 no-repeat; text-decoration: none; text-indent: -999em; }
#contribute a { display: block; height: 100%; width: 100%; }
#contribute a:hover, #contribute a:active { background: url(contribute.gif) 0 -35px no-repeat; }