@media screen
{
	body {
		margin: 0px;
		background-color: #ccb;
		font-family: Verdana;
		font-size: 11px;
	}

	#wrapper {
		width: 852px;
		margin: auto;
		border-style: none;
		padding: 0px 30px 0px 30px;
		background-image: url(Images/WrapperBackground.gif);
		background-repeat: repeat-y;
	}

	#innerWrapper {
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #886;
		background-color: #fff;
	}
			
	#header 
	{
		position: relative;
		height: 228px;
		background-image: url(Images/Header4.jpg);
	}
	
	#address
	{
		text-align: right;
		padding: 2px 10px 2px 10px;
		font-weight: bold;
		font-size: 10px;
	}
	
	#address a:link,
	#address a:visited
	{
		color: #000;
		text-decoration: none;
	}
	
	#address a:hover
	{
		text-decoration: underline;
	}

	#masthead 
	{
		display: none;
		font-family: Rage Italic, Trebuchet MS;
		font-size: 24px;
		font-weight: bold;
		padding: 15px;
	}

	#menu {
		background-image: url(Images/TopMenuBackground.jpg);
		background-repeat: repeat-x;
		padding: 8px;
		color: #000;
		border-bottom: 1px solid #8a8;
	}

	#menu a:link,
	#menu a:visited {
		padding: 8px 8px 8px 8px;
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}

	#menu a:hover,
	#menu a.current
	{
		background-color: #8a8;
		background-image: url(Images/MenuCurrentBackground.gif);
		background-repeat: repeat-x;
		padding: 8px 7px 8px 7px;
		text-decoration: none;
		font-weight: bold;
		color: #333;
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #bc9 #8a8 #8a8 #bc9;
	}

	div.breadcrumbs {
		padding: 5px 20px 5px 20px;
		font-size: 10px;
		background-color: #bc9;
		color: #333;
		border-bottom: 1px solid #8a8;
		border-top: 1px solid #d3ddc2;
	}

	div.breadcrumbs a:link,
	div.breadcrumbs a:visited {
		color: #333;
		text-decoration: none;
	}

	div.breadcrumbs a:hover {
		color: #000;
		text-decoration: underline;
	}

	#content {
		background-image: url(Images/BodyBackground.gif);
		background-repeat: repeat-x;
	}

	#twoColumnBody {
		width: 550px;
		padding: 30px 40px 20px 20px;
		margin-left: 240px;
		font-size: 9pt;
		line-height: 1.5em;
	}

	#oneColumnBody 
	{
		padding: 30px 40px 30px 40px;
		font-size: 9pt;
		line-height: 1.5em;
	}

	#side 
	{
		float: left;
		width: 200px;
		padding: 30px 20px 20px 20px;
	}

	#pageFooter 
	{
		padding: 10px 20px 10px 20px;
		font-size: 10px;
		background-color: #bc9;
		border-top: 1px solid #8a8;
		color: #665;
		clear: both;
	}



	/*
	===========================================================

						  HEADER CLASSES

	===========================================================
	*/
	h1, h2, h3, h4, h5, h6 {
		font-family: Trebuchet MS;
		font-weight: normal;
	}

	h1 {
		font-size: 2em;
		line-height: 1em;
		margin-bottom: 5px;
	}

	h2 
	{
		font-size: 1.5em;
		margin-top:20px;
		margin-bottom: 5px;
		
	}

	h3 
	{
		font-size: 1.2em;
		margin-top:20px;
		margin-bottom: 5px;
		font-weight: bold;
	}


	/*
	===========================================================

							 LIST CLASSES

	===========================================================
	*/
	ol.doubleSpaced li,
	ul.doubleSpaced li
	{
		margin-bottom: 1.5em;
	}

	ol.roman
	{
		list-style-type: upper-roman;
	}

	ol.outline 
	{
		list-style-type: upper-roman;
	}
	
	ol.outline ol
	{
		list-style-type: upper-alpha;
	}
	
	ol.outline ol ol
	{
		list-style-type: decimal;
	}
	
	ol.outline ol ol ol
	{
		list-style-type: lower-alpha;
	}
	
	ol.outline ol ol ol ol
	{
		list-style-type: disc;
	}

	/*
	===========================================================

					   SECTION MENU CLASSES

	===========================================================
	*/
	#sectionMenu
	{
		background-color: #eee;
		border-width: 1px;
		border-style: solid;
		border-color: #8a8;
		margin-bottom: 20px;
	}
	#sectionMenu a.header:link,
	#sectionMenu a.header:visited,
	#sectionMenu a.header:hover
	{
		display:block;
		background-color: #8a8;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
		border-style: none;
	}

	#sectionMenu a:link,
	#sectionMenu a:visited
	{
		display: block;
		padding: 3px 5px 3px 5px;
		color: #000;
		text-decoration: none;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #eee;
	}

	#sectionMenu a:hover
	{
		display: block;
		background-color: #fff;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #8a8;
	}

	#sectionMenu a.subMenu:link,
	#sectionMenu a.subMenu:visited
	{
		display: block;
		padding: 1px 5px 1px 25px;
		color: #000;
		text-decoration: none;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #eee;
		font-size: 10px;
	}

	#sectionMenu a.subMenu:hover
	{
		display: block;
		padding: 1px 5px 1px 25px;
		color: #000;
		text-decoration: none;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #8a8;
		font-size: 10px;
		background-color: #fff;
	}

	#sectionMenu a.selected:link,
	#sectionMenu a.selected:visited
	{
		background-color: #fff;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #8a8;
		font-weight: bold;
	}

	/*
	===========================================================

					  SIDE BAR PANEL CLASSES

	===========================================================
	*/
	#side div.panelTitle
	{
		color: #666;
		font-size: 12px;
		font-weight: bold;
		border-bottom: solid 1px #666;
		padding-bottom: 2px;
	}

	#side div.panel
	{
		padding: 5px 5px 5px 15px;
		color: #666;
	}

	#side div.panel a:link,
	#side div.panel a:visited
	{
		display: block;
		color: #666;
		text-decoration: none;
		margin-bottom: 8px;
	}

	#side div.panel a:hover
	{
		display: block;
		color: #666;
		text-decoration: underline;
		margin-bottom: 8px;
	}

	/*
	===========================================================

						  GRID CLASSES

	===========================================================
	*/
	table.GridView
	{
		border-style: none;
		border-width: 0px;
	}

	table.GridView th
	{
		background-color: #bc9;
		color: #665;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		padding: 5px;
		border-width: 0px;
		border-style: none;
	}

	table.GridView td 
	{
		padding: 5px;
		border-width: 1px 0px 0px 0px;
		border-style: solid;
		border-color: #8a8;
	}




	/*
	===========================================================

						  LINK CLASSES

	===========================================================
	*/
	
	a:link
	{
		color: #363;
	}
	
	a:visited
	{
		color: #8a8;
	}
	
	a.sectionLink:link,
	a.sectionLink:visited
	{
		color: #373;
		font-family: Trebuchet MS, Verdana;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	
	a.sectionLink:hover
	{
		text-decoration: underline;
	}
	
	a.bold
	{
		font-weight: bold;
		
	}

	
	/*
		BUTTON LINKS
	*/
	a.button:link,
	a.button:visited 
	{
		padding: 3px;
		color: #000;
		text-decoration: none;	
	}
	
	a.button:hover 
	{
		padding: 2px;
		color: #000;
		text-decoration: none;
		border: solid 1px #8a8;
		background-color: #d3ddc2;
	}

	/*
	===========================================================

					MISC HTML ELEMENT CLASSES

	===========================================================
	*/
	
	hr
	{
		height: 1px;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #8a8;
	}
	
	div.intro,
	p.intro
	{
		font-style: italic; 
		border-bottom: solid 1px #8a8;
		padding-bottom: 15px;
	}
	
	p 
	{
		margin: 0px 0px 15px 0px;
	}

	img.icon 
	{
		vertical-align: middle;
		border: 0px;
		margin-right: 0px;
	}
	
	img.rightAligned 
	{
		float:right;
		margin: 0px 0px 15px 15px;
	}
	
	img.leftAligned 
	{
		float:left;
		margin: 0px 15px 15px 0px;
	}
	
	/*
	===========================================================

					   MP3 PLAYER CLASSES

	===========================================================
	*/

	div.playerLcd
	{
		background-color: #000;
		padding: 15px;
		color: #ccc;
		height: 54px;
	}

	div.playerLcd a:link,
	div.playerLcd a:visited
	{
		color: #ccc;
		text-decoration: none;
	}

	div.playerLcd a:hover
	{
		text-decoration: underline;
	}

	/*
	===========================================================

					   CALENDAR CLASSES

	===========================================================
	*/

	table.Calendar 
	{
		width: 100%;
		border-collapse: collapse;
		border-style: solid;
		border-color: #665;
		border-width: 1px;
	}

	th.DayHeader 
	{
		background-color: #bc9;
		font-size: 16px;
		font-weight: bold;
		font-family: Trebuchet MS;
		color: #665;
		padding: 5px;
		border-style: solid;
		border-color: #665;
		border-width: 0px 0px 1px 0px;
	}

	table.Calendar table.Title
	{
		display:none;
		background-color: #bc9;
	}

	table.Calendar table.Title td
	{
		font-size: 18px;
		font-family: "Trebuchet MS", Verdana;
		color: #000;
		padding: 5px;
		border-style: solid;
		border-color: #665;
		border-width: 0px 0px 1px 0px;
	}

	table.Calendar td.ThisMonth
	{
		width: 15%;
		height: 75px;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		border-style: solid;
		border-color: #000;
		border-width: 1px;
		vertical-align: top;
		padding: 3px;
		background-color: #fff;
		color: #665;
	}

	table.Calendar td.OtherMonth
	{
		width: 15%;
		height: 40px;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		border-style: solid;
		border-color: #000;
		border-width: 1px;
		vertical-align: top;
		padding: 3px;
		background-color: #ccb;
		color: #ccb;
	}

	table.Calendar td.Today 
	{
		width: 15%;
		height: 75px;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		border-style: solid;
		border-color: #000;
		border-width: 1px;
		vertical-align: top;
		padding: 3px;
		background-color: #bc9;
	}

	table.Calendar a.Event:link,
	table.Calendar a.Event:visited
	{
		display: block;
		margin: 0px 0px 10px 0px;
		font-size: 10px;
		font-weight: normal;
		text-align: left;
		padding: 0px 3px 0px 3px;
		color: #000;
		text-decoration: none;
	}

	table.Calendar a.Event:hover
	{
		display: block;
		margin: 0px 0px 10px 0px;
		font-size: 10px;
		font-weight: normal;
		text-align: left;
		padding: 0px 3px 0px 3px;
		color: #69c;
		text-decoration: underline;
	}

	table.CalendarNavigator 
	{
		width: 100%;
	}

	table.CalendarNavigator td.PreviousMonth 
	{
		font-size: 12px;
		font-weight: bold;
		text-align: left;	
	}

	table.CalendarNavigator td.PreviousMonth a:link,
	table.CalendarNavigator td.PreviousMonth a:visited 
	{
		color: #666;
		text-decoration: none;
	}

	table.CalendarNavigator td.PreviousMonth a:hover 
	{
		color: #69c;
		text-decoration: underline;
	}

	table.CalendarNavigator td.NextMonth 
	{
		font-size: 12px;
		font-weight: bold;
		text-align: right;	
	}

	table.CalendarNavigator td.NextMonth a:link,
	table.CalendarNavigator td.NextMonth a:visited
	{
		color: #666;
		text-decoration: none;
	}

	table.CalendarNavigator td.NextMonth a:hover 
	{
		color: #69c;
		text-decoration: underline;
	}

	/*
	===========================================================

					   GENERIC TABLE CLASSES

	===========================================================
	*/
	table 
	{
		border-style: none;
	}
	
	table th 
	{
		font-weight: bold;
		text-align: left;
		padding: 2px;
		vertical-align: top;
	}
	
	table th.leftColumn
	{
		font-weight:	normal;
		text-align:		left;
		padding:		2px 15px 2px 2px;
		vertical-align: top;
		white-space:	nowrap;
	}
	
	table td 
	{
		padding: 2px;
		vertical-align: top;
	}
	
	
	table.history th,
	table.history td
	{
		padding: 5px;
		border-bottom: solid 1px #8a8;
	}
	/*
	===========================================================

					   VIRTUAL EARTH CLASSES

	===========================================================
	*/
	.virtualEarthMarkerStyle
	{
		position: relative;
		top: -15px;
	}
	
	/*
	===========================================================

					        FORM CLASSES

	===========================================================
	*/
	table.form
	{
		width: 100%;
		border-width: 0px;
		border-style: none;
		border-color: #8a8;
	}
	
	table.form td.label,
	table.form td.control
	{
		padding: 5px;
		border-width: 0px 0px 0px 0px; 
		border-style: solid;
		border-color: #8a8;
		vertical-align: top;
	}
	
	table.form td.label
	{
		width: 35%;
		font-weight: bold;
		color: #665;
	}
	
	table.form td.control
	{
		width: 65%;
	}
	
	.fullWidth
	{
		width: 97%;
	}
	
	textarea
	{
		font-family: Sans-Serif;
		font-size: 11pt;
	}
	
	input.required,
	textarea.required 
	{
		background-color: #eec;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc;
	}
	
	/*
	===========================================================

					     MESSAGE CLASSES

	===========================================================
	*/
	div.message 
	{
		padding: 8px 10px 8px 30px;
		border: solid 1px #000;
		background-color: #eec;
		margin-bottom: 15px;
	}
	
	div.message ul 
	{
		margin: 5px 5px 5px 15px;
	}
	
	div.warning 
	{
		background-image: url(Images/Icons/warning.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
	}

	div.confirm
	{
		background-image: url(Images/Icons/confirm.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
	}
	
	/*
	==============================================================

	                      SERMON CLASSES

	==============================================================
	*/
	div.sermon 
	{
		margin-bottom: 20px;
	}
	
	div.sermon div.title 
	{
		font-size: 1.2em;
		font-weight: bold;
	}
	
	table.recentSermonTable 
	{
		border-style: none;
		border-width: 0px;
	}
	
	table.recentSermonTable td 
	{
		border-width: 0px;
		vertical-align: top;
	}
	
	td.recentSermonDate 
	{
		font-weight: bold;
		padding-right: 20px;
		color: #666;
	}
	
	table.registration th 
	{
		border: 1px solid #8a8;
		background-color: #bc9;
		padding: 5px;
	}
	
	table.registration tr td
	{
		padding: 5px;
	}
	
	.validationSummary
	{
		padding: 10px;
		margin-bottom: 15px;
	}
	
	div.formSectionHeader
	{
		border: 1px solid #8a8;
		background-color: #bc9;
		padding: 5px;
		font-weight:bold;
	}
	
	.watermarkText
	{
		color: #999;
	}
	
	table.registration2
	{
		margin:8px;
		border-style: solid;
		border-color: #ccc;
		border-width: 1px 0px 0px 0px;
	}
	
	table.registration2 tr td
	{
		padding: 8px 5px 8px 5px;
		border-style: solid;
		border-color: #ccc;
		border-width: 0px 0px 1px 0px;
	}
}