/*
-----------------------------------------------
Main Page
Designer: Peggy Kolm
Date:     November 2006
Copyright: all photos copyright 2006 Peggy Kolm or Richard Kolm, all rights reserved
----------------------------------------------- */		
		
		/* Body
----------------------------------------------- */

		body   { color: #000000; font: small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; background-color: #deb887; text-align: left; margin: 0; padding: 10px }
a:link {
  color:#0000CD;
  text-decoration:none;
  }
a:visited {
  color:556B2F;
  text-decoration:none;
  }
a:hover {
  color:0000CD;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header    { background: #ffffff url(header.jpg) no-repeat left top; text-align: center; margin: 0 40px 10px; width: 800px; height: 125px }
#header-title    { color: #800000; font: 20pt/1.2em "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 5px 5px 0; padding: 20px 20px 0.25em }

#description   { color: #000; font: 10pt/normal "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 5px 5px; padding: 0 20px 5px }

	
	
	/* Content
----------------------------------------------- */

#content {
  width:800px;
  margin:20px 0 0 40px;
  padding:0;
  text-align:left;
  background: #ffffff;
  }
#main  { background-color: #ffffff; padding: 10px 0 0 10px; width: 775px }
	
	#footer {
  width:200px;
    background:#ffffff bottom left;
    margin:50;
  }
		

/* Headings
----------------------------------------------- */

h2 {
  margin:0em 0 0em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
      text-align:center;
  text-transform:uppercase;
  letter-spacing:.2em;
   padding:5px 0px 5px;
  color:#000000;
    border:1px solid #000000;
  }
  

h3 {
  margin:.5em 0 .75em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    color:#8B0000;
  text-transform:uppercase;
    padding:0px 0px;
  letter-spacing:.2em;
  }
  
  h4 {
  margin:1.5em 0 .75em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
    padding:5px 0px;
  color:#8B0000;
  }


/* Table Content
----------------------------------------------- */
TABLE    { display: table }
TR       { display: table-row }
THEAD    { display: table-header-group }
TBODY    { display: table-row-group }
TFOOT    { display: table-footer-group }
COL      { display: table-column }
COLGROUP { display: table-column-group }
TD, TH   { display: table-cell }
CAPTION  { display: table-caption }

TH { 
text-align: center; 
font: bold 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
vertical-align: baseline;
 }
  
  TD { 
text-align: left; 
font: 90% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
padding: 0 0 5px;
vertical-align: top;
 }
 

TD h1 {
  background:#ffffff;
  text-align: center;
  margin:5px 5px 0;
  padding:15px 0px .25em;
  font: 125% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  line-height:1.2em;
  color:#228B22;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
  
  TD h2 {
  background:#ffffff;
  text-align: center;
  margin:5px 5px 0;
  padding:15px 0px .25em;
  font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
  
  TD h3 {
  margin:.2em 0 .2em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    color:#000000;
    text-align:center;
    padding:0px 0px;
    letter-spacing:.1em;
  }

  TD h4 {
  margin:.2em 0 .2em;
  font:bold 75%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    color:#000000;
    text-align:center;
    padding:0px 0px;
    letter-spacing:.1em;
  }

/* Delicious
--------------------------------------------*/
.delicious-posts { margin: 1em; 
border: 0px solid #ddd; 
padding: 0; 
width: 20em; 
font-family: sans-serif;
 }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #F5FFFA }
.delicious-banner a { font-size: 100% }
.delicious-posts a:hover { text-decoration: underline }

.delicious-posts a { text-decoration: none; 
color: #0000ff; 
display: block; 
padding: 0.2em
 }
.delicious-post a { color: #008080 }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
    font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  font: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  color:#000000;
  line-height:1.5em;
  }
  


/* Footer
----------------------------------------------- */
#footer {
  width:600px;
  clear:both;
  margin:0 auto;
  padding:10
  background=#ffffff
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/*Tabs http://www.kalsey.com/tools/csstabs/
---------------------------------------------- */

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 40px;
	
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;

}

	
#menu a:link, #menu a:visited	 { color: #666; 
font-weight: normal; 
font-size: small; 
line-height: 14px; 
text-decoration: none; 
background-color: #fff8dc; 
float: left; 
margin-right: 8px; 
padding: 2px 10px; 
border: solid 1px #ccc }

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}


	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;

}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 20px;
	position : absolute;
	top : 172px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}



/* Collabsible Menus from http://javascript.about.com/library/blclmenu1.htm 

---------------------------------------------- */
.mC  { float: right; margin: 5px; width: 120px }
.mH  { color: #800000; font-weight: bold; font-size: small; margin: 10px 0; border-top: none #300; cursor: pointer }
.mL  { font-size: smaller; margin-top: 10px; margin-bottom: 10px; display: none }
.mO  { line-height: 1.5em; margin-left: 0px; display: block }