HTML, BODY { height: 100%; }

BODY {

	/*background: url(../images/bg_tile.gif); */
	margin: 0px;
	background-color: #FFF;

}

IMG {

border: none;

}

A, INPUT { outline: none;}

INPUT {cursor: default; }

A:visited {

	color: purple;
	text-decoration: none;

}

A {

	color: blue;
	text-decoration: none;

}

A:hover {

	color: red;
	text-decoration: none;

}

#footer A:visited {

	color: #999;
	text-decoration: none;

}

#footer A {

	color: #999;
	text-decoration: none;

}

#footer A:hover {

	color: #42210B;
	text-decoration: none;

}

A.active {

	color: green;
	text-decoration: none;

}

TD {

color: #FFF;

}


DIV {

	font: normal 14px Arial; 
	color: #42210B;
	line-height: 20px;
	border: 0px solid red;

}

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px "Helvetica", "Arial"; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

/************************/

#header-container {

	width: 993px; 
	height: 127px; 
	margin-left: 25px; 
	margin-top: 25px;

}

/*#utility-menu {

	height: 57px; 
	text-align: right; 
	font: bold 12px Arial; 
	color: #A57C52;

}*/

#logo-container {

	height: 70px;

}

#logo {

	float: left; 
	width: 550px; 
	height: 70px;

}

#body-container {

	background: url(../images/works_gradient.gif) repeat-x; 
	background-color: #e0cb9e; 
	padding-left: 30px; 
	padding-top: 30px; 
	min-height: 700px;
	min-width: 993px;

}

#body-container-blog {

	background: url(../images/blog_gradient.gif) repeat-x; 
	background-color: #d7bf9a; 
	padding-left: 30px; 
	padding-top: 30px; 
	min-height: 700px;
	min-width: 993px;

}

#body-container-discover {

	background: url(../images/discover_gradient.gif) repeat-x; 
	background-color: #be9762; 
	padding-left: 30px; 
	padding-top: 30px; 
	min-height: 700px;
	min-width: 993px;

}

#content-column {

	float: left; 
	width: 515px; 
	padding-bottom: 30px;
	font: normal 14px Arial;
	line-height: 20px;
	color: #42210B;

}

#content-column H2 {

font-size: 14px;
line-height: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;

}

#content-column H3 {

font-size: 14px;
line-height: 10px;
margin-top: 20px;
margin-bottom: 5px;
font-weight: normal;

}

#content-column A:visited {

color: #7a6354;

}

#content-column A {

color: #7a6354;


}

#content-column A:hover {

color: #FFFFFF;

}

.content-title {

	margin-bottom: 15px; 
	font-size: 26px; 
	line-height: 28px; 
	color: #ede7ce;

}

.pullquote {

	font-size: 14px; 
	line-height: 20px; 
	color: #916942;

}

.content-copyright {

	margin-top: 65px; 
	font: normal 12px Arial; 
	color: #A57C52; 
	line-height: 14px;

}

.stack-intro-container {

	border-bottom: 1px solid #A57C52; 
	padding-bottom: 5px; 
	margin-bottom: 8px;

}

.stack-intro {

	margin-top: 10px;
	font-size: 14px; 
	line-height: 20px; 
	color: #916942;
	padding-bottom: 10px;

}

.stack-container {

	border-bottom: 1px solid #A57C52; 
	padding-bottom: 10px; 
	margin-bottom: 10px;

}

.stack-container .left {

	float: left; 
	width: 350px; 
	margin-bottom: 10px; 
	font-size: 24px; 
	line-height: 28px;
	letter-spacing: -1px;

}

.stack-container .left-copy {

	float: left; 
	width: 410px; 

}

.stack-container .right {

	margin-left: 355px; 
	text-align: right; 
	margin-bottom: 10px; 
	padding-top: 8px; 
	font-size: 12px;
	color: #A57C52;

}

#right-sidebar {

	margin-left: 615px; 
	width: 370px; 
	font-size: 22px;

}

#share A {

color: #A57C52;

}

#share A:hover {

color: #42210B;

}

.sidebar-nugget {

	border-bottom: 1px solid white; 
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	margin-right: 20px;
	color: #A57C52;

}

.sidebar-nugget-blog {

	border-bottom: 1px solid white; 
	padding-bottom: 15px; 
	margin-bottom: 10px; 
	margin-right: 20px;
	color: #A57C52;

}

.sidebar-nugget .head {

	font-size: 15px;

}

#works-menu {

font: normal 14px Arial;
line-height: 20px;
color: #A57C52;

}

#works-menu A.sub {

padding-left: 20px;

}

.sidebar-nugget A:visited {

color: #A57C52;

}

.sidebar-nugget A {

color: #A57C52;


}

.sidebar-nugget A:hover {

color: #42210B;

}

.sidebar-nugget-blog A:visited {

color: #42210B;

}

.sidebar-nugget-blog A {

color: #42210B;


}

.sidebar-nugget-blog A:hover {

color: #FFFFFF;

}

#works-menu A.active {

color: #42210B;


}

#footer {

	margin-left: 30px; 
	margin-top: 15px; 
	color: #999; 
	font-size: 11px; 
	padding-bottom: 50px;

}

/************************/
 
#top-menu {
 
	height: 57px;
	margin-left: 555px; 
 
 }

#top-menu ul { 


	padding: 0px;
	margin: 0px;

}
		
 #top-menu li { 

	/*line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block;
	padding-left: 0;
	height: 11px; 
	float: left; 
	text-indent: -9999px;
	font-size: 10px;
	border-right: 1px solid #42210B;
	margin-right: 10px;
	background-position: 0 0;

} 

*html #top-menu li { height: 52px; }

 #top-menu li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%;

}

 #top-menu li.active { 

	background-position: 0px -12px;

}
			
 #top-menu li:hover { 

	background-position: 0px -12px;

}

#join-list { background: url(../images/top_join_list.png) no-repeat; width: 65px; }

#calendar { background: url(../images/top_calendar.png) no-repeat; width: 75px; }

#contact { background: url(../images/top_contact.png) no-repeat; width: 65px; }

#services { background: url(../images/top_services.png) no-repeat; width: 65px; }

#donate { background: url(../images/top_donate.png) no-repeat; width: 60px; }

#search { background: url(../images/top_search.png) no-repeat; width: 50px; }

/*************************************************************/
 
#main-menu {
 
	height: 52px;
	padding-top: 18px; 
	margin-left: 615px; 
 
 }

#main-menu ul { 


	padding: 0px;
	margin: 0px;

}
		
 #main-menu li { 

	/*line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block;
	padding-left: 0;
	height: 52px; 
	width: 125px; 
	float: left; 
	text-indent: -9999px;
	font-size: 10px;
	background-position: 0 -52px;

} 

*html #main-menu li { height: 52px; }

 #main-menu li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%;

}

 #main-menu li.active { 

	background-position: 0px 0px;

}
			
 #main-menu li:hover { 

	background-position: 0px 0px;

}

#discover { background: url(../images/discover_tab.gif) no-repeat; }

#works { background: url(../images/works_tab.gif) no-repeat; }

#blog { background: url(../images/articles_tab.gif) no-repeat; }

/********************************************************************/
 
#sidebar-headline {
 
	height: 12px;
	margin-bottom: 7px;
 
 }

#sidebar-headline ul { 

	padding: 0px;
	margin: 0px;

}
		
#sidebar-headline li { 

	/*line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block;
	padding-left: 0;
	height: 12px; 
	text-indent: -9999px;

} 

*html #sidebar-headline li { height: 12px; }

#sidebar-headline li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%;

}

#sidebar-headline li.active { 

	background-position: 0px -12px;

}
			
#sidebar-headline li:hover { 

	background-position: 0px -12px;

}

#j-works { background: url(../images/sb_juniper_works.png) no-repeat; }

#j-papers { background: url(../images/j-papers.png) no-repeat; }

#j-written-works { background: url(../images/sidebar_written_works.png) no-repeat; }

#j-talks { background: url(../images/sb_courses.png) no-repeat; }

#j-rec-reading { background: url(../images/sb_rec_reading.png) no-repeat; }

#j-reader-feedback { background: url(../images/sb_reader_feedback.png) no-repeat; }

#j-recommends { background: url(../images/sb_recommends.png) no-repeat; }

#j-archives { background: url(../images/sb_archives.png) no-repeat; }

#j-categories{ background: url(../images/sb_categories.png) no-repeat; }

#j-story{ background: url(../images/sb_story.png) no-repeat; }

#j-name{ background: url(../images/sb_name.png) no-repeat; }

#j-team{ background: url(../images/sb_team.png) no-repeat; }

#j-faq{ background: url(../images/sb_faq.png) no-repeat; }

#j-calendar{ background: url(../images/sb_calendar.png) no-repeat; }

#j-list{ background: url(../images/sb_join_list_updates.png) no-repeat; }

#j-services{ background: url(../images/sb_services.png) no-repeat; }

#j-contact{ background: url(../images/sb_contact.png) no-repeat; }

#j-donate{ background: url(../images/sb_donate.png) no-repeat; }

#j-home{ background: url(../images/sb_home.png) no-repeat; }

#j-discover{ background: url(../images/sb_discover.png) no-repeat; }

#j-works{ background: url(../images/sb_works.png) no-repeat; }

#j-blog{ background: url(../images/sb_blog.png) no-repeat; }

#j-articles{ background: url(../images/sb_articles.png) no-repeat; }

#j-rss{ background: url(../images/sb_rss_feed.png) no-repeat; }

#j-whatsnew{ background: url(../images/whatsnew_sb_head.png) no-repeat; }

#sidebar-button {
 
	height: 69px;
	margin-bottom: 15px;
 
 }

#sidebar-button ul { 

	padding: 0px;
	margin: 0px;

}
		
#sidebar-button li { 

	/*line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block;
	padding-left: 0;
	height: 69px; 
	text-indent: -9999px;

} 

*html #sidebar-button li { height: 69px; }

#sidebar-button li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%;

}

#home-discover{ background: url(../images/home_discover.png) no-repeat; }

#home-discover:hover { background-position: 0px -70px; }

#home-works{ background: url(../images/home_works2.png) no-repeat; background-position: 0px 2px; }

#home-works:hover { background-position: 0px -66px; }

#home-blog{ background: url(../images/home_articles.png) no-repeat; }

#home-blog:hover { background-position: 0px -69px; }

/* //=======================// */

#commentForm LABEL { float: left; width: 200px; text-transform: uppercase; }

#commenForm P { margin-bottom: 10px; }

#commentForm INPUT { background-color: #e6d5bc; width: 300px; padding: 3px; border: none; }

#commentForm TEXTAREA { background-color: #e6d5bc; width: 300px; padding: 3px; border: none; }

#commentForm #submit_button { background-color: #e6d5bc; border: 1px solid #42210B; width: 150px; }

/* //=======================// */

#contactForm LABEL { clear: left; width: auto; font-weight: bold; font-size: 11px; text-transform: none; }

.fake-label { clear: left; width: auto; font-weight: bold; font-size: 11px; text-transform: none; color: #42210B; }

#contactForm P { margin-bottom: 25px; }

#contactForm INPUT { background-color: #e6d5bc; width: 500px; padding: 3px; border: none; }

#contactForm TEXTAREA { background-color: #e6d5bc; width: 500px; padding: 3px; border: none; }

#contactForm #submit_button { background-color: #e6d5bc; border: 1px solid #42210B; width: 150px; }

A.white-hover:hover { color: #FFF; }

/**************************************************************

	Validate
	v 2.1

**************************************************************/


#commentForm, #contactForm .errorMessage {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}


/*************************************************************/

.story H3 { color: #FFF; }