/* 
For infomation on style sheets see: 
http://www.csszengarden.com 
http://friendlybit.com/css/beginners-guide-to-css-and-standards/4/ 
*/
/* basic elements */

html {
	margin: 0;
	padding: 0;
	}
	
body {
	background-color: rgb(255, 248, 231);
	margin:0;
	padding:0;
	font:75%/1.4 verdana,Helvetica,sans-serif
	}
	
h1, h2 {
	margin:0px;
	padding: 5px;
	}


h3 {
	margin:10px;
	padding: 5px;
	}
	
li {
	margin:10px;
	padding: 5px;
	}
	
p {
	margin:10px;
	padding: 5px;
	}
	
p.quote {
	margin-left: 1.4cm;
	margin-right: 1.0cm;
	}
	
p.iquote {
	font-style: italic;
	margin-left: 1.4cm;
	margin-right: 1.0cm;
	background-color:#DCDCDC;
	}
	
p.ciquote {
	font-style: italic;
	color:#8B0000;
	margin-left: 1.4cm;
	margin-right: 1.0cm;
	}	
	
p.copy {
	text-align: center;
	}
	
i.verse {
	font-style: italic;
	}
	
td {
	margin:0px;
	padding:3px;
	font:75%/1.4 verdana,Helvetica,sans-serif;
	}	

div.bgc {
	background-color: rgb(255, 248, 231);
	}
	
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
} 

div.container {
	border: 1px solid #000000;
	overflow: auto;
	width: 75%;
	background-color: #FFFFFF;
}

div.left {
	width: 30%;
	float: left;
}

div.right {
	width: 50%;
	float: right;
}	

@media screen, handheld {
	#navigation {
       		position: fixed;
        	float: left; /* hack for ancient browsers
                        which don't support "position: fixed;" */
        	margin-top:  1em;
        	margin-left: 1em;
        	padding-left:   1em;
        	padding-right:  1em;
        	padding-top:    1em;
        	padding-bottom: 1em;
        	width: 12em;
        	background-color: #CCB2FF;
        	}
	}