* {
	margin:0px;
	padding: 0px;
}

body {
	font-family: Georgia, Times, serif;
	font-size:86%;
	background:#e0f0e0;
	color:#336;
	word-wrap:break-word;
	line-height:1.6;
}

a {
	color:#303530;
	background: #e0f0e0;
	text-decoration:none;
}

a:hover {
	color:#696;	
}

a.imageLink {
	background: transparent;
}

img {
	border:0px #303530 none;
}


ul {
	list-style-type:square;
}

ul, ol, dd {
	padding-left:2em;
}

dt {
	font-style: italic;
}

/* PAGE SHADOW */


#page-container {
	margin: 3em auto;
	position:
relative;
	right: 0%;
	z-index: 0;
}

/* No Shadow for IE <= 6 */
body > #page-container {
	background:url(Shadow.png) center repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Hides from IE5-mac \*/
#page-container > #extraDiv1 {
	position:center;
	background:#e0f0e0  url(Shadow-top.png) center top no-repeat;
	top: -4px;
	width: 100%;
	height:16px;
	z-index: 10;
}

#page-container > #extraDiv2 {
	position:relative;
	background: #e0f0e0 url(Shadow-bottom.png) center bottom no-repeat;
	bottom: -7px;
	width: 100%;
	height:16px;
	z-index: 10;
}
/* End hide from IE5-mac */



/* GENERALITIES */

#page {
	width: 770px;
	margin: 3em auto;
	border: 1px solid #999;
	background: #fff;
	position:relative;
	margin: auto !important;
	z-index: 20;
}


.article p, .pagelet p {
	margin-bottom: 0.8em;
}


.article-content, .article-info, .caption, .no-callouts, .article-summary, .article-thumbnail {
	padding:0px 10px;
}

#logo-container {
	float:left;
}

/* IE5/Mac love*/
* html>body #logo-container {
	width:200px;
	text-align:left;
}


/* TITLE */

#page-top {
	background: #303530;	
	color: #fff;
	padding: 1em 1em 0em 1em;
}

#title {
	text-align:right;
}

#title h1 {
	font-size: 166%;
	padding: 1em 1em 0em 1em;
}

#title h1 a {
	text-decoration:none;
	color: #fff;
	background: transparent;
}

#title h1 a:hover {
	text-decoration:underline;
}

#title p {
	text-transform: uppercase;
	font-size:87%;
	color: #aba;
	margin: 0em 2em 2em 2em;
}

h2, h3, h4, #page-top, #page-bottom, form, .pagelet {
	font-family: Futura, Tahoma, sans-serif;
}

h2 {
	padding:0px 10px;
	margin:1em 0em;
}

.article, .no-callouts {
	clear: left;
}

.article h3 {
	padding:0px 10px;
	margin:2em 0em 1em 0em;
	border-top: 2px solid #303530;
	border-bottom: 1px solid #bbb;
}

h4 {
	font-size:100%;
}


/*
SITEMENU
*/
#sitemenu-container {
	clear:both;
}

#sitemenu ul {
	width:100%;
	list-style:none;
	padding: 0px;
	overflow:hidden;
}

#sitemenu ul li {
	display:inline;
}

#sitemenu a {
	text-decoration:none;
	color:#e0f0e0;
	background: transparent;
}

#sitemenu span.in {
	display:inline-block;
	padding:0.4em 0.7em;
	line-height:2em;	
}

#sitemenu .currentPage span.in {
	background: #fff;
	color: #343;
}

#sitemenu .currentParent a span.in, #sitemenu li a:hover span.in {
	background: #aba;
	color: #343;
}





/*
SIDEBAR & CALLOUTS
*/
body.allow-sidebar #page {
	background: #fff url(sidebar-gradient.png) 540px 0px repeat-y;
}


body.allow-sidebar #main {
	margin-right:245px;
	padding-top:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar {
	margin-top:10px;
	width:230px;
	float:right;
}

.callout {
	width:230px;
	float:left;
	margin-right:10px;
}

.pagelet {
	/* border-top: 2px solid #303530; */
	margin-bottom:2em;
	line-height:160%;
	font-size:89%;
}

/* IE5/Mac Love */
* html>body .pagelet {
	overflow:hidden;
}


.pagelet h4 {
	border-bottom: 1px solid #303530;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.pagelet h4 span.in {
	display:block;
	padding:4px 0.5em 2px 0.5em;	
}

.pagelet.bordered {
	border:2px solid #303530;	
}

.callout .pagelet.bordered {
	border-left: 0px none;
}

#sidebar .pagelet.bordered {
	border-right: 0px none;
}

.callout .pagelet.bordered h4 {
	margin:-2px -2px 0.5em 0px;
}

#sidebar .pagelet.bordered h4 {
	margin:-2px 0px 0.5em -2px;
}


.pagelet.bordered h4 {
	background:#303530;
	color: #fff;
	padding:0px 3px;
}

.pagelet-body {
	margin:0px 6px;
}

.pagelet.bordered .pagelet-body {
	margin:5px 6px;
}

.pagelet .ImageElement, .pagelet .VideoElement {
	padding:8px 0px 3px 0px;
}

.pagelet p {
	padding:0px;
}

/* 
PHOTO GRID PAGE
*/

.photogrid-index {
    height:1%; /*  for the IEs */
	position:relative; /* for IE < 7 */
	margin:auto;
    text-align: center;
	padding: 0em 12px;        
}

.gridItem {
/*	display:inline-block; argh! Firefox can't do this */
	float:left;
    position:relative;
    width:150px;
    height:190px;
   	margin:5px;
    overflow: hidden;
}

.gridItem * {
	padding:0px;
	margin: 0px;
}

.gridItem a.imageLink {
	position: absolute;
	bottom:54px;
	left:10px;
	width: 130px;
	display:block;
	text-align:center;
}

.gridItem img {
    border: 1px solid #999;
    margin: auto;
 }

.gridItem h3 {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:190px;
	background: transparent;
    font-size: 100%;
}

.gridItem h3 a {
	display:block;
	position:absolute;
	top:0px;
	left: 0px;
	width:150px;
	height: 54px;
	padding-top: 136px;
	background: transparent;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	font-size:100%;
	font-weight:normal;
	color:#5a4232;
}

.gridItem:hover {
    background: url(photogrid-item-gradient.png) repeat-x;
}

.gridItem h3 span.in {
	margin-top: 136px;
	display:block;
	width: 100%;
	padding:2px;
}


.gridItem h3 a span.in {
	/* if we're inside a link, the link will provide correct positioning */	
	margin-top: 0px; 
}




/* IE Hack */
/* Hides from IE5-mac \*/
* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3 {
	position: relative;
	top: 0px;
}
/* End hide from IE5-mac */




/*
PHOTO NAVIGATION
*/

.photo-navigation {
	position:relative;
    height: 21px;
    width:200px;
    margin:0px auto 8px auto;
}

.photo-navigation div {
	width:46px;
	height:21px;
	position: absolute;
    text-indent: -5000em;
}

/* some love for IE5/Mac */
* html .photo-navigation>div {
	text-indent: 5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo, #next-photo, #photo-list, #previous-photo a, #next-photo a, #photo-list a {
	background-image: url(Arrows.gif);
	background-repeat: no-repeat;
}

* html #previous-photo a, * html #next-photo a, * html #photo-list a, * html #previous-photo a, * html #next-photo a, * html #photo-list a {
	background-image: url(Arrows.gif);
}


#previous-photo	{
    left: 26px;
   	background-position: 0px -39px;
}

#previous-photo a {
	background-position: 0px 0px;
}

#next-photo {
    background-position: -100px -39px;
    left: 133px; 
}
#next-photo a {
    background-position: -100px 0px;
}

#photo-list {
    background-position: -53px -39px;
    left: 83px;
}
#photo-list a {
    background-position: -53px 0px;
}

.image-controls a {
	border-bottom:none !important;
}

/* for some reason IE5/Mac applies this to paragraphs after .article-info, so better hide it */
/* Hides from IE5-mac \*/
.article-info {
	text-align:right;
	font-style: italic;
}
/* End hide from IE5-mac */



/* 
PAGE BOTTOM
*/
#page-bottom {
	margin-top:24px;
	padding:0.5em 1em;
	border-top: 3px solid #000;
	line-height:1.4em;
	text-transform: uppercase;
	font-size: 87%;
	font-weight: bold;
	background: #303530 url(floral-decoration.gif) 6px 0.3em no-repeat; 
	color: #e0f0e0;
}

#page-bottom p {
	margin-left: 24px;
}

#page-bottom a {
	background: transparent;
	color: #e0f0e0;
	text-decoration: underline;
}


't change them unless you have very good reason to do so.
*/
.clear {clear: both; height: 0;}
#main .clear {clear:left;}
.hidden {display:none;}
img.narrow {float: right;  margin: 0em 0em 0.8em 0.8em;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}