/*********************************************/
/***** Bread of Life Weddings Master CSS *****/
/*********************************************/

* { margin: 0; padding: 0; }

body {  background: #EEE; font-family: Arial, Helvetica, san-serif;}

.darkGray { color: #666666; }
.lightGray { color: #CCCCCC; }
.darkBlue { color: #336699; }
.lightBlue { color: #CCFFFF; }

.clear { clear: both; }

#container { /*background: #CCFFFF;*/ background: #EEE; }

#header { background: #EEE; height: 100px; }
		#headerContent { margin: auto; padding-left: 20px; padding-top: 10px; width: 900px; text-align: center; }
			#headerContent h1 { color: #000; display: none; }
			#headerContent p { color: #000; display: none; }

#navigation { background: url("images/navgrad.jpg") repeat-x; height: 35px; }
	#navText { color: #FFF; font-size: 16px; margin: auto; padding: 8px 0 0 25px; width: 900px; }
		#navText p { display: inline; padding-right: 10px; }
		#navText a { color: #FFF; text-decoration: none; }
		#navText a:hover { color: #CCC; text-decoration: underline; }
		#navText a.active { text-decoration: underline; }

#main { background: #FFF; color: #666; margin: auto; width: 900px; }
	#mainImage { /*text-align: center;*/ }
		#mainImage img { margin-left: 11px; }

	#content { float: left; padding: 10px 10px 0 10px; width: 90%; }
		#content h1, h2, h3 { /*border-bottom: 1px solid #336699;*/ color: #336699; margin-bottom: 10px; }
		#content p { padding-bottom: 10px; }
		#content a { color: #336699; }
		#content a:hover { color: #666666; text-decoration: none; }
		#content ul { margin-bottom: 10px; margin-left: 10px; }
		#content li { margin-left: 10px; }
		#content img { border: 1px solid #336699; }
		#content .quoteName { color: #336699; font-weight: bold; margin-left: 600px; }

	#sidebar { display: none; float: left; margin-left: 20px; padding-top: 10px; width: 21%; }
		#sidebar h3 { border-bottom: 1px solid #336699; color: #336699; margin-bottom: 5px; }
		#sidebar a { color: #666; text-decoration: none; }
		#sidebar a:hover { color: #336699; text-decoration: underline; }
		#sidebar ul, li { margin-left: 10px; }

#footer { background: url("images/footergrad.jpg") repeat-x top; height: 100px; }
	#footerText { color: #666; font-size: 12px; margin: auto; padding-top: 30px; width: 900px; }
			#footerText p { color: #666; }
			#footerText a { color: #336699; text-decoration: none; }
			#footerText a:hover { color: #336699; text-decoration: underline; }
		#footerText .align-left { float: left; text-align: left; }
		#footerText .align-right { text-align: right; }