/* 
   css Copyright (c) 2005-2006 by 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. 
*/

a img { border: none; }

.hidden { display: none; }
.clear { position: relative; float: none; clear: both; height: 0; }

img.narrow { float:right; margin: 6px 0 6px 6px; }
img.wide { display:block; clear: both;}

body { background: #c4d7f7 url(bodybg.gif) repeat-x; margin: 0; padding:0px; font-family: verdana,helvetica,arial,sans-serif; font-size: 10px; word-wrap:break-word;}
h4, h5, h6 {font-size: 100%; margin: 0em 0em 0.5em 0em;}

#page-container {position: relative; float:none; background: url(pagebg.gif) no-repeat top left; width: 764px; margin: 0 auto; }
#page-top { margin-bottom: 0; min-height: 203px; clear: both;}
#page-top h1, #page-top p { margin-top: 0; }
#page-content {float: left; margin-top: 10px;}
#title { min-height: 183px;float: left; padding: 10px 10px 10px 484px; clear: both; }
* html #title { height: 200px; padding-bottom: 0px;}

#logo-container img { display: block; margin-left:60px;}

#title h1 { font-size: 15px; color: #09367b; margin: 6px 0; padding-top:27px; width:260px!important; padding-left:20px; height:78px; }
#title h1.replaced {padding:27px 0px 0px 0px!important;}
#title p {  color: #fff; margin: 0; margin-left:20px; font-weight: normal; }
#title h1 a { color: #09367b; text-decoration: none; }
#title h1 a:hover { text-decoration: underline; }

#sitemenu-container {float: left; padding-bottom: 13px; background: url(sitemenubottombg.gif) no-repeat bottom left; clear: both;}
#sitemenu ul {float: left; width:736px; margin: 0; padding: 0 14px; background: url(sitemenubg.gif) repeat-y 0 0;}
#sitemenu {float: left; background: url(sitemenutopbg.gif) no-repeat 0 0; padding-top: 13px;}
#sitemenu li { display:inline; margin-right: 10px; height: 12px; line-height: 12px; list-style: none; }
#sitemenu a { color: #ffdc63; font-weight: normal; text-decoration: none; }
#sitemenu a:hover { color: #ffdc63; text-decoration: underline; }
#sitemenu .currentPage, #sitemenu .currentParent a { font-weight: bold; color: #fff; }

#sidebar-container { width: 260px; float: left; margin-right: 10px; }
#sidebar-top { background: url(sidebartopbg.gif) no-repeat; height: 14px; }
#sidebar-content { margin: 0; padding: 0 5px 4px; background: #ffdc63;  color: #333;}
#sidebar-bottom { background: url(sidebarbottombg.gif) no-repeat 0 100%; height: 14px; }

	#sidebar-content h4 {position: relative; font-size: 13px; margin: 0 0 1em;}
	.pagelet.o h4 {  color: #91a5c7; padding-left: 0; line-height: 13px; background: transparent; }
	.pagelet.e h4 { font-size: 11px; color: #e95707; padding-left: 32px; padding-right: 20px; height: 43px; line-height: 43px; background: url(sidebarh3bg.gif) no-repeat 0 9px; overflow:hidden; margin:0px;}

	.pagelet a { color: #0797e9 !important; }	
	#sidebar .pagelet.bordered {border:#e95707 3px double;padding:5px;}
	.pagelet p {margin:0px; padding:0px 0px 0.5em !important;}
	.pagelet { margin-bottom: 12px; }
#sidebar-content .caption {margin-bottom: 1em;}
#main {width: 491px; float: left; color: #e1e1ff; }
#main-top { background: url(maintopbg.gif) no-repeat top left; height: 14px; }
#main-content { margin: 0; padding: 0 5px 14px; background: #224f97 }
#main-bottom { background: url(mainbottombg.gif) no-repeat bottom left; height: 142px; }

	#main-content h4 { position: relative; font-size: 11px; }
	#main-content h2, #main-content .o h3 {position: relative;  margin: 0 0 1em; padding: 0; font-size: 14px;  color: #91a5c7; line-height: 14px; background: transparent; }
	#main-content .e h3 { margin: 0 0 1em; font-size: 14px; color: #e95707; padding-left: 32px; height: 43px; line-height: 43px; background: url(mainh3bg.gif) no-repeat 0 9px; }
	#main-content p {position: relative; margin: 0; padding: 0 0 1em;}
	a { color: #ffdc63;  }

	#main-content .listing-index h3 { font-size: 12px; }
	#main-content .listing-index .e h3 { font-size: 12px;  padding-left: 0; color: #75c404; background: transparent; }
	#main-content .listing-index .e h3 a { color: #ffdc63; }
	/* remove excessive spacing if the heading is used in a collection index */
	li h3 {
		margin-bottom:0.3em!important;
		height:auto!important;
		width:auto!important;
		line-height:1.3em!important;
	}


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

.callout {
    float: right;
	padding:10px 10px 0px 10px;
	margin-right:0px;
	margin-left:15px;
	background: #ffdc63;  
	color: #333;
	font-size:1em;
	width:200px;
}

.callout p, .callout h4, .callout span, .callout div {z-index:2000;}

.no-sidebar #main { width: 764px; margin-left: 0;}
.no-sidebar #main-content { margin: 0; padding: 0 5px; background: #224f97; }
.no-sidebar #main-top { background: url(maintopbg-nosidebar.gif) no-repeat top left; height: 14px; }
.no-sidebar #main-bottom { background: url(mainbottombg-nosidebar.gif) no-repeat bottom left; height: 142px; }

.photogrid-index { text-align:center; }
body.no-sidebar .photogrid-index { margin-left:68px;}
.photogrid-index a {
	color:#fff !important;
	text-decoration:none;
}
.photogrid-index a:hover  {
	text-decoration:underline;
}
.gridItem { 
	float: left; 
	position:relative; 
	width:144px; 
	height: 180px;
	margin: 9px 4px 0; 
}
.gridItem h3 {
	margin: 0px !important; 
	padding: 0px !important; 
	font-size:120% !important; 
	line-height:1.2em !important; 
	color:#fff !important; 
	height: 44px; 
	width:144px; 
	overflow: hidden; 
	background: transparent !important;
	position:absolute !important; 
	font-weight:normal !important;
	top:134px; 
}
.gridItem img {
	margin: auto; 
	position:absolute; 
	top:0; 
	right:0; 
	left:0; 
	bottom:50px;
}


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

.ImageElement, .VideoElement { 
	text-align: center; 
	clear: both; 
}
#main .ImageElement {
	margin-top:24px;
}
.photo-page #main-content h2 { padding-right: 130px; }
.photo-page .caption { padding: 10px 0; text-align: center; }
.photo-page .photo img { border: none; }

.photo-navigation { float: right; margin-top: -35px; width: 114px; }
#previous-photo, #next-photo, #photo-list { float: left; width: 33px; height: 36px; margin-right: 5px;}
.photo-navigation a { display: block;  float: left; width: 33px; height: 36px; text-decoration: none; text-indent:-9999em; overflow: hidden; }
#previous-photo a { background: url(photo-prev.gif) no-repeat top left; }
#next-photo a { background: url(photo-next.gif) no-repeat top left; }
#photo-list a { background: url(photo-list.gif) no-repeat top left; }



#page-bottom { padding:4px 0px; margin-left:8px;  }
#page-bottom p {  padding-right: 30px;margin:0px; }
#page-bottom a { color: #0797e9}
html > body #graphical-text-CFBF6D00-A082-4D29-AB36-C5881D548A30 {
	background/**/:url("../_Media/pastedimage.png") top left no-repeat;
}
html > body #graphical-text-CFBF6D00-A082-4D29-AB36-C5881D548A30, html > body #graphical-text-CFBF6D00-A082-4D29-AB36-C5881D548A30 a:link, html > body #graphical-text-CFBF6D00-A082-4D29-AB36-C5881D548A30 a:visited {
	display/**/:block;
	text-align/**/:left;
	text-indent/**/:-9999px;
	width/**/:280px;
	height/**/:33px;
}
