/* Basic Default Styles */
body {
	font: 0.9em "Trebuchet MS", Verdana;
	color: #000;
	background: #cc3; margin: 5px 0 5px 50%;
}
a:link, a:visited {
	font: 0.8em "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #000;
}
a:hover, a:active {
	font: 0.8em "Trebuchet MS", Verdana;
	text-decoration: none;
	color: #a60000;
}
/* I probably would have left off the border on the container, but
   Safari puts some sort of weird top margin on the div if there's
   no border. Silly, really. */
#container {
	position: relative;
	width: 700px;
	background: #33cc33 url(header1.jpg) no-repeat left top;
	margin: 0 0 0 -350px;
	/* Could also use margin-left and -right: auto
		but IE 5 PC doesn't like that */
	border: solid 5px #fff;
}
h3 { color: #a60000; font-size: 1.7em; font-family: "Trebuchet MS", Verdana; font-weight: normal; font-style: normal; line-height: normal; margin: 0; }
acronym {
	border: 0;
	font-style: normal;
}

/* Header - just provides space */
#pageHeader {
	height: 210px;
}
#pageHeader span {
	display: none;
}

/* Content */
#quickSummary { margin-top: 10px; width: 430px; margin-left: 250px; color: #000; height: 60%; }
#quickSummary a:link, #quickSummary a:visited {
	color: #000;
}
#quickSummary a:hover, #quickSummary a:active {
	color: #000;
}
/* This .p1 info is in the header image... */
.izda { position: relative; left: 10px; width: 200px; height: auto; float: left; }
.dcha { position: relative; left: 25px; width: 200px; height: 90px; float: left; }

#preamble {
	width: 430px;
	margin-left: 250px;
	margin-top: 20px;
}
#preamble h1 { font-size: 1.7em; margin-bottom: 0; }
#footer ul { position: relative; left: -15px; height: 12%; list-style-type: none; display: block; }
#footer li { text-align: left; float: left; margin-right: 8px; list-style-type: none; }
#footer a:link, #footer a:visited {
	color: #566047;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #566047;
	text-decoration: underline;
}
.tno { font-size: 2em; text-align: center; position: absolute; top: 300px; left: 0; padding-top: 80px; padding-left: 40px; display: block; }
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
}

/* Left Bar */
 #linkList { font-size: 0.9em; font-family: "Trebuchet MS", Verdana; font-weight: normal; font-style: normal; line-height: normal; position: absolute; left: 18px; top: 16px; width: 198px; background: url(left_footer.gif) no-repeat left bottom; padding-bottom: 18px; }
#linkList h3 {
	width: 198px;
	height: 60px;
	margin-top: 20px;
}
#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.select {
	background: url(left_select.gif) no-repeat left top;
}
#linkList ul { list-style: none; padding: 0; margin: 0; height: auto; overflow: hidden; }
#linkList li { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; float: left; border-bottom: 1px solid #1a4861; margin: 0; }
#linkList a { color: #000; font-size: 0.9em; background-image: url(li_bg.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-transform: none; width: 100%; float: left; padding: 0 10px; }
#linkList a:hover { background-image: url(lir.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-transform: none; padding: 0 10px; width: 100%; float: left; }
#linkList h4 { color: #a60000; font-size: 1.3em; text-decoration: underline; text-transform: lowercase; position: relative; top: -12px; margin-top: 12px; margin-bottom: -12px; }