/* structure & widths */
@media screen, tv, projection {
	.medium div#wrapper, .wide div#wrapper {
		float:left;
		width:100%
	}
	.medium div#content {
		margin-left:10em;
	}
	.wide div#content {
		margin-left:12em;
	}
	.small div#navigation {
		clear:both;
	}
	.medium div#navigation {
		float:left;
		width:10em;
		margin-left:-100%;
	}
	.wide div#navigation {
		float:left;
		width:12em;
		margin-left:-100%;
	}
	div#footer{
		clear:both;
	}
	
	.small #sidemenu li {
		display:inline;
	}
	.medium .menu small, .wide .menu small {
		display:block;
	}
	
	#nav-link { 
		position:absolute;
		top:0;
		right:0;
		margin:0;
		padding:1px 2px;
	}
	.medium #nav-link, .wide #nav-link {
		display:none;
	}
	
	/* visual style */
	
	body {
		margin:0;
		padding:0;
		color:black; 
		background-color:#EFF;
	}
	/*header background #990066*/
	#header{
		background:#4E000D url(top.png) repeat-x top left;
		padding:0.8em 1em 1.3em 1em;
		border-bottom: 3px double #EEF; 
	}
	#header form {
		padding:0; 
		margin:-0.5em 0 0 0; 
		float:right; 
		background-color:#039;
	}
	#footer{
		/*background:#039;*/
		/*border-top: 3px double #4E000D;*/ 
		/*border-bottom: 3px double #EEF;*/
		color:#4E000D; 
		padding:1em;
		/*text-align:right;*/
	}	
	
	/* menu */
	.menu {
		color:#FFC824;
		background:#4E000D url(side.png) repeat-y top right;
	}
	#navigation h3{
		display:none;
	}
	#navigation h4{
		color:#FE8;
	}
	ul#sidemenu, #sideextra
	{
		padding: 1em;
		border-bottom: 3px double #EEF; 
	}
	#sideextra {
		margin-bottom:-3px;
	}
	
	ul.menu {
		padding:0;
		margin:0;	
	}
	.menu li {
		list-style: none;
		padding:2px;
		margin:0;
	}
	

}
	 
/* typography */
body, h2, h3, h4, td, p {
	font-family:Verdana, Arial, Helvetica, Helv, sans-serif;
}
#content{ /* main page content */
	padding:0 2em;
	max-width:55em;
}
h1{
	font-family:"times new roman",times,roman,serif;
	font-size:350%; 
	text-shadow: -2px -1px 3px #FFF;
	color:#FFC824; 
	padding:0; 
	margin:0; 
}
h2, h3, h4, h5, h6 {
	text-align:center;
	color:#4E000D;
	margin:1em;
	padding-top:1ex;
}
h2  {
	border-bottom: 1px solid #CCF; 
}

p#breadcrumb {
	font-size:80%;
	border-bottom:3px double #4E000D; 
	padding:2px; 
	margin:0;
}

#content p {
	line-height:1.4;
}
#content address{
	margin-left:2em;
}

.boxtext { /* emphasized paragraphs */
	background: #FFE;
	margin:1ex 0 1em;
	padding:1ex;
	border: 3px double #4E000D;
}




/* TABLES */

table.data, table.data th, table.data td {
	clear:both;
	color:black; 
	background-color:#FFE8BF;
	border:1px solid #039;
}	
table.data {
	margin: auto;
	border-width:1px 0 0 1px; 
	border-collapse:collapse;
}
table.data thead {
	border-bottom:2px solid #039;
	}
table.data th {
	border-width:1px 1px 1px 0; 
	background: #FFD180 url(th.png) repeat-x bottom left;
}
table.data#recording-info th, table.data#form th {
	background: #FFD180;
}
table.data td {
	border-width:0 1px 1px 0; 
	padding: 2pt 10pt 4pt;
}
table.data tr:nth-child(even) td {
	background-color:#FFD180;
}

table#recordings,#publisher-products,#recording-info {
	font-size:95%;
}

.required {
	color:red;
}


/* other */

div.column {
	float:left;
	min-width:45%;
	margin:2px;
}

abbr, acronym {
	font-size:0.9em;
	}
abbr[title], acronym[title] {
	border-bottom: 1px dashed green;
	cursor:help;
}

/* LINKS */

a {
	color:#00F; 
}
a:visited{
	color:#178A8C; 
}
a:hover{
	color:#00F; 
	background-color:#FFF;
}
a:active{
	color:#960; 
	background-color:#FFF;
}

.menu a {
	color:#23D4D9; 
}
.menu a:visited {
	color:#178A8C; 
}
.menu a:hover {
	color:#4E000D;
	background-color:#29FAFF;
}
.menu a:active{
	color:#FFC824; 
}


@media print, handheld {
	h1 {
		color:black;
		font-size:2em;
	}
	table.data th, table.data td, table.data tr:nth-child(even) td, .boxtext {
		background-color:white;
	}
	#nav-link, #header form, #sermons-filter, #navigation {
		display:none;
	}

}