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

html, body {
            width:100%; 
			height:100%; 
			text-align:center; 
			color:#000000; 
			background:#000000 url(../images/back.gif) repeat-x 0 0
			}
acronym {text-decoration:none; font-weight:bold; font-style:normal; cursor:help}

.accesskey {text-decoration:underline}

/* container */

#container {
            position:relative; 
			width:700px; 
			margin:0 auto; 
			font:90% Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; 
			text-align:left; 
			/*background:#000000 url(../images/container.gif) no-repeat 20% 100%*/
		   }

#container p {margin:10px 20px 0; line-height:140%; text-align:justify}
#container p.p1 {text-indent:20px}
#container p.p5 {margin:20px 40px 0; font:italic small-caps bold 90% Arial, Helvetica, sans-serif; text-align:center}

#container a:link, #container a:visited {color:#000000; text-decoration:none; background:transparent; border-bottom:1px solid #000000}
#container a:hover, #container a:focus {color:#3c4246; text-decoration:none; background:transparent; border-bottom:2px solid #3c4246}
#container a:active {color:#d8dde0; text-decoration:none; background:#3c4246; border-bottom:2px solid #3c4246}

/* Header */

#Header {
             position:relative; 
			 width:700px; 
			 height:250px; 
			 background:#000000 url(../images/topheader.gif) no-repeat 0 0; 
			 text-indent:-10000
			}

/* eventsummary */

#eventsummary {position:absolute; top:120px; left:280px; width:420px; height:130px}

#eventsummary p {margin:20px 0 0 0; line-height:120%; text-align:right}
#eventsummary p.p1 {
                    text-indent:0; 
					background:#fff; 
					font-variant:small-caps;
					font-family: "Times New Roman"
				   }
#eventsummary p.p2 {background:#000000; color:#d8dde0; letter-spacing:1px; word-spacing:5px}

#eventsummary a:link, #eventsummary a:visited {color:#d8dde0; background:transparent; border-bottom:2px solid #d8dde0}
#eventsummary a:hover, #eventsummary a:focus {color:#000000; background:#d8dde0; border-bottom:2px solid #d8dde0}
#eventsummary a:active {color:#000000; background:#3c4246; border-bottom:2px solid #3c4246}

/* event */

#event {position:relative; top:10px; left:10px; width:700px; padding:0 0 10px; background:#d8dde0 url(../images/bottom460px.gif) no-repeat 0 100%}

#event h3 {width:700px; height:40px; background:url(../images/events.gif) no-repeat 0 0; text-indent:-10000px}
#event:hover h3 {background:url(../images/events.gif) no-repeat 0 -40px}

/* supportingText */

#supportingText {position:relative; top:20px; left:240px; width:420px}

#explanation, #participation, #benefits {background:#d8dde0}
#requirements {padding:0 0 20px; background:#d8dde0 url(../images/bottom420px.gif) no-repeat 0 100%}

#supportingText h3 {width:420px; height:40px; text-indent:-10000px}

#explanation h3 {background:url(../images/explanation.gif) no-repeat 0 0}
#participation h3 {background:url(../images/participation.gif) no-repeat 0 0}
#benefits h3 {background:url(../images/benefits.gif) no-repeat 0 0}
#requirements h3 {background:url(../images/requirements.gif) no-repeat 0 0}

#explanation:hover h3 {background:url(../images/explanation.gif) no-repeat 0 -40px}
#participation:hover h3 {background:url(../images/participation.gif) no-repeat 0 -40px}
#benefits:hover h3 {background:url(../images/benefits.gif) no-repeat 0 -40px}
#requirements:hover h3 {background:url(../images/requirements.gif) no-repeat 0 -40px}

/* footer */

#footer {position:absolute; top:36px; left:440px; width:50px; height:300px; background:#000000 url(../images/footer.gif) no-repeat 0 0}

#footer a {float:left; clear:left; display:block; width:20px; height:60px; text-indent:-10000px; overflow:hidden}

#footer a:link, #footer a:visited {background:transparent; border:0}
#footer a:hover, #footer a:focus {background:transparent url(../images/footer.gif) no-repeat 0 -300px; border:0}
#footer a:active {background:#3c4246 url(../images/footer.gif) no-repeat 0 -300px; border:0}

/* linkList */

#linkList {position:absolute; top:256px; left:0; width:120px; font:100% "Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif; text-align:center}

#linkList h3, #linkList li {float:left; clear:left; width:120px; height:40px; overflow:hidden}
#linkList h3 {text-indent:-10000px}
#linkList li {list-style:none; color:#885c2f}

#lselect h3 {background:url(../images/design.gif) no-repeat 0 0}
#larchives h3 {background:url(../images/archives.gif) no-repeat 0 0}
#lresources h3 {background:url(../images/resources.gif) no-repeat 0 0}

#lselect:hover h3 {background:url(../images/design.gif) no-repeat 0 -40px}
#larchives:hover h3 {background:url(../images/archives.gif) no-repeat 0 -40px}
#lresources:hover h3 {background:url(../images/resources.gif) no-repeat 0 -40px}

#lselect li {line-height:130%; background:#0A226D url(../images/li.gif) no-repeat 0 0}
#larchives li {line-height:260%; background:#708dab url(../images/li.gif) no-repeat 0 0}
#lresources li {line-height:260%; background:#88b500 url(../images/li.gif) no-repeat 0 0}

#lselect li:hover {background:#e7923c url(../images/li.gif) no-repeat 0 -40px}
#larchives li:hover {background:#7d97b3 url(../images/li.gif) no-repeat 0 -40px}
#lresources li:hover {background:#93bc17 url(../images/li.gif) no-repeat 0 -40px}

#linkList a {display:block}
#linkList a.c {display:inline; text-transform:lowercase}

#lselect a:link, #lselect a:visited {color:#ffffff; background:transparent; border:0; font-weight:bold; text-decoration:none}
#lselect a:hover, #lselect a:focus {color:gray; background:transparent; border:0; font-weight:bold; text-decoration:underline}
#lselect a:active {color:#ffffff; background:transparent; border:0; font-weight:bolder; text-decoration:underline}

#lselect a.c:link, #lselect a.c:visited {color:#885c2f; background:transparent; border:0; font-weight:normal; text-decoration:none}
#lselect a.c:hover, #lselect a.c:focus {color:#000000; background:transparent; border:0; font-weight:normal; text-decoration:underline}
#lselect a.c:active {color:#000000; background:transparent; border:0; font-weight:bold; text-decoration:underline}

#larchives a:link, #larchives a:visited, #lresources a:link, #lresources a:visited {color:#000000; background:transparent; border:0; font-weight:normal; text-decoration:none}
#larchives a:hover, #larchives a:focus, #lresources a:hover, #lresources a:focus {color:#000000; background:transparent; border:0; font-weight:normal; text-decoration:underline}
#larchives a:active, #lresources a:active {color:#000000; background:transparent; border:0; font-weight:bold; text-decoration:underline}

/* extraDiv */

#extraDiv1 {height:60px}

  INPUT.text {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 8.5pt; BACKGROUND: #eeeeee; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, sans-serif
}
  SELECT.text {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 7.5pt; BACKGROUND: #eeeeee; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, sans-serif
}
  CHECKBOX.text {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 8.5pt; BACKGROUND: #eeeeee; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, sans-serif
}
  INPUT.textarea {
	BACKGROUND-COLOR: #EEEEEE; SCROLLBAR-TRACK-COLOR: #EEEEEE; SCROLLBAR-ARROW-COLOR: black;
}
INPUT.submit {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 8.5pt; BACKGROUND: #eeeeee; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-STYLE: oblique; FONT-FAMILY: Verdana, Arial, sans-serif
}