/* CSS Document */

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

html, body {
	margin: 0px; padding: 0px;
	height: 100%;
}

body {
	font-size: 0.85em;
	font-family: Arial,Verdana,sans-serif; color: #333;
	text-align: center;/* centers page content in older versions of IE */
/*	scrollbar-base-color:#E9E9E9;	*/
	scrollbar-3dlight-color: #E9E9E9/*#F9F9F9*/;
	scrollbar-arrow-color: #A5A5A5;
	scrollbar-base-color: #E9E9E9;
	scrollbar-darkshadow-color: #E9E9E9/*#B6B6B6*/;
	scrollbar-face-color:#E9E9E9;
	scrollbar-highlight-color: #E9E9E9/*#F9F9F9*/;
	scrollbar-shadow-color: #E9E9E9/*#D9D9D9*/;
	scrollbar-track-color: #D8D8D8;
}

body.home, body.content { background: #FFF; }

/*	--	Required for vertical centering	--	*/
#distance {
	width: 22px;
	height: 50%;
	margin-bottom: -300px;	/* half of container's height */
	float: left;
	background: #FFF url(../images/scale.gif) no-repeat/*repeat-y*/;
}
#distance.admin {
	background: #FFF url(../images/admin.gif) no-repeat;
}

#container {
	margin: 0 auto;
	position: relative;	/* puts container in front of distance */
	clear: left;
	width: 810px;
	height: 600px;
	border: 1px solid #06F;
}

#comments, #comments_view, #comments_home {
	margin: 0 auto;
	position: relative;
	clear: both;
	float: left;
	width: 200px;
	height: 444px;/*396px;*/
	margin-top: 81px;
	margin-left: 780px;
	padding: 10px;
	text-align: left;
	border: 1px solid #F00;
	z-index: 9999;
	background: #EEE;
}
#comments_view {
	height: 216px;
	margin-top: 320px;
	margin-left: 540px;
}
#comments_home {
	width: 180px;
	height: 360px;/*300px;*/
	margin-top: 184px;
	margin-left: 800px;
}
#comments h2, #comments_view h2, #comments_home h2 {
	color: #06C;
	font-size: 110%;
	margin-bottom: 5px;
}
#comments h3, #comments_view h3, #comments_home h3 {
	color: #555;
	font-size: 100%;
	margin-bottom: 5px;
}
#comments p, #comments_view p, #comments_home p {
	color: #777;
	font-size: 85%;
	margin-bottom: 5px;
}
#comments ol {
	margin-bottom: 10px;
}
#comments ol li {
	color: #777;
	font-size: 85%;
	margin-left: 22px;
}
#comments_home ul {
	color: #777;
	font-size: 85%;
	margin-bottom: 10px;
}
#comments_home li {
	margin-left: 20px;
	margin-bottom: 5px;
}
#comments_home a {
	color: #039;
	text-decoration: none;
}
#comments_home a:hover {
	color: #06C;
	text-decoration: underline;
}

#masthead {
	position: absolute; left: 0px; top: 0px;
	width: 770px;
	height: 90px; min-height: 90px;
	text-align: left;
	border: 0;
	padding: 20px 20px 20px 20px;
	background: #FFF;/**/
}
#masthead.home {
	height: 310px;
}
#masthead.content {
	height: 140px;
}
#banner {
	width: 770px;
	height: 310px;/*330px;*/
	background: #06C;
}
#masthead.content #banner {
	height: 140px;
}

/*	--	MAIN HOME PAGE NAV BUTTONS
	-----------------------------------------------------------------	*/
#menu {
	position: absolute; left: 0px; top: 180px;
	width: 810px;
	height: 20px;
	font-size: 90%;
	background: #0AF;
}
#menu.home {
	position: absolute; left: 0px; top: 350px;
}
#menu .button {
	float: left;
	width: 14.25%;
	margin-top: 2px;
}
#menu.admin .button {
	width: 12.5%;
}
#menu .button a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#menu .button a:hover {
	text-decoration: underline;
}

#submenu {
	position: absolute; left: 0px; top: 200px;
	width: 810px;
	height: 20px;
	font-size: 85%;
	background: #BEF;
}
#submenu.home {
	position: absolute; left: 0px; top: 370px;
}
#submenu .button {
	float: left;
	width: 14.25%;
	margin-top: 2px;
}
#submenu.admin .button {
	width: 12.5%;
}
#submenu .button a {
	font-weight: bold;
	color: #99C;
	text-decoration: none;
}
#submenu .button a:hover {
	text-decoration: underline;
}
#submenu .button.home a {
	color: #08E;/*#0AF;*/
}

#page {
	position: absolute; left: 0px; top: 220px;
	width: 810px;
	height: 380px;
	margin: 0px; padding: 0px; border: 0px;
	font-size: 80%;
	text-align: left;
	background: #FFF;
}
#page.home {
	top: 390px;
	height: 210px;
}
#page.content {
	/**/
}

/*	--	PANELS FOR HOME PAGE
	-----------------------------------------------------------------	*/
#page .panel {
	position: relative;
	float: left;
	margin-top: 15px;
	padding: 10px;
	width: 230px;
	height: 160px;
	background: #E9E9E9;
}
#page .panel a {
	color: #039;/*#336;*/
	text-decoration: none;
}
#page .panel a:hover {
	color: #06C;
	text-decoration: underline;
}
#page .panel p.link {
	margin-top: 5px;
}
#page .panel h1 {
	font-size: 110%;
	font-weight: bold;
	color: #06C;
}
/*	This is heading for current news item on home page	*/
#page .panel h2 {
	font-size: 110%;
	font-weight: bold;
	color: #06C;
}
#page .panel.left {
	margin-left: 20px; margin-right: 10px;
}
#page .panel.parent {
	padding: 0px;
	width: 250px;
	height: 170px;
	background: #FFF;
}
#page .panel .panel {
	margin-top: 0px;
	margin-bottom: 10px;
	height: 50px;
	background: #E9E9E9;
}
#page .panel.right {
	margin-left: 10px; margin-right: 20px;
}
#page .panel.right.flyontrack {
	background: #06C;
}
#page .panel .window {
	width: 210px;
	height: auto;/*30px;*/
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	background: #FFF;
}
#page .panel .window p.link {
	margin-top: 0px;
}
#page .panel.right.flyontrack .window {
	height: 150px;
	background: #BEF;
}
#page .panel .window h1 {
	font-size: 120%;
	font-weight: bold;
	color: #06C;
}
#page .panel.right.flyontrack .window h1 {
	font-size: 160%;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 2px dashed #39F;
}
#page .panel.right.flyontrack .window a {
	color: #06C;
}
#page .panel.right.flyontrack .window a:hover {
	color: #336;
}

/*	--	Specifically targeted at content pages
	--	e.g. every page other than home page
	-----------------------------------------------------------------	*/

#page.content .panel {
	margin-left: 20px; margin-right: 20px;
	width: 750px;
	height: 330px;
}
#page.content .panel .window {
	width: 730px;
	height: 320px;
}
#page.content .panel .window h1 {
	font-size: 130%;
}
#page.content .panel .window h2 {
	font-size: 130%;
	color: #06C;
}
#page.content .panel .window h3 {
	font-size: 120%;
	color: #333;
	margin-bottom: 0px;
}
#page.content .panel .window p {
	margin-bottom: 10px;
}
#page.content .panel .window p.date {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
}
#page.content .panel .window .panel {
	width: 450px;
	height: 255px;
	overflow: auto;
	padding: 0px; padding-right: 20px;
	margin: 0px;
	background: #FFF;
}
#page.content .panel .window .panel h1 {
	font-size: 120%;
/*	padding-top: 10px;	*/
}
#page.content .panel .window .panel h2 {
	font-size: 120%;
/*	padding-top: 10px;	*/
}
#page.content .panel .window .panel h3 {
	font-size: 120%;
	color: #333;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/*	--	So that headings other than the first have 10px space above (eg between items)	*/
#page.content .panel .window .panel > h1:first-child {
	padding-top: 0px;
}
#page.content .panel .window .panel > h2:first-child {
	padding-top: 0px;
}
#page.content .panel .window .panel.links h1 {
	font-size: 120%;
	margin-bottom: 10px;
}

#page.content .panel .window .panel ul {
/*	margin-bottom: 10px;		removed 2008-Apr-04	*/
}
#page.content .panel .window .panel ul li {
	padding-left: 0px;
	margin-left: 20px;
}
#page.content .panel .window .panel ol li {
	padding-left: 0px;
	margin-left: 24px;
}

#page.content .panel .window .panel.links .link {
	font-weight: bold;
}

/*	--	General
	-----------------------------------------------------------------	*/
.link { color: #039; }

acronym { border-bottom: 1px dotted #999; }

#footer {
	position: absolute; left: 0px; top: 610px;
	width: 810px;
	height: 50px; min-height: 50px;
	text-align: left;
	color: #999;
	font-size: 80%;
	background: #FFF;/**/
}

.greyout {
	color: #AAA; }

/* -- Added by Moosh */
table {
	border-collapse: collapse;
/*	width: 99%;	*/
	margin-left: 1px;
}

th {
	background-color: #EEE;
	border: 1px #CCC solid;
	vertical-align: top;
	padding: 1px 2px 2px 2px;
}

td {
	background-color:#fff;
	border: solid 1px #CCC;
	vertical-align: top;
	padding: 1px 2px 2px 2px;
}

#UploadedLayer {
	background-color: #fff;
	border: 1px solid #000;
	display: none;
	height: 240px;
	left: 369px;
	overflow-y: auto;
	position: absolute;
	top: 85px;
	width: 320px;
}

#ImageLayer {
	background-color: #fff;
	border: 1px solid #000;
	display: none;
	height: 240px;
	left: 420px;
	overflow-y: auto;
	position: absolute;
	top: 85px;
	width: 320px;
}