html, body {

	background-attachment: fixed;

	margin: 0;

	padding: 0;

	font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;

	background-color: #601c12;

	background-image: url(images/main_bg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}



abbr, acronym {

	border-bottom: 1px dotted #FFE6F0;

}



div#pageHeader h1, div#pageHeader h2, div#linkList h3 {

	display: none;

}



div#container {

	display: block;

}



div#intro {

	display: block;

}



@media screen {

	div#pageHeader, div#quickSummary {

	position: absolute;

	}

		

	* html div#pageHeader, * html div#quickSummary {

		position: absolute;

	}

}



div#pageHeader {
	left: 0;
	top: 42px;
	width: 200px;
	height: 320px;
	background-image: url(images/logo2010.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}



div#quickSummary {

	left: 0;

	top: 250px;

	width: 185px;

	color: #FFE6F0;

	font-size: 12px;

	padding: 5px;

	padding-right: 10px;

}



div#quickSummary a {

	font-weight: bold;

	color: #FFE6F0;

}



div#quickSummary a:hover {

	color: #FFCC00;

}



div#preamble, div#supportingText {

	margin-left: 463px;

	padding: 10px;

	padding-left: 20px;

	padding-bottom: 0;

}



div#preamble h3, div#supportingText h3 {

	display: block;

	margin: 0;

	padding: 0;

	padding-left: 20px;

	color: #FFFFFF;

	font-size: 24px;

	line-height: 50px;

	text-transform: capitalize;

	background-color: #000;

	background-image: url(grama_ok.jpg);

	background-repeat: repeat;

	background-position: left top;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}



div#preamble p, div#supportingText p {

	font-size: 14px;

	color: #FFFFFF;

	line-height: 1.5em;

}



div#preamble a, div#supportingText a {

	color: #ffcc33;

}



div#preamble a:hover, div#supportingText a:hover {

	color: #FFFFFF;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

}



div#preamble abbr, div#preamble acronym, div#supportingText abbr, div#supportingText acronym {

	border-bottom: 1px dotted #000;

}



div#footer {

	display: block;

	height: 20px;

	padding: 3px;

	font-size: 12px;

	line-height: 20px;

	text-align: center;

	margin-bottom: 10px;

	background-color: #FFCC33;

	background-image: url(images/risca.jpg);

	background-repeat: repeat;

	background-position: left top;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	color: #000000;

}



div#footer a {

	color: #FFF;

	font-weight: bold;

}



div#footer a:hover {

	color: #000;

}



div#linkList {

	position: absolute;

	left: 202px;

	top: 42px;

	width: 263px;

	font-family: Baskerville, Georgia, Garamond, Times New Roman, serif;

}



div#linkList ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



div#linkList ul {

	list-style: none;

}



div#linkList ul li {

	border-bottom: 1px solid #CCC;

}



div#linkList ul li a {

	display: block;

	padding: 5px;

	padding-left: 20px;

	padding-right: 20px;

	font-weight: bold;

	font-size: 12px;

	color: #eb9b53;

	text-transform: uppercase;

	text-decoration: none;

}



div#linkList ul li a:hover {

	background-color: #000;

	color: #FFF;

}



div#linkList div#lselect ul li {

	padding: 5px;

	padding-left: 20px;

	padding-right: 20px;

	font-size: 10px;

}



div#linkList div#lselect ul li a {

	padding: 0;

	font-size: 12px;

}



div#linkList div#lselect ul li a:hover {

	color: #000;

	background-color: #FFF;

}



div#linkList div#lselect ul li a.c {

	display: inline;

	text-transform: none;

	font-size: 10px;

	color: #000;

}



div#linkList div#lselect ul li a.c:hover {

	text-decoration: underline;

}



div#linkList div#lselect, div#linkList div#larchives, div#linkList div#lresources {

	display: block;

	margin-top: 10px;

}



div#linkList div#lselect h3, div#linkList div#larchives h3, div#linkList div#lresources h3 {

	display: block;

	height: 35px;

	width: 100%;

	margin: 0;

	padding: 0;

}



div#linkList div#lselect h3 span, div#linkList div#larchives h3 span, div#linkList div#lresources h3 span {

	display: none;

}



div#linkList div#lselect h3 {	

	background: url(images/ll_selectadesign.gif) left top no-repeat;

}



div#linkList div#larchives h3 {

	background: url(images/ll_archives.gif) left top no-repeat;

}



div#linkList div#lresources h3 {

	background: url(images/ll_resources.gif) left top no-repeat;

}