/* CSS Document */

body {
	margin-top:50px;
	background-color:#1d4f8e;
}

#logo {
	width:800px;
	height:169px;
	background-image:url(index_images/Header.jpg);
	background-repeat:no-repeat;
}

#menubar-area {
	width:800px;
	/*height:38px;*/
}

#menubar {
	background-image:url(index_images/Menubar.jpg);
	background-repeat:no-repeat;
	height:32px;
	width:800px;
}
	#menubar ul {
		margin:0 0 0 0;
		margin-left:80px;
	}
	#menubar li {
		list-style:none;
		float:left;
		margin:5px 5px 10px 20px;
		font-family: "BernhardMod BT","Times New Roman", Times, serif;
		font-size:16px;
	}
	
	
#menubar-shadow {
	width:800px;
	height:8px;
	background-image:url(index_images/shadow.jpg);
	background-repeat:no-repeat;
}

#middle {
	width:800px;
	background-color:white;
}

#right-column {
	width:280px;
	padding-left:20px;
}


#Left-side {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}
	
	#Left-side h1 {
		font-size:14px;
		color:#003366;
		margin:0px 0 2px 30px;
	}
	#Left-side h2 {
		font-size:24px;
		color:#003366;
		margin:5px 0 10px 30px;
	}
	#Left-side p {
		margin:0 30px 0px 30px;
	}
	/*#Left-side img {
		margin-right:20px;
	}*/
	#Left-side a:link, #Left-side a:visited {
		color:#003366;
		text-decoration: underline;
	}
	#Left-side a:hover {
		color:#990000;
		text-decoration:none;
	}
#Left-side-logo {
	margin:30px 0 20px 30px;
}

#Right-side {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	border-left:1px solid #003366 'border-left-width' 'border-left-style' 'border-left-color';
	width:240px;
}
	#Right-side p {
		margin:3px 5px 3px 15px;
	}
	#Right-side a:link, #Right-side a:visited {
		color:#003366;
		text-decoration:underline;
	}
	#Right-side a:hover {
		color:#990000;
		text-decoration:none;
	}
	
#Right-side-picture img {
		margin:5px 0px 10px 15px;
}

#highlight-blue {
	color:#003366;
}
	
	#menubar a:link, #menubar a:visited {
		color:black;
		text-decoration:none;
	}
	#menubar a:hover {
		color:#990000;
		text-decoration:none;
	}


#SermonSeries {					/* Creates a container that displays the "PHYS", course title, and the "Instructors"*/
	/*width: 650px;*/
	font-weight:bold;
}

	#SermonSeries h1 {
		font-size:20px;
		padding: 25px 0px 0px 0px;
		margin-left:30px;
	}

.SermonDate {						/* This is a cell to display the course number */
	float: left;
	width: 150px;
	font-weight:bold;
	font-size: 12px;
	margin-left:30px;
}

.SermonTitle {						/* This is a cell to display the course title */
	float:left;
	width: 230px;
}

.SermonDownload {
	float:left;
	width: 120px;
	margin-left:5px;
}

#bottom {
	width:800px;
	height:60px;
	background-color:white;
	padding: 3px 5px 0px 5px;
}

#footer {
	width:790px;
	height:50px;
	padding:10px 8px 2px 8px;
	background-color:#999999;
}
	#footer h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		color:white;
		margin:0 0 0 0;
		font-weight:normal;
	}
	#footer p {
		font-family: "Times New Roman", Times, serif;
		font-size: 12px;
		color:white;
		margin:0 0 0 0;
	}
	#footer a:link, #footer a:visited {
		color: #000099;
		text-decoration:none;
	}
	#footer a:hover {
		color: #FFFFFF;
		text-decoration:none;
	}