/* CSS Document */

body { text-align:center;
		min-width:980px;
		background-color:#000;
margin:0;
padding:10px 0px;
      font:x-small/1.5em Arial,sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
}
	  html>body {font-size:small;}


.printmedia {display:none;
}
#container {width:976px;
			margin:0 auto;
			text-align:left;
			background-color:#fff;
			background-image:url(i/background.jpg);
			background-position:top;
			background-repeat:repeat-y;
			overflow:visible;
}
#banner{height:86px;
margin:0;
padding:0;
}
#banner h1{display:none;margin:0;padding:0;
}
/*This wrap is for creek diary without left navigation area */
html>body #wrap {width:750px;
float:right;
line-height:normal;
margin:0px 80px 0px 80px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wrap {width:780px;
float:right;
line-height:normal;
margin:0px 60px 0px 60px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*template pages use contentWrap with a left nav area */
#contentWrap {width:750px;
float:right;
line-height:normal;
margin:0px 5px 0px 0px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* contentWrapCreek same as ContentWrap, but uses background image of water droplets -- creek man page only */
#contentWrapCreek {width:750px;
float:right;
line-height:normal;
background-image:url(images/creek/bg-1.gif);
background-repeat:repeat;
overflow:hidden;
margin:0px 5px 0px 0px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#contentWrap #mainContent {float:left;
width:540px;
background-image:url(i/dottedv.gif);
background-repeat:repeat-y;
background-position:top right;
}

#contentWrapCreek #mainContent {float:left;
width:540px;
background-image:url(i/dottedv.gif);
background-repeat:repeat-y;
background-position:top right;
}
#mainContent p {margin:5px 5px 5px 0px;
}
#mainContent p.first {margin:0px 5px 5px 0px;
}
#mainContent h1, h2, h3, h4 {font-family:"Comic Sans MS", sans-serif;
color:#600;
}
#mainContent h1 {margin:0px 5px 10px 0px;
padding:0px 3px;
border:1px solid #cdc097;
background-color:#fbf2d7;
font-size:1.5em;
}
#mainContent h2 {margin:10px 5px;
font-size:1.3em;
}
#mainContent h3 {margin:8px 5px;
font-size:1.1em;
}
#mainContent a {color:#0066CC;
text-decoration:none;
}
#mainContent a:hover {color:#0066FF;
text-decoration:underline;
background-color:#fbf2d7;
}

/*for announcements in the mainContent area */
#mainContent #news {float:right;
width:180px;
margin:10px 5px 10px 10px;
border:1px solid #cdc097;
}
#mainContent #news p {margin:5px 5px 10px 5px;
font-size:93%;
}
#mainContent #news h3 {font-size:1.2em;
margin:0px 0px 10px 0px;
padding:0px 2px;
color:#FF6600;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #fbf2d7;
}

#mainContent #news a {color:#0066cc;
text-decoration:none;
}
#mainContent #news a:hover {color:#0066ff;
text-decoration:underline;
background-color:#fbf2d7;
}
#mainContent td {border-right:1px solid #cdc097;
border-bottom:1px solid #cdc097;
padding:3px;
}
#mainContent table {border-top:1px solid #cdc097;
border-left:1px solid #cdc097;
border-collapse:collapse;
margin:0;padding:0;
}

#mainContent #image-right {float:right;
width:180px;
margin:10px;
padding:5px;
border:1px solid #cdc097;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#mainContent #image-rightlg {float:right;
width:280px;
margin:10px;
padding:5px;
border:1px solid #cdc097;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}
/*this next rule for shop.html page -- each cd and info gets a box */
#mainContent .cd {width:520px;
border:1px solid #cdc097;
margin:10px 5px 10px 0px;
padding:5px;
}
/* begin rules for right column here */

#contentWrap #rightCol {float:right;
width:200px;
}
#contentWrapCreek #rightCol {float:right;
width:200px;
}
#rightCol h3 {font-size:1.2em;
margin:0;
padding:0px 2px;
color:#FF6600;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #fbf2d7;
border-top:1px solid #cdc097;

}


#rightCol p {margin:0;
			padding:0;
			font-size:90%;
}
#rightCol a {color:#0066CC;
text-decoration:none;
}
#rightCol a:hover {color:#0066FF;
text-decoration:underline;
background-color:#fbf2d7;
}


/*nav area rules */

#nav {	width:200px;
		float:left;
		margin:0;
		padding:0;
		background-image:url(i/NavBackground.jpg);
		background-position:top left;
		background-repeat:no-repeat;		
}
#nav ul {margin:20px 0 20px 0;
		list-style-type:none;
}

#nav li {margin:0;
		padding:0;
}

#nav ul li a {display:block;
			width:150px;
			height:30px;
			line-height:20px;
			padding:0px 0px 0px 40px;
			margin:0px;
			color:#cb7541;
			text-decoration:none;
			font-family: "Comic Sans MS", Verdana, arial, sans-serif;
			font-size:14px;
			font-weight:bold;
}

html>body #nav ul li a {display:block;
			width:150px;
			height:30px;
			line-height:20px;
			padding-left:0px;
			color:#cb7541;
			text-decoration:none;
			font-family: "Comic Sans MS", Verdana, arial, sans-serif;
			font-size:16px;
			font-weight:bold;
}

#nav ul li a:hover {color:#000;
}

/*begin footer here */
#footer {clear:both;
margin:0;
		border-bottom:5px solid #c57a43;
		border-top:1px solid #ddd;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color:#fbefd7;
		color:#333;}
#footer p {		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
text-align:center;
margin:0; padding:0;
margin-top:2px;
margin-bottom:2px;
}

#footer a {		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
color:#cb7541;
}