*{
	margin:0;
	padding:0;
}

body{
	width:780px;
	margin:auto;
	padding:0px;
	background:#e8eeef url("/nhcc/grfs/page_bg1.gif");
	font-family: Verdana, Arial, sans;
	font-size:.9em;
}
#page{
	position:relative;
	background:#e8eeef;
	border: 1px solid;
	background: url("/nhcc/grfs/content_bg.jpeg") left;
	height:805px;
	width:780px;
}

#banner{
	position:absolute;
	top:93px;
	left:0;
	height:25px;
	background:#444499;
	border:1px solid #ffffff ;
	width:779px;
	font-family: Verdana, Arial, sans;
	font-size:.8em;
}


#menu{
	position:absolute;
	width:145px;
	margin-left:10;
	top:125px;
	padding:0px;
	line-height:20px;
	font-size:14px;

	
}


  a.menu:link { color: #FFFFFF }  /* for unvisited links */
  a.menu:visited { color: #CCFFFF } /* for visited links */
  a.menu:active { color: #CCFFFF) } /* when link is clicked */
  a.menu:hover { color: #FFFF00 } /* when mouse is over link */
  
/* This is the entire sermon content area, which incldes descriptive text at the top,
	the tabs, the placard, and the "sermons_content" */
 
 #sermon_content{
	position:absolute;
	left:145px;
	top:120px;
	height:650px;
	width:500px;
	margin-left:4;
	border:1px solid #666666;
	font-size:11px;
	color:#000000;
}

/* this is the upper sermon sidebar, with mainly category space */
#sermon_sidebar{
	position:absolute;
	top:130px;
	right:0px;
	padding:6px 5px;
	margin-right:1px;
	width:115px;
	font-family: Verdana, Arial, sans;
	color:#000099;
	font-size:11px;
	border-bottom:solid 1px #666666;
	height:115px;

}

/* this is the main sermon sidebar where all the varios categories are displayed */
#sermon_tab_sidebar{
	position:absolute;
	top:250px;
	right:0px;
	padding:5px 4px;
	margin-right:1px;
	margin-top:4px;
	height:533px;
	width:115px;
	font-family: Verdana, Arial, sans;
	color:#000099;
	font-size:11px;
	overflow:auto;
	
}


/* this is the bg for the tabs */
#sermon_bg1{
	position:relative;
	background:#091623;
	width:481px;
	height:49px;
	margin-left:6;
}


/* this is the little area beneath the tabs where the full-text version of the selected category is kept */
#sermon_placard{
	position:relative;
	width:481px;
	margin:6 6 2 6;
}

/* this is the area were the sermons are listed */
#sermons_content{
	position:relative;
	height:513px;
	width:496px;
	margin-left:4;
	margin-top:6;
	border-top:1px solid #666666;
	font-size:11px;
	color:#000099;
	overflow:auto;
}


/* ul definitions for the category sidebar areas 
ul.sidebar_row	{
	margin-top:14px;
	padding: 0;
	border: 0;
	list-style-position:inside;
	list-style-type:none;
	line-height:.75;

}

ul.sidebar_row li	{
	width:100%;
	margin:0;
	padding:0;
	border: 0;
	height:16;
	//height:14px;
}

ul.sidebar_row li a {
	text-decoration:none;
	color:#444444;
	font-size:1em;
}

a.sidebar_row {
	color:#222222;
	font-size:1em;
}

ul.sidebar_row li:hover {
	text-decoration:underline;
}

ul.sidebar_row li.Selected{
	background:#cccccc;
}
*/


table.sidebar_row	{
	border-collapse:collapse;
}

table.sidebar_row td	{
	padding:1px;
	text-decoration:none;
	color:#444444;
	cursor:pointer;	
	font-size:.9em;
}



table.sidebar_row td a	{
	text-decoration:none;
	color:#444444;
	font-size:.9em;
	
}

table.sidebar_row td a:hover {
	text-decoration:underline;
}


table.sidebar_row td.Selected {
	background:#cccccc;
}


/* for the categories */

table.sidebar_cat	{
	border-collapse:collapse;
}

table.sidebar_cat td	{
	padding:1px;
	cursor:pointer;	
	font-size:.9em;
}


table.sidebar_cat td a	{
	text-decoration:none;
	color:#4444aa;
	font-size:.9em;
	
}

table.sidebar_cat td a:hover {
	text-decoration:underline;
}

table.sidebar_cat td.Selected {
	background:#ccccff;
}



/* special table for the alphabet */
table.sidebar_tab	{
	border:1px solid #333333;
	border-collapse:collapse;
}

table.sidebar_tab td	{
	padding:3px;
	text-decoration:none;
	color:#444444;
	font-size:1em;
	cursor:pointer;	
	border:1px solid #333333;
}

/* this style used for msie only */
table.sidebar_tab td a	{
	text-decoration:none;
	color:#444444;
	font-size:.9em;
	padding:3;
	
}

table.sidebar_tab td.Selected, table.sidebar_tab td:hover {
	background:#cccccc;

}

	/* this is a hover for all pre-ie7 msie browsers that don't hover anything by <a> (currently doing for all msie) */
table.sidebar_tab td a:hover {
	text-decoration:underline;
	background:#cccccc;
}

select.cats {
	position:absolute;
	bottom:0;
	left:2;
	margin-bottom:6;
	width:98%;

}