* {
 padding: 0;
 margin: 0;
 }
body	{
 padding: 10 0 0 0;
 background:#333;
 color: #333;
 font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
 text-align: center;
 height: 100%;
 max-height: 100%;
 min-height: 100%;
 line-height: 16px;
 }
/* ---------- div ---------- */

#container {
 padding: 0px 0px;
 width: 600px !important;
 margin: 0 auto;
 margin-top:20px;
 background: #fff url(../container.gif) repeat-y;
 text-align: left;
 position: relative;
 border: 4px solid #fff;
 
 }
#quickSummary, #content, #supportingText div {
 margin: 0 0 0 130px;
 padding: 5px 20px;
 width: 425px !important;
 }
#quickSummary {
 padding: 15px 20px;
 background: url(../line.gif) no-repeat 50% 100%;
 }
#content {
 padding-top: 5px 0 30px 0;
 min-height:300px;

 }
#supportingText #requirements {
 padding-bottom: 12px;
 }
#supportingText #footer {
 padding: 12px 0px;
 text-align: center;
 }
#linkList {
	position: absolute;
	top: 183px;
	left: -12px;
	font-size: 10px;
	line-height: 1.2em;
	width: 126px;

 }

/* ---------- h1, h2, h3 ---------- */

h1, h2, h3 {
 font-weight: bold;
 font-size: 16px;
 /*line-height: 1.0em;
 text-indent: -2000em;
 display: block;*/
 color:#000000;
 }
h1 {
 width: 600px;
 height: 80px;
 background: #fff;
 }
h2 {
 width: 600px;
 height: 206px;
 background: #b6c77b;
 }
 h3 {
 padding: 6px 0 0 0px;
 width: 400px;
 height: 20px;
 
 }
  h4 {
 padding: 2px 0 0 0px;
font-weight: bold;
font-size:14px;
text-decoration: none;
color: #000000;}
 
 
 
#content h3, #supportingText h3 {
padding-top:6px;
 width: 400px;
 height: 27px;
 background-repeat: no-repeat;
 }

#linkList h3 {
 width: 140px;
 height: 34px;
 background-repeat: no-repeat;
 background-color: #f2f4d8;
 }


/* ---------- p ---------- */

p {
 padding-top: 5px;
 }
.p1 {
 padding-top: 2px;
 }

/* ---------- ul, li ---------- */

ul, li {
 list-style: none;
 }
ul {
 border-top: 1px solid #ddd;
 width:140px;
 }
li {
 text-transform: lowercase;
 border-bottom: 1px solid #ddd;
 
 }
#lselect li {
 padding: 5px 7px 5px 24px;
 background: url(../bullet1.gif) no-repeat;
 }
#lselect li:hover {
 background: #e6e9cd url(../hover.gif) no-repeat;
 }
#larchives li, #lresources li {
 background: url(../bullet2.gif) no-repeat;
 padding: 5px 0;
}
div>#larchives li, div>#lresources li {
 padding: 0;
 height: 23px;
 background: url(../bullet2.gif) no-repeat;
}

/* ---------- a ---------- */

#content a { color:345367; text-decoration:underline;}

a {
 text-decoration: none;
 
 }

#intro a, #supportingText a {
 font-weight: bold;
 color: #345367;
 width:600px;
  }

#footer {
padding: 5px 0 0 0;
width:100%;
color:#fff;
}

#footer2 {
width:100%;

color:#fff;
}

#footer2 a, #linkList a {
 color: #fff;
 }
#footer a {
 color: #fff;
 }

#linkList a {
 color: #777;
 }
#lselect a {
 display: block;
 color: #333;
 /*color: #9ead6c;*/
 }
#lselect a.c {
 display: inline;
 color: #777;
 }
#larchives a, #lresources a {
 padding: 0 7px 0 22px;
}
div>#larchives a, div>#lresources a {
 padding: 5px 7px 5px 22px;
 height: 13px !important;
 height /**/: 23px;
 display: block;
 }
#footer a:hover,#footer2 a:hover, #footer a:active, #footer2 a:active, #linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active {
 color: #333;
 }
#intro a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active {
 color: #85925C;
 }
div>#larchives a:hover, div>#larchives a:active, div>#lresources a:hover, div>#lresources a:active {
 background: #e6e9cd url(../hover.gif) no-repeat -130px 0;
 }