﻿/* SAWW WEBSITE MAIN CSS ---------------------------------------------*/

/* BODY -------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #d3d3d3;
/*	 */
}

a:link {text-decoration: none;color: #008000;}
a:visited {text-decoration: none;color: #008000;}
a:hover {text-decoration: underline;color: red;}
a:focus {text-decoration: underline;color: red;}


h1 { 
	font-family: "Comic Sans MS", cursive;
	color: blue;
}

h2 { 
	font-family: Arial, sans-serif;
	font-size:16pt;
	margin-bottom:5px;
}	

h3, h4, h5 { 
	font-family: Arial, sans-serif;
	color: maroon;
}

p, li, textarea {
	font-family: Arial, sans-serif;
	font-size:10pt;
}


/* CONTAINER --------------------------------------------------*/

#container {
	position:relative;
	background-image: url('../newpublicimages/paper.jpg');
	margin-top:6px;
	margin-left: auto;    
	margin-right: auto;
	width: 960px;
}

#container p, i {
	margin-top: 0em;
	padding: 0 0.2em;
}

#container h3, h4, h5 {
	margin-bottom: 0em;
	margin-top:0em;
	padding:0 0.2em;
	text-align: center;
}

#container h5 {
	text-align: left;
	margin-top: .5em;
	margin-left: 0;
}
	
/* HEADER -----------------------------------------------------*/

#header {
	/*position: relative;	
	left: 0;
	top: 0;	*/
	background-image: url('../newpublicimages/headerbg.jpg');
	background-repeat: repeat-x;
}

#topnav ul {
	margin: 0;
	padding: 0;

	position: absolute;
	top: 77px;
}

#topnav li {
	list-style-type: none;
	margin-left: 1em;
	font-size: .9em;
	display: inline;
	
}

#topnav li a:link {color: white;}
#topnav li a:visited  {color: white;}
#topnav li a:hover {color: red;}
#topnav li a:focus {color: red;}


/* LEFT NAV BAR (FOR MEMBERS AREA)---------------------------*/

#leftnav {
	float: left;
	width: 7em;
	background-color: #F0F0F0;
	border: 1px;
}

#leftnav ul {
	margin-left: 0.5em;
	padding: 0;
	height:100%
}

#leftnav li {

	list-style-type: none;
	margin-left: 0;
	font-size: .8em;
	display: inline;
	
}

#leftnav a {
	display: block;
	font-family: Arial, sans-serif;
	padding: .1em .1em;

}

/* MAIN -------------------------------------------------------*/

#maincontent {
	margin: 0px 20px 20px 20px;
}

#maincontent img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid black;
}

#homepage {
	float:left;
}

#homecaption {
	margin-left: 740px;
	background-color: #ffffcc;
	border:4px silver solid;
	padding:0 0.4em;
	width:196px;
	height:544px;
	overflow:auto;
}

#homecaption p {
	font-family:"Comic Sans MS",cursive;
	font-size: medium;
	color: maroon;
}

#memcontent {
margin: 5px 5px 5px 120px;
font-family: Arial, sans-serif;
font-size:small;
}
table#prog {border-collapse: collapse; empty-cells: show; width:99%}
table#prog td,th {border:1px solid black; padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.col1 {width:10%}
.col2 {width:26%}
.col3 {width:40%}
.col4 {width:12%}
.col5 {width:12%}

table#hol {border-collapse: collapse; empty-cells: show; width:98%; margin-left:auto; margin-right:auto}
table#hol td {border:1px solid black; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
col#col1h {width:12%;}
col#col2h {width:12%;}
col#col3h {width:59%;}
col#col4h {width:15%; text-align:center}

table#pubprog {border-collapse: collapse; empty-cells: show; width:98%; margin-left:auto; margin-right:auto}
table#pubprog td {border:1px solid black; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
col#col1p {width:12%;}
col#col2p {width:25%;}
col#col3p {width:48%;}
col#col4p {width:15%; text-align:center}

.walktitle {
font-weight:bold;
/* margin-left:auto;
 margin-right:auto; */
text-align:center;
}

/* FOOTER -------------------------------------------------------*/

#footer {
	clear: both;
	text-align: center;
	padding: 5px 10px 5px 10px;
	background-color: #08560B;
	font-style: italic;
	font-size: 80%;
	color: white;
}

#footer img {
	border-width: 0px;
	padding-bottom:8px;
	
	float: left;

}
/* Members' home page -------------------------------------------------------*/


#leftpane {
/* 	border-right:1px gray solid; */
	float:left;
	width: 420px;
	margin-left:7px;
	padding: 0 0.2em 0.5em 0;
	font-family: Arial, sans-serif;
	font-size:10pt
}

#rightpane {
	float: right;
	width: 374px;
	margin-right: 7px;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	font-family: Arial, sans-serif;
	font-size:10pt 
}
.contrastbox {
	background-color: #e1edf7;
	margin:4px;
	border:1px silver solid;
	padding:0.1em;
}

.mempic {
	border: 1px solid #000000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.borderlesspic {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* SAWW NEWS -------------------------------------------------------*/

#ellmau img {
	border: 0;
}

#publicnewscontent {
	margin: 0px 100px 20px 100px;
}

.headline {
	color: #006400; 
	font-family: arial black; 
	font-size: 34pt;
}

.subhead {
	font-family: verdana; 
	font-size: 14pt;
	padding-bottom:0.5em;
}

.crosshead {
	color: #006400;
	text-align:center;
	font-family: arial black; 
	font-size: 12pt;
}

.caption {
	
	color: #006400; 
	font-size: 10pt;
	font-style:italic;
}

/* LEAD A WALK -------------------------------------------------------*/
#leadawalkcontent {
	margin: 0px 50px 20px 50px;
}

/* TABLE WITH BORDERS ------------------------------------------------*/

.withborders table
{
    width: 100%;
    border-color: #999999;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: arial; 
	font-size: 10pt;

}

.withborders td
{
    border-color: #999999;
    border-style: solid;
	margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
/*    background-color: #FFC; */
}

