body {
	background-image: url("/images/backgrounds/jstone.jpeg");
	background-repeat: repeat;
}


#site-container {
	position:relative;
	margin:30px auto;
	width:802px;
	height:603px;
	border: 5px solid black;
}

/* site-top with logo and flash on right */

#site-top {
	position:absolute;
	left:0px;
	top:0px;
	width:801px;
	height:150px;
	overflow:hidden;
}

#site-top-left {
	position:absolute;
	left:0px;
	top:0px;
	width:392px;
	height:150px;
}

#site-top-right {
	position:absolute;
	left:392px;
	top:0px;
	width:412px;
	height:150px;	
}

/* Navigation Bar Settings  */

/*  The containing box area around the actual navigation bar */

#nana-nav-box {
	position:absolute;
	left:1px;
	top:150px;
	width:784px;
	height:35px;
	border-top: 8px solid rgb(90,164,39);
	border-right: 8px solid rgb(90,164,39);
	border-left: 8px solid rgb(90,164,39);
	border-bottom: 4px solid rgb(90,164,39);
	background-color: #f4f1dc;
}

/* The navbar itself, comprised of a div and a table. */

#navbar {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	font-family: "Present","Gill Sans",Arial, "MS Trebuchet", sans-serif;
	font-size: 15px;
	color: #1B8C2D;
}

#navbar td {
	text-align:center;
	color:#1B8C2D;
	overflow:hidden;
}

#navbar td:hover {
	color:#fff;
	background-color:#1b8c2d;
}

#navbar td.active {
	color:#fff;
	background-color:#1b8c2d;
}


#navbar a
{
	text-decoration:none;
	color:inherit;
	padding:10px 10px 10px 10px;
}
#navbar a:hover {
	color:inherit;
	background-color:inherit;
}

#main-content {
	position:absolute;
	left:1px;
	top:196px;
	width:550px;
	height:394px;
	border: 8px solid rgb(90,164,39);
	border-top: 4px solid rgb(90,164,39);
	/*background-image: url("images/nana-design-css_05.gif");*/
	/*background-repeat: no-repeat;*/
	overflow: hidden;
	color:rgb(90,164,39);
	z-index:2;
/*	background-image: url("/images/backgrounds/jerusalemstone-25p.jpg");*/
	background-color: #f4f1dc;
}

/* Main Body Scroll icons -- positioning and layer settings */

#scrollNavs {
	position:absolute;
	top:25px;
	left:15px;
	z-index:2;
}

/* Scrollable Content Area Settings */


#container {
	position:absolute;
	top:10px;
	left:55px;
	width:490px;
	height:365px;
	overflow:hidden;
}

#content {
	position:absolute;
	top:0px;
	left:0px;
}

/*#theme_quote {
	position:absolute;
	top:0px;
	left:0px;
	width: 550px;
	height:50px;
	display: block;
	border-bottom: 8px solid green;
}*/

/* Content Items in Main Body of Page */

div.content_item {
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 450px;
	display:block;
	border-bottom: dashed 1px #666;
}

h3.content_title {
	position:relative;
	top:0px;
	left:0px;
	color: rgb(90,164,39);
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 24px;
	font-variant: small-caps;
}

p.content_body {
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	position:relative;
	left:25px;
}

/* News Box on Right */

#nana-news-box {
	position:absolute;
	color:rgb(90,164,39);
	left:559px;
	top:193px;
	width:234px;
	height:193px;
	font-family: Verdana,"Times New Roman", sans-serif;
	font-size: 10px;
	background-image: url("/images/060322_11.gif");
	background-repeat: no-repeat;
	border-top:8px solid #5aa427;
	border-right:8px solid #5aa427;
	border-bottom:4px solid #5aa427;
}

#n_container {
	position: absolute;
	left: 15px;
	top:50px;
	width: 190px;
	height: 140px;
	overflow:hidden;
}

#n_content {
	position: absolute;
	left: 0px;
	top: 0px;
}

/* Events Box on Right */


#nana-events-box {
	position:absolute;
	color:rgb(90,164,39);
	left:559px;
	top:398px;
	width:234px;
	height:192px;
	font-family: Verdana,"Times New Roman", sans-serif;
	font-size: 10px;
	background-image: url("/images/060322_21.gif");
	border-top:4px solid #5aa427;
	border-right:8px solid #5aa427;
	border-bottom:8px solid #5aa427;
}

#e_container {
	position: absolute;
	left: 15px;
	top:50px;
	width: 190px;
	height: 140px;
	overflow:hidden;
}

#e_content {
	position: absolute;
	left: 0px;
	top: 0px;
}

/* Custom Tag Styles -- These tags are for inside the news and events boxes. */

item {
	position:relative;
	margin-bottom:10px;
	display:block;
}

item heading {
	position:relative;
	font-weight: bold;
	display:block;
	color: #666;
}

item content {
	position:relative;
	font-weight: normal;
	font-style: italic;
	display:block;
}

item content p {
	display:block;
	margin:0px 0px 4px 0px;
}

item a {
	text-decoration: none;
	font-weight: bold;
	color:inherit;
}

item a:hover {
	text-decoration:none;
	font-weight:bold;
	font-style: italic;
	color: inherit;
}

/* Styles for Positioning of Crawler and Scroller controls in news and events boxes */


.right-crawl-icon {
	position:absolute;
	left:20px;
	top:20px;
	width:15px;
	height:15px;
}

.right-scroller-up {
	position: absolute;
	left:220px;
	top:60px;
	width:20px;
}

.right-scroller-down {
	position: absolute;
	left:220px;
	top:180px;
	width:20px;
}

/* Settings for "ourmenu.php" -- Menu Display Styles */

.menu-section {
	width:400px;
}

.menu-section section_title {
	display:block;
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 28px;
	font-variant: small-caps;
	color: #666;
	border-bottom: dotted 1px black;
}

div.menu-item {
	display: block;
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	color: #000;
	/*border-bottom: solid 1px #1b8c2d;*/
	position: relative;
	left: 25px;
}

p.menu-item-title {
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5AA427;
}

p.menu-item-description {
	font-family: "Gill Sans",Verdana,Arial,Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-indent: 25px;
}

#menu-selector {
	position:fixed;
	top:225px;
	left:470px;
	color:#666;
}

#menu-selector select {
	color: white;
	background-color: #5aa427;
}