/* 
CSS Layout Document 
Author: Denny Luce
Company: Digital Outreach Web Design
Desc: Style sheet using CSS only structure creating a left navigation
	  single column fixed layout. 
Date: 12/07/06 
*/
@import url(cssmasterstyle.css);
@import url(typography.css);
@import url(navmenu.css);


body {	
		background: #506b64;
		text-align:center;
		background-image:url(../images/luther-heights-watermark.gif);
		background-repeat:repeat;
    	}
/* === PAGE CODING === */
div#page {
		text-align:left;
		width: 750px;
		margin-top: 5px;
		margin-left:auto;
		margin-right:auto;
		padding-right:2px;
		border: double 3px #3d567a;
		}
/* === HEADER CODING === */
div#header {
	position:relative;
	width: 100%;
	height: 100px;
	border-bottom: double 4px #a89e93;
	border-top: solid 1px #a89e93;
	border-right: solid 1px #a89e93;
	border-left: solid 1px #a89e93;
	background-image: url(../images/luther-heights-logo.jpg);
		}
		
div#logo { 
		 
		}

/* === CONTENT CODING === */
div#content{
		position:relative;
        width: 100%;        
        margin: 0;
        padding: 0;        
        text-align: left;
		border-right: solid 1px #a89e93;
		border-left: solid 1px #a89e93;
        }

/* === PHOTOBAR CODING === */
table.photobar{
		 border-bottom: double 4px #3d567a;
		 border-top: double 4px #3d567a;
		 background:#5577aa;
}

td.photobar{
		height:80px;
		width:175px;
		}

/* === MISC CODING === */
img.photo {
		border:double 4px #2f4741;
		padding: 1px;
}

.weather{
		margin:0;
		padding:0;
		background:transparent;
		height:80px;
		width:145px;
		display:inline;
}

/* === SIDEBAR CODING === */
div#sidebar{ 
		float: left; 
		width: 150px; 
		/*padding-right: 5px; 
		padding-left: 5px;*/		 
		bottom:0;
		margin-left:2px;
		margin-top:2px;
		}

/* === MAIN CONTENT CODING === */
div#main{ 
		  float: right; 
		  width: 75%; 
		  padding-right: 10px; 
		  padding-left: 5px;		    
		  }

/* === NAV CODING === */
div#nav{
        left: 0;
        width: 100%;
        text-align: left;
		z-index:1000;
		}

/* === FOOTER CODING === */

div#prefooter {
		position:relative;
		text-align:right;
		margin-right:-2px;
		border-right: solid 1px #a89e93; 
		border-left: solid 1px #a89e93; 
}
div#footer { 
		width: 100%;
		border-top: double 4px #a89e93;
		border-bottom: solid 1px #a89e93; 
		border-right: solid 1px #a89e93; 
		border-left: solid 1px #a89e93; 

		}

div#footer p {
		text-align:center;
        font-size: 1em;
		padding: 3px;
       
        }
        
.color_a {
		background-color:#a88154;
		color:#000000;
		}
		
.color_b {
		background-color:#5577aa;
		color:#ffffff;
		}
		
.color_c {
		background-color:#356b5d;
		color:#ffffff;
		}