.title
{
    float: left;
    width: 800px;
}
.sermon
{
    min-width: 800px;
    margin: 0px;
    height: 80px;
    background-color: #FFFFFF;
    overflow: hidden;
    clear: both;
    display: block;
    cursor: pointer;
}
.sermon p
{
    padding: 5px;
    margin: 0px;
}
.sermon div
{
    float: left;
}
.sermon .sermonInfo
{
    margin-left: 100px;
    width: 300px;
    height: 70px;
}
.sermon:hover
{ 
    background-color: #CCCCCC;
}
strong
{
    font-family: Arial, Helvetica, sans-serif;
}
.separator
{
    min-width: 800px;
    border-style:none;
    background-color: #69c654;
    height: 2px;
    padding: 0px;
    margin: 0px;
    clear: both;
}
#input_container
{
    float: right;
    width: 800px;
    height: 40px;
    display: block;
}
#query
{ 
    border: medium solid 32a3d2;
    width: 200px;
    height: 34px;
    font-size: 20px;
    font-family: 'Arial Rounded MT Bold';
    float: left;
}
.sermon_date
{
    overflow: hidden;
    width: 200px;
    position: relative
}
#go_btn
{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url('../graphics/go.png');
}
#go_btn:hover
{
    background-position: -40px 0px;
}
#search
{
    position: relative;
    float: right;
    margin: 10px;
    width: 800px;
    height: auto;
}
.download_btn
{
    width: 100px;
    height: 30px;
    background-color: #660066;
}
.page
{
    text-align: center;
    float: left;
    width: 18px;
    height: 20px;
    cursor: pointer;
    margin: 0 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:  #99ccff;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}