/*
   css Copyright © 2008-2012 Karelia Software. All rights reserved.
   css released under Creative Commons License
		- http://creativecommons.org/licenses/by-sa/2.5/
   All associated graphics belong to their respective owners
		and are licensed separately.
*/

/* The Basics - see "Minimal Standards" in the CSS Spec */


p, div, h1, h2, h3, h4, form, input{
	padding:0;
	margin:0;
	}

img{
	padding:0;
	margin:0;
	border:none;
	}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}

ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}

a{
	border:0;
	}

/*------------------ General ------------------*/

.hidden	{
	display:none;
}

body {
	font-family:Optima, Tahoma, Arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

#page {
	margin:0 auto;
	width:771px;
	height:100%;
	float:none;
	text-align:left;
}

#main {
	min-height:200px;	/* make sure an empty page looks OK in safari/webkit */
	padding:0 6px;
}

.allow-sidebar #main {
	float:left;
	width:520px;
	}

.no-sidebar #main {
	width:743px;
	}

#main h2{
	font-size:26px;
	line-height:29px;
	font-weight:normal;
	margin:0 0 8px 0;
}

/*#main img{
	margin:0 auto 10px;
	}*/

#main p{
	margin-bottom:15px;
	line-height:19px;
	}

.clear {
	clear:both;
}

.article, .no-callouts {
	padding:0 0 30px;
	clear:left;
}

#sidebar .general-index .article{ padding-bottom:0;}

.article-info {
	clear:left;
}

.article-thumbnail{
	float:left;
	margin: 5px 10px 5px 0;
}

.narrow {
	display:block;
	float:right;
	clear:right;
	margin:0px 0 5px 10px;
}

.narrow.left{
	margin:0px 10px 5px 0!important;
}
.narrow.right{
	margin:0px 0 5px 10px!important;
}

.caption{
	text-align:center;
	color:rgb(0, 0, 0);
	}

.callout .caption{
	color:rgb(0, 0, 0);
	margin-bottom:10px;
	}
	
#sidebar .caption{
	color:rgb(223, 232, 219);
}
	
#sidebar .bordered .caption{
	color:#000000;
	}

.callout{
	float:left;
	width:216px;
	margin:0px 10px 0 0;
	}

.callout .pagelet {
	padding: 1px 8px 0px 8px;
}

.callout .pagelet.bordered {
	padding: 0px 7px 0px 7px;
}

* html .callout .pagelet {
	left: 0px;
}


#sidebar .pagelet {
	overflow:hidden;
	padding:2px 0;
	color:rgb(223, 232, 219);
}

.bordered .pagelet-body{
	color:rgb(0, 0, 0);
	}

.pagelet-body{
	padding:0 0 5px 0;
	}

.pagelet p a{
	color:rgb(0, 0, 0);
	}

.blockquote-container blockquote {
	padding: 0.3em 0 0 1em;
	margin: 0;
	border-left: 3px double;
	font-style: italic;
}

.photo-index h3{
	font-size:1em;
	font-weight:normal;
}


/* Photo Grid Flow */

.timestamp{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	margin-bottom:10px;
	}

#page-content {
	width:755px;
	margin:auto;
	float:left;	
	clear:both;
	margin-bottom:11px;
}



/*----------- Side bar --------------*/

#sidebar {
	float:right;
	width:200px;
	padding:3px 8px;
	position:relative;
}

*:first-child+html #sidebar {
	padding:3px 0px;
	left: -8px;
}

* html #sidebar {
	padding:3px 0px;
	left: -8px;
}

.pagelet {
	position: relative;
	width:200px;
}

* html .pagelet {
	left: 16px;
}

.pagelet.bordered{
	margin:0 0 5px 0; 
	padding:3px;
}

#sidebar .pagelet.bordered{
	width:200px;
	position: relative;
	left: -8px;
	padding:0px 8px;	
	border-left:none;
	border-right:none;
	}

*:first-child+html #sidebar .pagelet.bordered {
	width: 200px;
}

* html #sidebar .pagelet.bordered {
	width: 200px;
	left: 8px;
}

	
.pagelet h4{
	font-size:14px;
	line-height:19px;
	padding:10px 0px;
}

.caption {
	color:rgb(73, 82, 63);
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	}

#main-content .caption p{
	text-align:left;
	color:rgb(46, 29, 0);
	font-weight:normal;
	}

#sidebar a{
	font-weight:bold;
	text-decoration:none;
	border:none;
	}

#sidebar a:hover{
	text-decoration:none;
	border:0;
	}

#sidebar p {
	padding-bottom:5px;
}

.pagelet ul{
	padding: 0px 0px 8px 0px;
	}
#sidebar .pagelet ul{
	padding: 10px 0px 8px 0px;
	}

.pagelet ul li{
	line-height:17px;
	background:url(arrow-icon.gif) no-repeat 0 5px;
	padding:0 0 0 13px;
	border-bottom:dotted 1px  rgb(137, 137, 137);
	font-size:11px;
	margin-bottom:1px;
	text-align:left;
	}

.pagelet.bordered ul li, .callout .pagelet ul li {
	background-image: url(arrow-icon3.gif)
}

.pagelet ul li a{
	font-weight:bold;
	text-decoration:none;
}

.pagelet ul li a:hover{
	text-decoration:none;
	border:0;
}

#sidebar-content ul li.listEnd{
	border:0;
	}

.pagelet ul.archive li{
	background:url(arrow-icon2.gif) no-repeat 2px 7px;
	padding:0 0 3px 13px;
	}


#page-top{
	position:relative;
	width:771px;
	clear:both;
	padding:60px 0 12px 0;
	}

#title {
	background:url(m81.jpg) no-repeat 50% 50% rgb(255, 255, 255);
	min-height:234px;
	position:relative;
	border:solid 5px rgb(255, 255, 255);
	}

h1{
	font-size:20px;
	line-height:23px;
	color:rgb(255, 255, 255);
	padding:10px;
	margin-right: 1px;	
	/*position:absolute;
	height:234px;*/
	}

h1 a{
	color:rgb(255, 255, 255);
	text-decoration:none;
	}

#title p{
	font-weight:normal;
	margin:10px 10px 0 10px;
	font-size:13px;
	line-height:16px;
	color:rgb(255, 255, 255);
	}

#logo-container{
	position:absolute;
	right:65px; 
	bottom:-5px;
	width:200px; 
	height:129px;
	padding:4px;	
	text-align:center;
}



/*---- menu -----*/
#sitemenu-container {
	clear:both;
	position:absolute;
	margin:0 auto;
	top:20px;
	width:771px;
	height:40px;
	text-align:center;
	left:1px;
}

#sitemenu {
	height:40px;
}

#sitemenu-content ul{
	height:40px;
	padding:6px 0 0 10px;
}

#sitemenu-content ul li{
	float:left;
	margin:0 5px 0 0;
	padding: 0px;
	line-height:40px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}

#sitemenu-content ul li a{
	display:block;
	float:left;
	height:40px;
	color:rgb(206, 206, 206);
	text-decoration:none;
	font-size:11px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 8px;
	}

#sitemenu-content ul li a:hover, #sitemenu-content ul li a:focus, #sitemenu-content ul li.currentPage, #sitemenu-content ul li.currentParent {
	color:rgb(67, 67, 67);
	}

#sitemenu-content ul li.currentParent a  {
	color:rgb(67, 67, 67);
}

#sitemenu-content ul li.currentPage {
	padding:0 8px;
}


/*---- Menu ----*/




/*----- Page bottom ----*/

#page-bottom{
	height:114px;
	padding:35px 10px 0 10px;
	text-align:center;
	font-size:11px;
	line-height:14px;
	color:rgb(206, 206, 206);
	background:url(footer-bg.png) repeat-x 0 0;
	}

#page-bottom a{
	text-decoration:none;
	color:rgb(206, 206, 206);
	margin:0 3px;
	}

#page-bottom a:hover{
	text-decoration:underline;
	}

/*----- Page bottom ----*/





#main-content div a{
	text-decoration:underline;
	font-weight:bold;
	color:rgb(46, 29, 0);
	}

#main-content a:hover{
	text-decoration:none;
	}
	

h3 a{
	text-decoration:none;
	font-size:16px;
	line-height:21px;
	color:rgb(78, 80, 81);
	margin:10px 0 10px;
		}

ul {
	padding:10px 0 0 10px;
	margin:0;
	}

ol {
	padding: 10px 0 0 23px;
}

ul li, ol li{
	margin-bottom:5px;
	text-align:left;
	}

ul li{
	padding:0 0 0 13px;
	background:url(arrow-black.gif) no-repeat 0px 4px;
}

ol>li {
	padding-left: 0;
	background: transparent;
}

ul li h3 a{
	font-size:14px;
	line-height:19px;
	font-weight:normal;
	}

ul li h3 a:hover{
	text-decoration:underline;
	}
	
dt{
	margin:0 0 3px 0;
	} 
	
dd{
	margin:0 0 10px 80px;
	}


/*----------*/


a.imageLink, a.imageLink:hover {
	border:0px none;
}

.image-controls img{
	margin:0 auto;
	}

.photogrid-index
{
	text-align:center;
	overflow:visible;
	padding:0 0 0 12px;
/*	float:left;
*/}

#sidebar .photo{
	text-align:center;
	}

#sidebar .photo img{
	margin:5px auto;
	}

.photogrid-index a
{
	text-decoration:none;
	border-bottom:none;
}

.photogrid-index a:hover
{
	text-decoration:underline !important;
}

body.no-sidebar .photogrid-index {
	padding:0 0 0 10px;
}

.gridItem {
	width:141px;
	height:195px;
	float:left;
	padding:2px;
	position:relative;
	text-align:center;
	overflow:hidden;
}
	
.no-sidebar .gridItem {
	margin:0 2px 20px 0;
}

.allow-sidebar .gridItem{
	margin:0 10px 20px 10px;
	}


.gridItem div{
	margin:0 auto 10px;
	}

.gridItem img{
	display:block;
	margin:auto;
	position:absolute;
	top:0;
	bottom:45px;
	right:0;
	left:0;
	}
	
.gridItem h3{
	font-size:11px;
	float:none;
	width:130px;
	overflow:hidden;
	height:42px;
	padding:0 5px;
	position:absolute;
	top:153px;
	left:0px;
	
	}

.gridItem h3 a{
	font-size:11px;
	padding:5px 0 0 0;
	font-weight:normal!important;
	text-decoration:none!important;
	line-height:14px;
	}

	
*:first-child+html #main .gridItem img {
	position: relative;
}

* html #main .gridItem img {
	position:relative;
	margin:0 auto;
}

*:first-child+html .gridItem h3 {
	margin-top: -12px;
}

* html #main .gridItem h3 {
	top:140px;
}
#sidebar .photogrid-index{
	width:auto;
}
#sidebar .gridItem{

	margin-left:15px;
}
#sidebar .gridItem h3 a{
	font-size:12px;
	font-weight:normal;
}


/*----------*/

.VideoElement {
	text-align:center;
	padding-top:20px;
}

.ImageElement{
	text-align:center;
	padding:5px 0 0 0;
	}

/* ----------- Individual Photo Pages ---------------- */




.photo-navigation {
	position:relative;
	z-index:100;
	height:22px;
	margin:10px auto;
	width:222px;
}

.photo-navigation a:active {
	border:none;
}

#previous-photo	{
	width:78px;
	height:22px;
	text-indent:-5000em;
	float:left;
	
}

/*.allow-sidebar #previous-photo {
	left:127px;
}

.no-sidebar #previous-photo {
	left: 244px;
}*/

#previous-photo a {
	width:78px;
	height:22px;
	display:block;
	float:left;
}
#next-photo {
	text-indent:-5000em;
	width:53px;
	height:22px;
	float:right;
}

/*.allow-sidebar #next-photo {
	left:307px;
}

.no-sidebar #next-photo {
	left: 424px;
}*/


#next-photo a {
	width:53px;
	height:22px;
	display:block;
	float:right;
}
#photo-list {
	text-indent:-5000em;
	width:91px;
	height:22px;
	float:left;
}
	
/*.allow-sidebar #photo-list {
	left:213px;
}

.no-sidebar #photo-list {
	left: 330px;
}*/

#photo-list a {
	width:91px;
	height:22px;
	display:block;
	float:left;
}

.text-navigation{
	position:relative;
	top:15px; 
	height:43px;
	width:auto!important;
	text-align:center;
}

.text-navigation a, .text-navigation a:hover, .text-navigation a:active, .text-navigation #previous-photo, .text-navigation #next-photo, .text-navigation #photo-list{
	text-indent:0; 
	font-weight:bold;
	width:auto!important;
	font-size:14px;
	text-decoration:none!important;	
	float:none!important;
	display:inline!important;
	background:none!important;
}

/*MENU STYLE*/

#sitemenu li a{  	
	max-width:750px;
}

#sitemenu-content ul li ul{
	margin:-8px 0 0 -1px;
	border-top:0;
}

#sitemenu-content ul li ul a{
	float:none;
	text-shadow:none;
	height:auto;
	line-height:14px;
	padding:5px 10px;
	color:#000!important;
	background:none;
}
#sitemenu-content ul li ul li{
	background:none;
	padding:0;
}
#sitemenu-content ul li ul a:hover{
	text-decoration:none!important;
}
#sitemenu-content ul li ul li span.in{
	border:none;
}
#sitemenu-content ul li a.selected{
	color:#000!important;
}
#sitemenu-content ul li ul, #sitemenu-content ul li a.selected{
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
}
#sitemenu-content ul li ul li.currentPage span.in{
 	padding:0 10px!important;
	height:auto!important;
 }
.whiteBackground, #main h4{ color:#000;}
.whiteBackground a
{
	color:rgb(46, 29, 0)!important;
	text-decoration:underline!important;
}
.whiteBackground a:hover{ text-decoration:none!important;}
#main h2 a{ text-decoration:none;}