
/*  general ____________________________________*/
* {
	padding: 		0;
	margin: 		0;
}
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: 	center;
	/* background: 	#F7F5ED;  */
	}

.chart {
 padding: 2px 7px 2px 7px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 		6px 17px 15px 17px;
	color: 			#000;
	line-height: 	1.4em;
	font-size: 13px;
	}

.bodySmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 138%;
}

.bodyVerySmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 124%;
}

.bodyCenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 104%;
	vertical-align: baseline;
}

h1 {
	font: 			bold 18px/20px Arial,Helvetica,sans-serif;
	margin: 	5px 17px 0 17px;
	color: 		#3F3052;
}

h2 {
	font:   normal 18px/20px Georgia, "Times New Roman", Times, serif;
	margin: 	5px 17px 0 17px;
	color: #4F4D53;
}

h3 {
	font:   bold 13px/16px Arial,Helvetica,sans-serif;
	margin: 	5px 17px 0 17px;
	color: #100613;
}

h4 {
	font: bold 12px/15px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	margin: 	5px 17px 0 17px;
/*	color: 			#574D33;*/
	color: 			#374F55;
}


/* unvisited links */
A:link {
	color: #9242C1;
	text-decoration: underline;
}

/* visited links   */
A:visited { color: #494077}

/* user hovers  */
A:hover {
	color: #C23667;
	text-decoration: underline;
}

ul {
	margin-left: 60px;
 margin-bottom: 11px;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:	1.4em;
	list-style-image: url(../images/bullet.gif);
	margin-right: 24px;
}

.callout {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	background-color: #EEE8F2;
	padding: 9px;
	color: #4B4B4B;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
 margin: 0 17px 0 17px;
}

.calloutRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #EEE8F2;
	color: #6B6B6B;
	font-weight: bold;
	font-style: normal;
	text-align: right;
 margin: 0 17px 0 17px;
	padding: 2px 17px 7px 17px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	background-position: center center;
	vertical-align: middle;
	letter-spacing: 1px;
}

.leftLinksHeader {
	font: bold 12px/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #44065B;
	padding: 0px;
}

.leftLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 129%;
 margin: 5px 10px 5px 10px;
}


.subheadSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: baseline;
	line-height: 103%;
	color: #3E3E3E;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 109%;
	vertical-align: baseline;
}

.hrule {
	margin: 6px 12px 12px 12px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #7E8F86;
}



/*
a{
	text-decoration: none;
	background: 	transparent url(dotlink.gif) repeat-x left bottom;
}
a:link ,a:visited {
	color: 			#5785A4;
}
a:hover {
	color: 			#1D8FDB;
}

*/

acronym {
	background: 	transparent url(dot.gif) repeat-x left bottom;
	cursor: 		help;
}




/* grid _______________________________________________________________________________*/
#container { 
	margin: 		0 auto;
	text-align: 	left;
	width: 			580px;
	background: 	url(container.gif) repeat-y center top;
	position: 		relative;
	}
#quickSummary {
	background: 	transparent url(quicksummary.gif) no-repeat top left;
	height: 		178px;
}
#preamble,#supportingText {
	padding-right:  200px;
}
#supportingText {
	background: 	transparent url(foot2.jpg) no-repeat 0 100%;
}
#lresources {
	padding-bottom: 220px;
	background: 	transparent url(flowers.jpg) no-repeat 0 100%;
}
#footer {
	height: 		34px;
	line-height: 	34px;
	text-align: 	center;
	padding-bottom: 14px;
}
#linkList {
	position: 		absolute;
	top: 			210px;
	right: 			0;
	width: 			210px;
}
#extraDiv1 {
	position: 		absolute;
	top: 			0;
	left: 			0;
	background: 	transparent url(uncultivated.gif) no-repeat;
	width:			43px;
	height:			297px;
}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: 		none;
}

/* headers _______________________________________________________________________________*/

#pageHeader h1 { 
	background: 	transparent url(csszen.jpg) no-repeat top left;
	width: 			580px;
	height: 		40px;
}
#pageHeader h1 span {
	display:		none
}
#pageHeader h2 {
	background: 	transparent url(beauty.jpg) no-repeat top left;
	width: 			580px;
	height: 		169px;
}
#pageHeader h2 span {
	display:		none;
}
#linkList h3.select {
	background: 	transparent url(styles.jpg) no-repeat top left;
	height: 		39px;
	margin: 		0;
}
#linkList h3.select span {
	display:		none;
}
#linkList h3.archives {
	background: 	transparent url(archives.jpg) no-repeat top left;
	height: 		39px;
	margin: 		0;
}
#linkList h3.archives span {
	display:		none;
}
#linkList h3.resources {
	background: 	transparent url(resources.jpg) no-repeat top left; 
	height: 		39px;
	margin: 		0;
}
#linkList h3.resources span {
	display:		none;
}

/*  p  _______________________________________________________________________________*/

#quickSummary .p1 {
	display:		none;
}
#quickSummary .p2 {
	margin-right: 	200px;
	color: 			#382A07;
	text-align: 	right;
	padding-top: 	150px;
}

#preamble p, #supportingText p{
	margin: 		0 10px;
	background: 	url(p.gif);
} 

#requirements .p4{
	margin-bottom: 40px;
}
#requirements .p5{
	margin-bottom: 110px;
	text-align:		center;
}

/*  links  _______________________________________________________________________________*/

#footer a{
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: 			#c6c6c6;
}
#footer a:hover {
	color: 			#fff;
}

#linkList li a {
	display: 		block;
	font-weight: 	bold;
	color: 			#E5D9BC;
	text-decoration:none;
	margin-left: 	-5px;
	padding-left: 	19px;
	padding-bottom: 4px;
	background: 	url(dot2.gif) no-repeat 0 1px;
}
#linkList li a:hover {
	color: 			#7ECDFF;
	background: 	transparent url(dot2on.gif) no-repeat 0 1px;
}
#linkList li a.c {
	display: 		inline;
	padding: 		0;
	margin: 		0;
	background: 	none;
	color: 			#595339;
	font-weight: 	normal;
}
#linkList li a.c:hover {
	color: 			#7ECDFF;
}
#linkList #larchives li,#linkList #lresources li,#linkList #lfavorites li {
	padding: 		2px 0 0 7px;
}
#linkList #larchives li a,#linkList #lresources li a,#linkList #lfavorites li a	{
	background: 	transparent url(dot2.gif) no-repeat 0 1px;
	display: 		block;
	padding-left: 	19px;
	padding-bottom: 5px;
	margin: 		0 0 0 -11px;
}
#linkList #larchives li a:hover,#linkList #lresources li a:hover,#linkList #lfavorites li a:hover {
	background: 	transparent url(dot2on.gif) no-repeat 0 1px;
}
