/* CSS Document */

/*  ---  Header Styles  ---  */

#header { 
		background:#ccc;
		border:solid #666;
		border-width:1px 0 2px 0; 
		margin:35px 0 42px 0;
		overflow:visible;
		z-index:0;
		text-align:center;
		padding:1em 1em 1em 200px }
/*  --  logo  --  */
img#logo {position:absolute; top:16px; left:52px; z-index:100; }

/*  --  phone number, other info in header  --  */
#header h2 {margin:0 auto; padding:1em 0 0}
#header p {margin:0 auto; padding:0 2em .5em; display:inline}



/* ---  Menu - Main Nav  ---  */ 
.menu {margin:4em auto 3em auto; width:480px}
.menu a {border:0}
.menu a h4 {display:inline; background:#666; margin-right:1em; padding:.5em; color:#fff; border:#000 solid; border-width: 1px 2px 2px 1px}
.menu a:hover h4 {color:#000; border:#000 solid; border-width: 2px 1px 1px 2px; background:#ebebeb}
/* -  Contact mode - */
span#contact.header {font-weight:800}


/* ---  Menu Column - Side Nav   --- */
#nav_column {
		float:left;
		clear:left;
		width:180px;
		margin:6em 4em 4em;
		background:#fff;
		padding:2em;
		border:solid #42834e 1px;
		}
#nav_column h5 {margin-top:1.5em}
#nav_column a h5 {color:#42834e; border-bottom:1px #42834e dotted}
#nav_column a:hover h5 {color:#000; border-bottom:1px #000 solid; background:#ebebeb}
#nav_column img { }

/* ---  Footer  --- */
#footer {
		margin:4em 0;
		background:#ccc;
		border:solid #666;
		border-width:1px 0 2px 0;
		}
#footer .contact { 
		float:right; 
		margin-right:20px; 
		padding:10px; 
		text-align:center;
		}

.contact p {font-size:9pt; padding:0}
.contact p:first-child {font-weight:600; color:#42834e; font-size:11pt}