/* 

Millwoods Presbyterian Church
Website CSS Coding

................................................................ */

body 						{
						font-family : Tahoma,Arial,Helvetica,sans-serif;
						font-size : 80%;
						margin : 0;
						padding : 0;
						background-color : #fff;
						background-image : url(/img/bg.jpg);
						background-position : center top;
						background-repeat : no-repeat;
						color : #575757;
						text-align : center;
						}
						
html>body 					{
						font-size : 13px;
						}
						

/* Text */

p, td						{ 
						font-family : Tahoma,Arial,Helvetica,sans-serif;
						font-size : 100%; 
						line-height : 150%;
						margin : 0;
						padding : 0.5em; 
						color : #575757;
						}
						
												
#Copyright p					{ 
						color : #878787;
						font-size : 90%;
						}
						


						
abbr, acronym 		 			{ 
						text-decoration : underline;
						border : none;
						cursor : help; 
						}


/* Links */

a:link,
a:visited 					{ 
						text-decoration : underline; 
						color : #3D3D3D;
						}
						
a:hover 					{ 
						color : #CC9900;
						}
						
a:active 					{ 
						color : #3D3D3D;
						}
						
#SideNav a,
#ColmnOne a					{
						text-decoration : none;
						font-weight : bold; 
						}
						
						
/* Images */

img						{
						border : none;
						}


/* Various */
						
.Invisible					{
						display : none;
						}
						
.Clear						{
						clear : both;
						height : 0px;
						}

#Soundbytes					{
						padding : 1em;
						color : #333;
						background : #f9fbfa;
						border : 1px solid #ddd;
						}
						
/* Global DIVs */

div 						{ /* Default DIV properties */
						margin : 0;
						padding : 0;
						}
						
#maincontent 					{	
						width : 770px;
						margin : 0 auto;
						text-align : left;
						}
						
/* Header */
						
#Header						{
						float : left;
						width : 770px;
						}


						
/* Wrappers */

#ColumnWrapper 					{
						float : left;
						width : 770px;
						margin-top : 30px;
						margin-bottom : 0px;
						}
						
#BannerWrapper	 				{
						float : left;
						width : 770px;
						margin-top : 10px;
						margin-bottom : 10px;
						}
						
#PanelWrapper 					{
						float : left;
						width : 770px;
						margin-top : 10px;
						padding-top : 15px;
						padding-bottom : 10px;
						border-bottom : 1px solid #ddd;
						border-top : 5px solid #ddd;
						}
						
#Content	 				{ /* Used on pages with forms*/
						float : left;
						width : 770px;
						}
						
#ColumnOne 					{
						float : left;
						width : 300px;
						margin-right : 5px;
						}
						
#Image						{
						width : 300px;
						height : 156px;
						background-position : top;
						background-repeat : no-repeat;
						background-image:url(/img/church.gif);
						}
						
#ColumnTwo 					{
						float : left;
						width : 460px;
						}
						

#AboutColumn01					{
						float : left;
						width : 420px;
						margin-right : 5px;
						margin-left : 0px;
						}


#AboutColumn02					{
						float : left;
						width : 338px;
						margin-right : 0px;
						}	
		
#EventColumn01					{
						float : left;
						width : 400px;
						padding-right : 5px;
						border-right : 1px solid #ddd;
						margin-left : 0px;
						}


#EventColumn02					{
						float : left;
						width : 310px;
						padding-left : 5px;
						margin-left : 2px;
						}						
					
				
/* Feature Panels */

#FeaturePanel01 					{
						float : left;
						width : 270px;
						margin-right : 5px;
						border-right : 1px solid #ddd;
						}	
						
#FeaturePanel02					{
						float : left;
						width : 275px;
						margin-right : 5px;
						}
						
#FeaturePanel03					{
						float : left;
						width : 205px;
						margin-left : 5px;
						border-left : 1px solid #ddd;
						}

#EventColumn01					{
						float : left;
						width : 58%;
						padding-right : 5px;
						border-right : 1px solid #ddd;
						margin-left : 0px;
						}


#EventColumn02					{
						float : left;
						width : 42%px;
						padding-left : 5px;
						margin-left : 2px;
						}
						
/* Bottom DIVS */

#Footer 					{
						clear : both;
						padding : 1em;
						text-align : center;
						}
						
#Copyright 					{
						clear : both;
						margin-top : 5px;
						text-align : center;
						}
						
					
						
/* Lists */

ul, li						{
						list-style : none;
						padding : 0;
						margin : 0;
						}
						
#ColumnOne ul					{
						margin-left : 20px;
						}
						
#ColumnTwo ul					{
						padding-left : 0.5em;
						}
						
#Content ul					{
						padding : 0.5em;
						}
						
#FeaturePanel01 li,
#FeaturePanel02 li,
#FeaturePanel03 li,
#FeaturePanel04 li				{
						padding-left : 0.5em;
						}
						
#Footer ul,
#Copyright ul					{
						display : inline;
						padding : 1em 0;
						}
						
#Footer li,
#Copyright li					{
						display : inline;
						margin : 0.5em 1em;
						padding : 0;
						}
						

						
/* Headers */

h1, h2, h3					{ 
						color : #000;
						font-size : 1em; 
						margin : 0; 
						padding : 0.5em;
						}
						
#FeaturePanel01 h2,
#FeaturePanel02 h2,
#FeaturePanel03 h2				{
						padding : 0.5em;
						}
						

					
h1 span 					{
						display: block;
						position: relative;
						z-index: 1;
						}
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */
						


/* Event Calendar */

#calendar 					{
						padding-top: 1em; 
						padding-left: 1.5em; 
						width: 90%;
						}

#calendar span 					{
						float: left; 
						width: 2em; 
						padding: 0; 
						margin: 0.125em;
						text-align: center; 
						border: 1px solid silver;
						}

#calendar, .sun 				{
						clear: left;
						}


/* Navigation */

#navlist					{
						margin: 0;
						padding: 0;
						width: 100%;
						border-bottom: 1px solid #ccc;
        					border-top: 1px solid #ccc;
						float: left;
						}

#navlist li					{
						margin: 0;
						padding: 0;
						list-style-type: none;
						display: block;
						float: left;
						text-align: center;
						border-right: 1px solid #ccc;
						}

#navlist a:link, #navlist a:visited		{
						display: block;
						padding: 0.25em 0.5em;
						text-decoration: none;
						color: #666;
						width: 85px;
						}

body.home #navlist li.home a,
body.aboutus #navlist li.aboutus a,
body.ministry #navlist li.ministry a,
body.worship #navlist li.worship a,
body.resources #navlist li.resources a,
body.events #navlist li.events a,
#navlist a:hover				{
						background:#f4f4f4;
						color: #666;
						}

.message					{
						border-bottom: 1px solid #ccc;
						padding: 0.4em 10px;
						margin: 0;
						clear: left;
						background: #f5f5f5;
						color: #666;
						}

#active						{
						background:#f4f4f4;
						color: #666;
						}

/* Logo */

#logo						{
						margin:0;
						padding: 10px 0px;
						float: left;
						width: 300px;
						}

#logo a						{
						text-decoration: none;
						}

#logo img					{
						border: none;
						}

#header						{
						padding: 0;
						margin: 0;
						}

#linespace					{
						clear : both;
						padding-top : 5px;
						border-top: 1px #ddd;
						}