/* CSS Document */
/*#photoContent{
	float:left;
	width:298px;
	margin:5px;
}*/

/*#article_content .showPhotoContent #photoContent .t{
	width:298px;
	background: url(http://class.lancasteronline.com/images/css/hdot.gif) 0 0 repeat-x #F7F7F7;
	margin:0;
}*/

#article_content #photoContent{
	float:left;
	width:298px;
	margin:5px;
}

/*had to do this because IE won't play nice with the auto linker:*/
.stfuIEt{
	width:298px;
	background: url(http://class.lancasteronline.com/images/css/hdot.gif) 0 0 repeat-x #F7F7F7;
	margin:0;
}

.stfuIEtl {
		background-color:#FFFFFF;
		background: url(/images/css/tl2.gif) 0 0 no-repeat
	}
	
.stfuIEtr {
		background: url(/images/css/tr2.gif) 100% 0 no-repeat;
		padding: 1px 0px 1px 0px; /*top right bottom left must have some padding otherwise inner elements margin doesn't work.*/
}

/*end I hate internet explorer*/

.showPhotoContent .l{
	width:298px;
}

#innerContent #singlephotoContent .t{
	background: url(http://class.lancasteronline.com/images/css/hdot.gif) 0 0 repeat-x #F7F7F7;
	margin-top:10px;
}

#photoContent .tl,
#innerContent #singlephotoContent .tl,
#innerContent .thumbnail .tl {
		background-color:#FFFFFF;
		background: url(/images/css/tl2.gif) 0 0 no-repeat
	}
#photoContent .tr,
#innerContent #singlephotoContent .tr,
#innerContent .thumbnail .tr {
		background: url(/images/css/tr2.gif) 100% 0 no-repeat;
		padding: 1px 0px 1px 0px; /*top right bottom left must have some padding otherwise inner elements margin doesn't work.*/
}

#innerContent #singlephotoContent .photoCaption{
	height:75px;
	margin:0;
	font-size:10px;
	overflow:hidden;
	width:554px;
}

.photoInner{
	border-bottom: 2px #CCCCCC solid;
	text-align:center;
	padding:5px;
	 min-height:190px;
     height:auto !important;
     height:190px;
}

.photoInner img{
	border:0;
}

.photoCaption{
	height:75px;
	margin:0;
	font-size:10px;
	overflow:hidden;
	width:275px;
}

.photoCaptionText{
	text-align:justify;
	margin:5px;
	height:45px;
}

.photoNav{
	text-align:center;
	height:10px;
	float:center;
}

.showPhotoContent {
	display:block;
}
.hidePhotoContent{
	display:none;
}

.thumbnail{
	float:left;
	margin:10px;
}

.thumbnail .l{
	width:275px;
}

#med_thumbnail_gallery{
	width:600px;
	margin-left:25px;
}

.med_thumbnail{
	width:180px;
	margin:5px;
	margin-left:auto;
	margin-right:auto;
	height:180px;
	overflow:hidden;
}

#innerContent .thumbnail .photoText{
	margin:5px;
	font-size:10px;
	width:273px;
	overflow:hidden;
}

#innerContent .thumbnail .t{
	width:275px;
	background: url(http://class.lancasteronline.com/images/css/hdot.gif) 0 0 repeat-x #F7F7F7;
	margin:0;
}

.small_thumbnail{
	float:left;
	width:140px;
	margin:5px;
	height:140px;
	overflow:hidden;
}

#small_thumb_container{
	max-width:600px;
	width:expression(document.body.clientWidth > 600? "600px": "auto" );
}

#singlephotoContent{
	padding-left: 5%;
	padding-right: 5%;
	margin-top:15px;
}

#singlephotoContent .showPhotoContent{
	/*margin:0;*/
}

#innerContent #singlephotoContent .t{
	 width:554px;
	 /*overflow:hidden; */
	 background: url(http://class.lancasteronline.com/images/css/hdot.gif) 0 0 repeat-x #F7F7F7;
}

#singlephotoContent .l{
	 width:554px;
	 /*overflow:hidden; */
}

#singlephotoContent .photoText{
	margin:2px;
	font-size:12px;
}