/* W@M CSS Document */

/* Begin CSS Popout Menu */

#sectionnav {
	float:left;
	width:155px;
	text-align:right;
	padding-bottom:6em; /* To allow room for bottom dropdown */
	margin:0;
	position:relative;
}
#sectionnav a {
	font:normal 11px/15px arial, helvetica, sans-serif;
	display:block;
	border-top: 1px solid #ccc;
	margin:0;
	padding:3px 18px 3px 3px;
}
#sectionnav a {
	color:#000;
	text-decoration:none;
}
#sectionnav a.sectionnav_title {
	font: 11px/15px bold Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:1px;
	text-align:right;
	color:#990033;
	display: block;
}
#sectionnav ul.minor {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #EFEFEF;
}
#sectionnav a:hover {
	color:#a00;
	background:#ddd;
}
#sectionnav a:active {
	color:#600;
	background:#ccc;
}
#sectionnav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#sectionnav li, div#sectionnav li:hover {
	position:relative;
}
div#sectionnav li ul {
	position:absolute;
	top:3px;
	left:98%;
	display:none;
	background-color:#eee;
	border-color:#ddd #ccc #ccc #ddd;
	border-width:1px;
	border-style:solid;
	z-index:100;
}
div#sectionnav ul ul, div#sectionnav ul ul ul, div#sectionnav ul li:hover ul ul, div#sectionnav ul li:hover ul ul ul {
	display:none;
}
div#sectionnav ul li:hover ul, div#sectionnav ul ul li:hover ul, div#sectionnav ul ul ul li:hover ul {
	display:block;
}
/* End non-anchor hover selectors */

/* Styling for Expand */

#sectionnav a.x, #sectionnav a.x:visited {
	background:transparent url(/css/expand.gif) no-repeat center right;
}
#sectionnav a.x:hover {
	background:#ddd url(/css/expand.gif) no-repeat center right;
	margin:0;
}
#sectionnav a.x:active {
	color:#060;
	background:#ccc;
}
/*  Gallery Elements  */

.frame {
	padding: 1px;
}
h3.frame {
	margin: -12px;
}
div.spacer {
	clear: both;
}
p.hidden {
	height:0;
	visibility:hidden;
	font: 0px/0px verdana;
}
div.float {
	float: left;
	height: 135px;
	width: 82px;
	padding: 5px;
	color: #999;
	overflow: hidden;
}
div.float a {
	border:none;
}
div.float p {
	font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
	color: #999;
	width: 100px;
}
p.caption {
	font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
}
.captioninline {
	font-weight:bold;
	color: #dc0204;
	text-transform: capitalize;
}
div.searchresults {
	border-top: 1px #A7D4FF solid;
	border-bottom: 1px #A7D4FF solid;
	padding: 3px;
	margin: 3px 0 8px 0;
	font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	color:#002447;
}
div.searchresults a, div.searchresults a:visited, div.searchresults a:active {
	color: #009900;
	text-decoration:none;
	border-bottom: none;
}
div.searchleft {
	float: left;
}
div.searchright {
	float: right;
	font-size: 10px;
	color: #b31b1b;
}
/* Photo Containers */
.photoFrame {
	border:1px #b31b1b solid;
	margin-bottom: 5px;
}
.photoPrimary {
	padding-bottom:5px;
	font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photoWrap {
	border:1px #b31b1b solid;
	padding:1px;
}
.photoZoomDetails {
	border:1px #b31b1b solid;
	margin-bottom: 15px;
}
.photoAlignLeft {
	border:1px #b31b1b solid;
	margin:2px 5px 5px 0;
	padding:1px;
	width:auto;
	float:left;
}
.photoCustom {
	padding: 3px 2px;
	font-size:10px;
	width:100%;
	background:#CCCCCC;
}
.photoTitle {
	font-weight:bold;
	color: #333;
}
.photoDetails {
	color: #333333;
}
.photoCredit {
	font-style:italic;
	text-align:right;
}
div.spacer {
	clear: both;
}
/* div photo sets
-----------------*/
div.photo-primary {
	margin-bottom: 15px;
	width:296px;
}
div.photo-secondary {
	padding-bottom:5px;
	width:256px;
}
div.gallery-photo {
	float: left;
	max-height: 190px;
	width: 100%;
	padding: 5px 10px 0 0;
	font: 11px/12px Verdana, Helvetica, Arial, sans-serif;
	overflow: hidden;
}
.photo-wrap {
	padding:1px;
	width:auto;
	margin-bottom:3px;
}
.photo-align-right {
	width:auto;
	float:right;
	margin: 0 0 5px 10px;
}
.photo-align-left {
	width:auto;
	float:left;
	margin: 0 10px 5px 0;
}
.photo-align-no {
	width:176px;
	margin-bottom:20px;
}
.photo-box {
	border:1px #b31b1b solid;
	margin-bottom:5px;
	font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photo-box-img {
	float:left;
	top: 0px;
	left: 0px;
	padding:1px;
}
.photo-box-text {
	height: auto !important;
	margin:0;
	padding: 0px 2px 0px 7px;
	visibility: visible !important;
}
.photo-box-text p {
	margin:0;
	padding-top:4px;
}
div.photo-block {
	margin:0;
	padding-bottom:0;
}
div.photo-header {
	position:relative;
	left: 3px;
	top: 5px;
	z-index: +1;
	margin-bottom: -20px;
}
div.photo-zoom {
	bottom:21px;
	height:5px;
	left:8px;
	margin-bottom:0pt;
	position:relative;
	width:15px;
	z-index:+1;
}
img.photo {
	padding: 1px;
	border:1px #CCC solid;
	background-color: #fff;
}
#photoZoomDetails {
	padding: 3px;
	border:1px #b31b1b solid;
	margin-bottom:25px;
}
div.caption {
	font: 10px/13px Verdana, Helvetica, Arial, sans-serif;
	clear:both;
	float:left;
	text-align: left;
	color: #333333;
	padding: 0 0 7px 3px;
}
div.cap-credit {
	text-align: left;
	font-style: italic;
	margin-top: 3px;
}
div.photo-thumb {
	margin: 0 10px 2px 0;
	padding-bottom:0;
	float:left;
}
div.photo-thumb a, div.photo-thumb a:link {
	border:none;
}