/* Ted Eggs Photography CSS STYLESHEETfrom TE webpage*/

/* Updated Jan 2023 */

*


body {
	background-color: #222;
	padding: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica,sans-serif;
	text-align:left;
}

#maincontent{
	margin:0 auto;
	width: 900px;
	height:2000px;
	text-align:left;
	padding: 20px;
	background-color:transparent;
	border:2px dotted #222;
	}
	
#gallerycontent{
	width: 900px;
	height:645px;
	margin-top: -52px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}


.misccontent2{
	margin-left: 1px;
	width: 900px;
	height:450px;
	margin-bottom: 20px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}

.misccontent3{
	margin-left: 50px;
	width: 900px;
	height:600px;
	margin-bottom: 75px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:2px dotted #222;
}

.misccontent4{
	margin-left: 1px;
	width: 900px;
	height:370px;
	margin-bottom: 25px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:2px dotted #222;
}

.misccontent4r{
	margin-left: 1px;
	width: 900px;
	height:370px;
	margin-bottom: 25px;
	Padding-left: 400px;
	text-align:left;
	background-color:transparent;
	border:2px dotted #222;
}

.misccontent5{
	margin-left: 1px;
	width: 900px;
	height:520px;
	margin-bottom: 25px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}



.misccontent5r{
	margin-left: 1px;
	width: 900px;
	height:520px;
	margin-bottom: 25px;
	Padding-left: 400px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}


.misccontent6{
	margin-left: 1px;
	width: 900px;
	height:455px;
	margin-bottom: 10px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}

.misccontent7{
	margin-left: 1px;
	width: 900px;
	height:370px;
	margin-bottom: 25px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}

.misccontent8{
	margin-left: 1px;
	width: 900px;
	height:400px;
	margin-bottom: 25px;
	Padding-left: 1px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}


.misc3{
    margin: auto;
    margin-top: 70px;
    margin-bottom: 0;
	width: 255px;
	height:155px;
    padding:2px; auto; 2px;
	background-color:transparent;
	border:0px solid #222;
}


.miscspacer{
    margin: auto;
    margin-top: 30px;
    margin-bottom: 0;
	width: 255px;
	height:30px;
    padding:2px; auto; 2px;
	background-color:transparent;
	border:0px solid #222;
}


.miscspacer3{
    margin: auto;
    margin-top: 3px;
    margin-bottom: 0;
	width: 255px;
	height:30px;
    padding:2px; auto; 2px;
	background-color:transparent;;
	border:0px solid #222;
}


.insertl{
	float:left;
	width: 445px;
	height:400px;
	margin-bottom: 0px;
	Padding-left: 0px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}

.insertls{
	float:left;
	width: 445px;
	height:350px;
	margin-bottom: 0px;
	Padding-left: 0px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}


.insertr{
	float:right;
	width: 445px;
	height:400px;
	margin-bottom: 0px;
	Padding-left: 0px;
	text-align:left;
	background-color:transparent;
	border:0px dotted #222;
}


.insertinfo {
	float:left;
	margin-top: 5px;
	margin-left: 1px;
	margin-bottom: 1px;
	padding:0px 0px 0 0px; 
	width:390px; 
	height: 80px; 
	position:relative; 
	background:transparent; 
	border:0px solid #222;	
}
	
h1{color: #FFF; font-family:Verdana, Arial, Helvetica,sans-serif; font-weight: bold;
	font-size:150%; margin-bottom:0px;
} 
	
	
h2{
	color: #FFF; font-family:Verdana, Arial, Helvetica,sans-serif; font-weight: bold;
	font-size:150%; margin-bottom:0px;
}


h3{
	color: #FFF; font-family:Verdana, Arial, Helvetica,sans-serif;; font-weight: bold;
	font-size:110%; padding-bottom:10px;
}

h4{
	color: #F00; font-family:Verdana, Arial, Helvetica,sans-serif;; font-weight: bold;
	font-size:100%; padding-bottom:1px;
}

p {	color:#FFF; font-size:80%; 
	font-family:Verdana, Arial, Helvetica,sans-serif;
	line-height:110%; padding:4px;
}

p2 {	color:#FFF; font-size:110%; 
	font-family:Verdana, Arial, Helvetica,sans-serif;
	line-height:110%; padding:1px;
}


p3 {	color:#FF0; font-size:80%; font-weight: bold;
	font-family:Verdana, Arial, Helvetica,sans-serif;
	line-height:110%; padding:1px;
}

#copy {
	margin-top: 50px;
	margin-left:1px;
	margin-bottom: 1px;
	padding:5px 5px 0 5px; 
	width:270px; 
	height:510px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #222;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blockLeft {
	float:left;
	margin-top: 2px;
	margin-left: 1px;
	margin-bottom: 1px;
	padding:5px 5px 0 5px; 
	width:260px; 
	height:510px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blockCenter {
	float:right;
	margin-top: 2px;
	margin-right:40px;
	margin-bottom:1px;
 	padding:5px 5px 0 5px;
	width:260px; 
	height:510px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blockCenter2 {
	float:center;
	margin-top: 40px;
	margin-left:200px;
	margin-bottom:1px;
 	padding:10px;
	width:495px; 
	height:270px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #777;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockCenter3 {
	float:center;
	margin-top: 40px;
	margin-left:100px;
	margin-bottom:1px;
 	padding:10px;
	width:660px; 
	height:270px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #777;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockCenter4 {
	float:center;
	margin-top: 40px;
	margin-left:30px;
	margin-bottom:1px;
 	padding:10px;
	width:825px; 
	height:270px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #777;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockCenter5 {
	float:center;
	margin-top: 10px;
	margin-left:30px;
	margin-bottom:1px;
 	padding:2px;
	width:845px; 
	height:240px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:2px solid #5B3694;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockThin2 {
	float:center;
	margin-top: 10px;
	margin-left:7px;
	margin-bottom:1px;
 	padding:5px;
	width:650px; 
	height:20px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #222;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.blockThin3 {
	float:center;
	margin-top: 10px;
	margin-left:7px;
	margin-bottom:1px;
 	padding:5px;
	width:655px; 
	height:20px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #222;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.blockThin4 {
	float:center;
	margin-top: 10px;
	margin-left:7px;
	margin-bottom:1px;
 	padding:5px;
	width:830px; 
	height:20px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #222;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.blockThin5 {
	float:center;
	margin-top: 10px;
	margin-left:7px;
	margin-bottom:1px;
 	padding:5px;
	width:830px; 
	height:20px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.blockRight {
	float:right;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding:5px 5px 0 5px; 
	width:260px; 
	height:510px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blockinfo {
	float:left;
	margin-top: 2px;
	margin-left: 30px;
	margin-bottom: 1px;
	padding:1px 5px 0 5px; 
	width:350px; 
	height: 130px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockinfo2 {
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 40px;
	padding:1px 5px 5px 5px; 
	width:850px;  
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockinfo3r {
	float:right;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: -110px;
	padding:1px 5px 5px 5px; 
	width:225px;  
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockinfo3l {
	float:left;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: -110px;
	padding:1px 5px 5px 5px; 
	width:225px;  
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blocksmall {
	float:left;
	margin-top: 2px;
	margin-left: 30px;
	margin-bottom: 1px;
	padding:1px 1px 0 1px; 
	width:350px; 
	height:310px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blocksmall2 {
	float:left;
	margin-top: 2px;
	margin-left: 30px;
	margin-bottom: 1px;
	padding:0px 0px 0 0px; 
	width:350px; 
	height:310px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blocklarge {
	float:right;
	margin-top: 2px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:450px; 
	height:450px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockVlargeH {
	float:left;
	margin-top: 12px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:600px; 
	height:450px; 
	overflow:hidden; 
	position:relative; 
	background:transparent;
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockVlargeHr {
	float:right;
	margin-top: 12px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:600px; 
	height:450px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.blockVlargeVr {
	float:right;
	margin-top: 12px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:450px; 
	height:600px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.blockVlargeVl {
	float:left;
	margin-top: 12px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:450px; 
	height:600px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.block2x1 {
	float:left;
	margin-top: 2px;
	margin-left:30px;
	margin-bottom:1px;
	padding:5px 1px 0 1px; 
	width:150px; 
	height:200px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:1px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.block400a {
	float:left;
	margin-top: 2px;
	margin-left:30px;
	margin-bottom:1px;
	padding:5px 1px 0 1px; 
	width:400px; 
	height:400px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.block400b {
	float:right;
	margin-top: 2px;
	margin-right:30px;
	margin-bottom:1px;
	padding:1px 1px 0 1px; 
	width:400px; 
	height:400px; 
	overflow:hidden; 
	position:relative; 
	background:transparent; 
	border:0px solid #888;

	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


.floatspace{
	margin-top: 0px;
	margin-bottom: 1px;
    margin-left: 1px;
	width: 840px;
	height:170px;
	text-align: left;
	padding:0 0 0 0;
	background-color:transparent;
	border:1px dotted #0000ff;
}

.pixfloatleft{
 	float:left;
 	margin-right: 20px;
    margin-left: 7px;
    margin-top: 7px;
    margin-bottom: 1px;
	width: 150px;
	height:150px;
	padding:0px;
	background-color:transparent;
	border:2px solid #000000;
}	
	
.pixfloatright{
 	float:right;
    margin-right: 7px;
    margin-top: 7px;
    margin-bottom: 0;
	width: 250px;
	height:250px;
	padding:0px;
	background-color:transparent;
	border:2px solid #000000;
}	

.textboxl{
		float:left;
		margin:0;
		width:450px; 
		height: 250px;
		padding: 10px;
		text-align: justify;
		border:1px solid #999999; 
	}

	.textboxr{
		float:right;
		margin-left:30px;
		width:600px; 
		height: 140px;
		padding: 10px;
		text-align: left; 
		border:1px solid #222;
	}
	
	/* Spacing codes span id="tabx "*/
	
	#tab20   {display:inline-block;
margin-left: 20px
}

#tab30   {display:inline-block;
margin-left: 30px
} 

#tab40   {display:inline-block;
margin-left: 40px
}
#tab50   {display:inline-block;
margin-left: 50px
}
#tab70   {display:inline-block;
margin-left: 70px
}
#tab80   {display:inline-block;
margin-left: 80px
}
#tab100   {display:inline-block;
margin-left: 100px
}

#tab150   {display:inline-block;
margin-left: 150px
}

#tab175   {display:inline-block;
margin-left: 175px
}

#tab200   {display:inline-block;
margin-left: 200px
}

#tab250   {display:inline-block;
margin-left: 250px
}

#tab275   {display:inline-block;
margin-left: 275px
}




#frontgallery{
    margin-top: -535px;
	margin-left: 255px;
	margin-bottom: 1px;
	width: 700px;
	height:500px;
	padding:0 0 0 0;
	text-align:center;
	background-color:transparent;
	border:1px solid #222;
}


#leftTEP{
	float:left;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 1px;
	margin-right:1px;
	height:28px; 
	width:483px;
}


.hr {
	margin-top: 55px;
	height: 2px;
	width: 900px;
	border-width:0;
	color: #F00;
	background-color: #F00;
	}

	
.hr10 {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 3px;
	width: 900px;
	border-width:0;
	color: #000;
	background-color: #222;
	border:1px solid #222;
	}
		
.hr2 {
	border:0;
	margin-top: 170px;
	margin-bottom: 20px;
	height: 1px;
	width: 50%;
	border-width:0;
	color: #222;
	background-color: #222;
	}
	
.hr3 {
	border:0;
	margin-top: 90px;
	margin-bottom: 30px;
	height: 1px;
	width: 50%;
	border-width:0;
	color: #222;
	background-color: #222;
	}
	
.hr4 {
	border:0;
	margin-top: 40px;
	margin-bottom: 10px;
	height: 1px;
	width: 50%;
	border-width:0;
	color: #222;
	background-color: #222;
	}
	
	
	
#gallerytitle {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:85%;
	color: white;
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 12px;
	background-color:transparent;
}

#copyright1 {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:70%;
	color: white;
	margin-top: -60px;
	margin-bottom: 2px;
	margin-left: 465px;
	background-color:transparent;
}


#copyright2 {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:80%;
	color: white;
	margin-top: 550px;
	margin-bottom: 2px;
	margin-left: 150px;
	background-color:transparent;
}

#update {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:80%;
	color: white;
	margin-top: -10px;
	margin-bottom: 2px;
	margin-left: 525px;
	background-color:transparent;
}

#sig {
	top: 0px;
	margin-left: 80px;
	width:146px;
	height:61px;
	z-index:3;
}


tedpic {
	margin:0px;
	width:80px;
	height:120px;
	z-index:3;
}
	


#construction {
	margin-top:50px;
	margin-left:40px;
	height: 500px;
	width: 800px;	
}

#feedback {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:80%;
	color: white;
	margin-top:1px;
	margin-left:40px;
}


#error {
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:100%;
	color: white;
	margin-top:1px;
	margin-left:40px;
}


/* Navigation menu container */
#nav {
	margin-left:550px;
	width:350px;
	height:25px;
	text-align:center;
	background-color: transparent;
	margin-top: 1px;
	margin-bottom: 1px;
    border:1px solid #222;
}


/* menu button size and behaviour */
#nav a:link, #nav a:visited {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 90%;
	display: inline;
	padding:1px 5px 3px 5px;
	background-color: #222;
	color: #ffffff;
	border:1px solid #222;
	text-decoration: none;
	}
/* menu button colour change on hover */
#nav a:hover, #nav a:active {
	font-weight: bold;
	background-color: #ffffcc;
	color: #000000;
}
/* NAV END */
	


/* Gallery Navigation menu container */
#gnav {
	margin-left:560px;
	width:250px;
	height:25px;
	text-align:center;
	background-color: transparent;
	margin-top: 4px;
	margin-bottom: 0px;
    border:1px solid #222;
}

/* menu button size and behaviour */
#gnav a:link, #nav a:visited {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 70%;
	display: inline;
	padding:1px 5px 3px 5px;
	background-color: #222;
	color: #ffffff;
	border:1px solid #222;
	text-decoration: none;
	}
/* menu button colour change on hover */
#gnav a:hover, #nav a:active {
	font-weight:normal;
	background-color: #222;
	color: #ff0000;
}
/* GALLERY NAV END */

/* ================================================================ 
    Front page slide show

Copyright (c) 2011 Stu Nicholls - iStu.co.uk. All rights reserved.
This stylesheet and the associated html may be modified in any 
way to fit your requirements.
=================================================================== */
/* To control position and size of main template */
.iStu3 {padding:40px 40px 30px 40px; margin-left:30px; list-style:none; width:530px; height:350px; overflow:hidden; position:relative; background:#222; border: 1px solid #222;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);/* Was box-shadow: 0px 2px 5px rgba */
}
.iStu3 li {position:absolute; left:28px; top:28px; border:0px solid #222;}
.iStu3 li a {text-decoration:none;}
.iStu3 li a img {float:left; border:0; display:none;}
.iStu3 .pv {width:32px; height:32px; background:url(Gallery1/left.png); position:absolute; left:15px; top:180px; cursor:pointer; border:0; display:none;}
.iStu3 .nx {width:32px; height:32px; background:url(Gallery1/right.png); position:absolute; left:560px; top:180px; cursor:pointer; border:0; display:none;}
/* To position small blocks */
.iStu3 .bt {position:relative; width:480px; height:10px; top:360px; left:165px; border:0;}
/* To modify size of small blocks */
.iStu3 .bt b {display:block; width:8px; height:8px; background:#222; margin-right:5px; float:left;
}


/* END Front page slide show */


/*--Photo gallery code fom Stu Nichols of CSS Play--*/

/*-Overall picture background details- size and position of main package area.--*/
#gallery {width:850px; height:600px; margin:1px auto; padding:10px; border:1px solid #222; background: #222; position:relative; }
	
	/*-Default picture details- size and position of main picture area.--*/
#gallery b.default {position:absolute; left:0px; top:10px; width:700px; height:525px; text-align:center;}
#gallery b.default img {display:block; margin:0px 30px; border:1px solid #222; }/* colour was ccc */
#gallery b.default span {display:block; color:#222; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:17px; width:700px; margin:0 auto;}
/*-END-*/


/*-Thumbnail details-*/
/*--This line alters the thumbnail space width.  180px = 3 columns; 120px = 2 columns --*/
#gallery ul {list-style:none; padding:1px 0 0 0; margin:0; width:120px; position:relative; float:right;}
/*-END-*/

/*--This area deals with the size and display of the thumbnail.--*/
#gallery ul li {display:inline; width:57px; height:57px; float:left; margin:0 0 2px 2px;}
#gallery ul li a {display:block; width:54px; height:54px; text-decoration:none; border:2px solid #222; border-color:#222 #222 #222 #222;}/* colours were #ccc #555 #555 #aaa */
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:54px; height:54px; border:0;}
/*-Thumbnail hover colour background/
#gallery ul li a:hover {white-space:normal; border-color:#222 #222 #222 #222; background:#222;}/* colours were #555 #ddd #eee #333 */
/*-END Thumbnail details-*/


/*-This section deals with the size and position of the main picture-*/
/*-Alter left:-610px for two column and  -548px for three column-*/
#gallery ul li a:hover b {position:absolute; left:-707px; top:2px; width:700px; height:525px; text-align:center; background:#222; z-index:20;}
/*-END-*/

/*-This section deals with the size and colour of the description-*/
#gallery ul li a:hover span {display:block; color:#666; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:17px; width:500px; margin:0 auto; background:#222; height:40px;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #222; border-color:#222 #222 #222 #222;}/* border 1 pix solid #eee colours were #555 #ddd #eee #333 */
#gallery ul li a:active, #gallery2 ul li a:focus {white-space:normal; border-color:#222 #222 #222 #222; background:#222;}/* border colours were #555 #ddd #eee #333 */
/*-END-*/

/*-This section sets the size and position of the main picture on click-*/
/*-Alter left:-610px for two column and  -548px for three column-*/
#gallery ul li a:active b, #gallery2 ul li a:focus b {position:absolute; left:-705px; top:2px; width:697px; height:525px; text-align:center; background:#222; z-index:10;}
/*-END-*/

#gallery ul li a:active span, #gallery2 ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:17px; width:500px; margin:0 auto;} /* colour was #fff */
#gallery ul li a:active img, #gallery2 ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #222; border-color:#222 #222 #222 #222;/* border 1px solid #eee  border-colours were #555 #ddd #eee #333 */
}
 /*--END Photo gallery--*/