/*

INSIDE.CSS

All styles for inside pages

Do not alter

*/

@import url("reset.css");
@import url("classes.css");

body {
	background:#c29b6b;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
color: #6c3f14;
}

div#main {
	width:970px;
	margin:0 auto;
	position:relative;
}


div#content-body ul, div#content-body ol {
list-style-type: disc;
margin:10px 0px 10px 30px;
}

div#content-body li {
margin:0px 0px 4px 10px;
color:#333;
font-size:12px;
}

div#content-body ul.index {
list-style-type: none;
margin: 0.5em;
}

div#content-body ul.index-news {
list-style-type: none;
margin: 0.5em 0.5em 1.5em 0.5em;
}

div#content-body ul.index li {
margin: 0.5em 0;
padding: 0.5em;
}

div#content-body ul.index-news li {
margin: 0.15em 0;
padding: 0;
}

div#content-body ul div.photo_container {
    display: none;
}

.odd {
background-color: #C29B6B;
}

.even {
background-color: #EED5B1;
}



/* =top */

div#main div#top {
	width:950px;
	height:170px;
	background:url(../images/creekside/inside-top.jpg) no-repeat;
	z-index:1;
}

div#top img#logolink {
	position:absolute;
	top:30px;
	left:60px;
}

div#top div#nav {
	position:absolute;
	top:150px;
	left:450px;
}

div#nav a {
	color:#c29b6b;
	font-family:helvetica;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	margin:0px 0px 0px 25px;
}

div#nav a:hover {
	color:#fff !important;
}

div#content {
	font-family:helvetica, sans-serif;
}

div#top div#tagline {
	width:432px;
	position:relative;
	left:447px;
	top:90px;
}



/* =content */

div#content div#header{
	width:748px;
	height:63px;
	background:url(../images/creekside/inside-content-header.jpg);
	float:left;
}

div#content div#header h1 {
	font-family:Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:35px 0px 0px 15px;
}

div#content div#content-body {
	width:651px;
	min-height:400px;
	float:left;
	background:#eed5b1;
	margin:0px 0px -10px 1px;
	padding:0px 10px 100px 10px;
}

div#content div#sideart {
	position:relative;
	z-index:2;
	top:-44px;
	float:left;
	width:201px;
	min-height:600px;
	background:url(../images/creekside/side-art-bg.jpg) repeat-y;
}

div#content div#content-right {
	background:url(../images/creekside/inside-right-repeater.jpg) repeat-y;
	min-height:500px;
	width:57px;
	float:left;
}

div#content-body {
	font-size:12px;
	line-height:16px;
	color:#333;
}

div#content-body h1 {
	color:#6c3f14;
	font-size:18px;
	font-weight:bold;
	margin:5px 0px 5px 2px;
}

div#content-body h2 {
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	margin:5px 0px 5px 2px;
	color:#6c3f14;
}

div#content-body h3 {
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 5px 2px;
	color:#6c3f14;
}

div#content-body p {
	font-size:12px;
	line-height:16px;
	margin:6px;
	color:#333;
}

div#content-body a {
	color:#b71f34;
	text-decoration:none;
//	border-bottom:1px #b71f34 dotted;
}

div#content-body a:hover {
	color:#fff;
	border-bottom:none;	
}








/* =footer */

div#footer {
	width:739px;
	height:130px;
	clear:both;
	float:right;
	background:url(../images/creekside/inside-footer-bg.jpg) no-repeat center;
	position:relative;
	z-index:0;
	top:-70px;
	left:-61px;
}

div#footer div#footer_text {
	padding:10px;
	width:600px;
	margin:90px auto 0px auto;
	font-size:12px;
	color:#764817;
}

div#footer_text span {
	color:#eed5b1;
}

div#footer_text a {
	color:#764817;
	text-decoration:none;
}

div#footer_text a:hover {
	color:#eed5b1
}

div#footer div#extra {
	margin:5px 0px 0px 65px;
}














/*  =dropdown
	DROP DOWN MENU STYLES
	Altering these will result in a broken drop down navigation */

div#nav_menu {
	width:173px;
	height:22px;
	background:url("../images/creekside/menu.png") no-repeat;
	position:absolute;
	top:145px;
	left:200px;
	z-index:2;
	display:block;
}

div#dropdown {
	width:155px;
	border:1px #b71f34 solid;
	background:url(../images/creekside/dropdown-bg.gif) repeat #f5e5d0;
	position:absolute;
	z-index:1 !important;
	top:155px;
	left:203px;
	padding:20px 0px 20px 10px !important;
	display:none;
	visibility:hidden;
}

div#dropdown	:hover {
	display:block !important;
	visibility:visible !important;
}

div#nav_menu a {
	display:block;
	width:160px;
	text-decoration:none;
	color:#6c3f14;
	font-family:Helvetica, verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	height:16px;
	text-align:left;
	padding:5px 0px 0px 15px !important;
}

div#dropdown strong {
	color:#6c3f14;
	font-weight:bold;
}

div#dropdown ul {
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div#dropdown li {
	padding:0px 0px;
	margin:0px 0px 5px 0px;
	height:13px;
	vertical-align:middle;
}

div#dropdown li a{
	display:block;
	font-family:Helvetica, verdana, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:normal !important;
	color:#6c3f14;
	padding:3px 0px 3px 0px;
	margin:0px 10px 0px 0px;
}

div#dropdown ul li:hover a{
	background:#b71f34 !important;
	color:#f5e5d0 !important;
}

div#dropdown div.hr {
	display:block;
	margin:10px 9px 7px 0px;
	border-bottom:1px #b71f34 solid;
}




/* =fotoFrame */

div.photo_container {
		position:relative;
		z-index:1;
		float:right;
		min-height:200px;
	}
	
	div.photo_container div.tl {
		width:130px;
		height:100px;
		float:left;
		position:absolute;
		left:0px;
		z-index:2;
		background:url("../images/creekside/tl.jpg");
	}
	
	div.photo_container div.tr {
		width:130px;
		height:100px;
		float:right;
		position:absolute;
		right:0px;
		z-index:2;
		background:url("../images/creekside/tr.jpg");	
	
	}
	
	div.photo_container div.bl {
		width:130px;
		height:100px;
		float:left;
		position:absolute;
		z-index:2;		
		bottom:0px;
		background:url("../images/creekside/bl.jpg");	
	}
	
	div.photo_container div.br {
		width:130px;
		height:100px;
		float:right;
		position:absolute;
		z-index:2;		
		bottom:0px;
		right:0px;
		background:url("../images/creekside/br.jpg");		
	}
	
	div.photo_container img {
		position:relative;
		padding:20px;
		z-index:3;
	}

	
div#content-body ul, div#content-body ol {
list-style-type: disc;
margin:10px 0px 10px 30px;
}


div#content-body li {
margin:0px 0px 4px 10px;
color:#333;
font-size:12px;
}

blockquote {
margin:1px 20px;
}

div.scrapbook-index img {
width: 200px;
height: 150px;
}