/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


/* Design and CSS created by Roland Geng */
/*  */

/* basic elements */
body {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, serif;
	background: #FDF5E6 url(oldlace.gif) repeat-y top right;
}

a:link,a:visited,a:active {
	color:#000;
	color:#3E2907;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
}
a:hover{
	text-decoration:underline;
}
*{
	padding:0px;
	margin:0px;
}

p{
	text-align:justify;
}

#container {
	margin-left:10px;
	width:700px;
}
/* ---------------------------------
 * THE
 * PAGE
 * HEADER
 *----------------------------------*/
#pageHeader {
	width:499px;
	height:120px;
}

#pageHeader h1 {
	position:absolute;
	left:210px;
	top:20px;
	width:499px;
	height:70px;
	text-align:center;
	line-height:32px;
	font-weight:normal;
	font-size:32px;
	letter-spacing:15px;
	font-variant:small-caps;
	font-family:Arial;
	background: #FDF5E6 url(title.jpg) no-repeat top;
}
#pageHeader h1 span {
	display:none;
}

#pageHeader h2 {
	position:absolute;
	top:90px;
	left:210px;
	width:500px;
	height:40px;
	text-align:right;
	border-left:1px solid #000;
	background: #FDF5E6 url(subtitle.jpg) no-repeat top right;
}
#pageHeader h2 span {
	display:none;
}
/* ---------------------------------
 * THE
 * QUICK
 * SUMMARY
 *----------------------------------*/
#quickSummary {
	width:200px;
	float:left;
	border-top:1px solid #000;

}
#quickSummary p {
	position:absolute;
	color:#3E2907;
	display:block;
}

#quickSummary p.p1 {
	top:110px;
	left:710px;
	width:210px;
	padding:10px;
	font-size:10px;
	font-style:italic;
	text-align:left;
}

#quickSummary p.p2 {
	top:130px;
	left:10px;
	width:494px;
	padding:4px;
	margin-left:200px;
	float:right;
	text-align:right;
	font-size:12px;
	font-variant:small-caps;
}


#preamble {
 	width:489px;
	float:right;
	border-top:1px solid #000;
	border-left:1px solid #000;
	padding:30px 0px 10px 10px;
	background:#F5E6C9 url(bg2.jpg) repeat top left;
}

#preamble h3 {
	margin:15px 0px 5px 0px;
	font-variant:small-caps;
	font-family:"Times New Roman";
	letter-spacing:2px;
	font-size:18px;
	color:#3E2907;
	text-align:left;
}

/*--------------------------------------
*/
#supportingText {
	width:499px;
	float:right;
	border-left:1px solid #000;
	padding:10px 0px 10px 0px;
	background:#F5E6C9 url(bg.jpg) repeat top left;
}

#supportingText p{
	padding:4px 0px 4px 10px;
}


#supportingText h3{
	margin:10px 0px 5px 0px;
	padding:10px 0px 0px 10px;
	border-top:0px solid #ddd;
	font-variant:small-caps;
	font-family:"Times New Roman";
	letter-spacing:2px;
	font-size:18px;
	color:#3E2907;
	width:489px;
}
/* IE Fix: doesnt accept transparent  */
#supportingText h3{
 	background:oldlace url(h3.jpg) repeat-x bottom left;
}
body[id=css-zen-garden] #supportingText h3{
	background:transparent url(h3.png) repeat-x top left;
}


#explanation {
	background:#F5E6C9 url(bg2.jpg) repeat top left;
}

#participation{
	background:#F5E6C9 url(bg.jpg) repeat top left;
}

#participation p.p3{
	position:absolute;
	top:500px;
	left:710px;
	width:240px;
	text-align:left;
	font-size:10px;
	font-style:italic;
	color:#3E2907;
}

#benefits{
	background:#F5E6C9 url(bg2.jpg) repeat top left;
}
	
#requirements{
	background:#F5E6C9 url(bg.jpg) repeat top left;
}

#requirements p.p4{
	position:absolute;
	top:960px;
	left:710px;
	width:240px;
	text-align:left;
	font-size:10px;
	font-style:italic;
	color:#3E2907;
}

#footer{
	position:relative;
	left:-1px;
	height:40px;
	margin-bottom:-10px;
	margin-top:4px;
	margin-left:0px;
	line-height:40px;
	text-align:right;
	background-color:#FDF5E6;
	border-top:1px solid #000;
}

/*end supporting text */

/*------------------------ 
 * THE
 * LINKS
 * ----------------------*/
 
#linkList {
	float:left;
	position:absolute;
	top:130px;
	width:190px;
	padding:0px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	text-align:right;
	color:#3E2907;
}

#linkList h3{
	width:195px;
	padding:0px;
	margin-top:10px;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:0px;
	border-style:solid;
	text-transform:lowercase;
	font-family:"Times New Roman";
	font-size:16px;
	background-color:#F5DEB3;
	border-color:#98753D;
}


#linkList ul {
	list-style-type:none;
	border-left-width:1px;
	border-bottom-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-style:dotted;
	margin-left:10px;
	width:184px;
	text-align:right;
	border-color:#3E2907;border-color:#98753D;
	background:#F5E6C9 url(bg.jpg) repeat top left;
}



#linkList li{
	width:185px;
	padding:3px 0px 3px 0px;
	margin:0px;
	border-bottom:1px dotted #98753D;
}



#linkList a{
	font-weight:bold;
	color:#333;color:#3E2907;
}

#lselect a {
	display:block;
	width:184px;
	margin:0px;
	text-transform:uppercase;
}

#lselect a:hover{
	text-decoration:none;
	background-color:#F5DEB3;
}

/* line-through doesnt seem so comfortable

 * #lselect a:visited{
 * 	text-decoration:line-through;
 * 	background-color:#F5DEB3;
 * }
 */
 
#linkList a.c{
	display:inline;
	text-transform:lowercase;
	text-decoration:none;
	color:#666;
}
#linkList a.c:hover{
	display:inline;
	text-transform:lowercase;
	text-decoration:underline;
	background-color:transparent;
	color:#666;
}

#extraDiv1{
	position:absolute;
	left:10px;
	top:5px;
	width:200px;
	height:125px;
	padding:0px;
	margin:0px;
	background: transparent url(oldlaceontable.jpg) no-repeat bottom right;
}

#extraDiv2{
	position:absolute;
	left:5px;
	top:1100px;
	width:220px;
	height:85px;
	padding:0px;
	margin:0px;
	background: transparent url(schrift.jpg) no-repeat top left;
}