/* style sheet for new webpage 
. is for class
# is for id
background-image: url(../pictures/background.jpg);
*/



*html  body { 
margin: 0 0 20px 0;
}


#myDiv {
border: 3px solid #00009C;
}


/* body css */
body { 
background-image: url(../pictures/bg.gif);
color:#fff; 
background-color: #9c7bb4;      
margin: 0px 0 0 0;
height: 100%;
min-height: 100%;
font-family:arial, verdana, sans-serif;
}



/* main container */
#mainpage {
padding:0px;
margin:-7px 0 0 0;
width:760px;
margin-right:auto;
margin-left:auto;
border: 0px solid #e4e3e1;
background-color: #9C7BB4;
}



#wrapper {

}


h3 {
text-align: center;
}


/* access kets */
.access {
  text-decoration:underline;
}

/* page banner and date within */
#pagebanner {
text-align: center;
background-image: url(../pictures/banner3.jpg);
color: #000;
font-family: "lucida handwriting", "lucida calligraphy", forte, arial, sans-serif;
padding: 80px 0 0 0;
margin: 0 0 0 0;
}

/* date */
#date {
text-align: left;
padding: 55px 0 0 0;
margin: 0 0 0 0;
color: #000;
font-family:arial, verdana, sans-serif;
}


/* details for all poem tabs */
#poemdiv {
margin-right:auto;
margin-left:auto;
width:458px;
background-color: #fc6;
color: #000;
border-top: 0px solid #e4e3e1;
border-right: 2px solid #e4e3e1;
border-bottom: 2px solid #e4e3e1;
border-left: 2px solid #e4e3e1;
padding: .6em 1em 1.2em 1em;
margin-top:-0.1px; 
text-align:center;
}


/* main life section */


#melist li  {
padding-right: 1px;
font-size: 0.9em;
list-style-type: none;
margin:0;
padding-bottom:0px;
}

.me {
float:left;
padding: 0 0 0 0;
margin:0px; 
border-style:none;
border-color: #e4e3e1;
border-width:0px;
}

h1.meme, h4.meme {
text-align:center;
padding:0px;
margin:0px;
}


#piccie {
float:right;
margin:0 0 0 8px;
border-top:0px solid #e4e3e1;
border-right:0px solid #e4e3e1;
border-bottom:0px solid #e4e3e1;
border-left:0px solid #e4e3e1;
background-color: #3083df;
color: #000;
padding:0 0 0 0;
text-align:center;
}


#pic1 {
float:right;
margin:0 0 0 0;
border-top:0px solid #e4e3e1;
border-right:1px solid #e4e3e1;
border-bottom:1px solid #e4e3e1;
border-left:1px solid #e4e3e1;
background-color: #3083df;
color: #000;
padding: .05em;
text-align:center;
}


#pic1 img {
border-width:1px;
border-color:#e4e3e1;
padding: 1em;
margin:0 0 0 0;
}

#picleft {
float:left;
padding:0;
margin:0;
}


#piccentre {
float:left;
margin:0;
padding:0;
}


#picright {
float:left;
margin:0;
padding:0;

}

.phot {
background-color:#3083df; 
text-decoration:none; 
color: #000; 
padding:0; 
margin:0; 
} 


/* alligators */
#photos3 {
float:left;
clear:left;
text-decoration:none;
border-style:solid;
border-color: #e4e3e1;
border-width:1px;
background-color: #33083df;
color: #000;
padding: 0.3em;
margin: 0 0 0 0;
text-align:center;
font-size: 0.8em;
font-weight:bold;
}


#photos3 a, #photos3 a:link, #photos3 a:visited{
text-decoration:none;
background-color:#3083df;
color: #000;
}


#photos3 a:hover, #photos3 a:active, #photos3 a:focus{
color: #000;
padding: 0px;
margin: 0px;
background-color:#3083df;
text-decoration:none;
font-family:"courier new", courier, serif;
}


#travel {
z-index:1;
width:100%;
border-style:none;
padding:0 0 0 0;
margin:0 0 0 0;
}	


.travel {
position:absolute;
z-index:1;
border-style:none;
float:right;
padding:0 0 0 0;
margin:0 0 0 15px;
}


/* sydney harbour bridge picture */
.aussie {
float:right;
margin:0 0 0 0;
padding: 0 0 0 0;
text-decoration:none;
border: 2px solid #e4e3e1;
}


/* eifel tower picture */
.europe {
float:right;
margin: 0 130px 0 0;
padding: 0 0 0 0;
text-decoration:none;
border: 2px solid #e3e3e1;
}


/* travel navigation list */
#test {
float:left;
border: 0px solid #e4e3e1;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(../pictures/background.jpg);
font-family:"courier new", courier, serif;
}

#test a, #test a:link, #test a:visited {
border: 0px solid #e4e3e1;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding: 0em;
color: #000;
font-weight: bold;
text-decoration: none;
font-family:"courier new", courier, serif;
}

#test li  {
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 1px solid #e4e3e1;
font-size: 0.9em;
list-style-type: none;
}

#test ul {
margin: 0 0 0 0px;
padding: 0px;
}

#test a:hover, #test a:active, #test a:focus {
border: 0px dashed #000;
background-color: #3083df;
padding: 0 0 0 0;
margin:0 0 0 0;
text-decoration: none;
}


#test .active a { 
background-color: #e4e3e1; 
font-family:"courier new", courier, serif;
}

#link1 {
background-color: #3083df; 
color: #000;
font-family:"courier new", courier, serif;
padding:0 10px 5px 10px;
margin:15px 0 0 0;
border-top: 2px solid #e4e3e1;
border-right: 2px solid #e4e3e1;
border-bottom: 2px solid #e4e3e1;
border-left: 2px solid #e4e3e1;
float:left;
}

#link2 {
background-color: #FC6; 
color: #000;
font-family:"courier new", courier, serif;
padding:0 0 0 0;
margin:15px 0 0 0;
border-top: 2px solid #f90;
border-right: 2px solid #f90;
border-bottom: 2px solid #f90;
border-left: 2px solid #f90;
float:right;
}


#link1 a, #link1 a:link, #link1 a:visited {
border: 0px solid #Fc6;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding: 0em;
color: #000;
font-weight: bold;
text-decoration: none;
font-family:"courier new", courier, serif;
}

#link1 h1, #link2 h1 {
text-align:center;
text-decoration:underline;
font-size:1.2em;
font-weight:bolder;
}

#link1 h2, #link2 h2 {
text-align:left;
text-decoration:none;
padding: 0 0 0 10px;
font-size:1em;
font-weight:bold;
}


#link1 ul {
text-align:left;
text-decoration:none;
padding:0 0 0 5px;
margin:0 0 0 0;
font-size:0.8em;
font-weight:normal;
list-style:none;
background-color:#f90;
}


/* main life section */
#travlink {
float:right;
width:79.5%;
border-top: 0px solid #e4e3e1;
border-right: 2px solid #e4e3e1;
border-bottom: 2px solid #e4e3e1;
border-left: 2px solid #e4e3e1;
background-color: #3083df;
color: #000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


.util {
background-color: #3083df;
}


/* accessibility statement */
.myBox {
width:93.5%;
margin: 30px 0 0 0;
text-align: left;
border-top: 24px solid #e4e3e1;    
border-right: 24px solid #e4e3e1;    
border-bottom: 24px solid #e4e3e1;   
border-left: 24px solid #e4e3e1;
background-color: #3083df;
color: #000;
}


.myBox1 {
width:99%;
margin: 30px 0 0 0;
padding: 0 0 0 0;
text-align: left;
border-top: 3px solid #e4e3e1;    
border-right: 3px solid #e4e3e1;    
border-bottom: 3px solid #e4e3e1;   
border-left: 3px solid #e4e3e1;
background-color: #3083df;
color: #000;
}

.myBox2 {
width:80%;
margin: 30px 0 0 0;
padding: 0 0 0 0;
text-align: left;
border-top: 3px solid #e4e3e1;    
border-right: 3px solid #e4e3e1;    
border-bottom: 3px solid #e4e3e1;   
border-left: 3px solid #e4e3e1;
background-color: #3083df;
color: #000;
}

.myBox p{
padding:0 10px 0 10px;
font-size:0.9em;
font-weight:normal;
font-family:verdana, arial, sans-serif;
}

.myBox h4{
padding:0 0 0 5px;
text-align:center;
text-decoration:underline;
}

/* details for all travel link tab */
#travlink, #travlinka{
float:left;
width:250px;
margin:0 0 0 0;
background-color: #3083df;
color: #000;
border-top: 0px solid #e4e3e1;
border-right: 1px solid #e4e3e1;
border-bottom: 1px solid #e4e3e1;
border-left: 1px solid #e4e3e1;
padding: 0.6em 1em 1.2em 1em; 
text-align:center;
}

#travlinka{
border-left: 0px solid #e4e3e1;
}

/* travel links list */
.travlink1 {
float:left;
width:220px;
border-top: 0px solid #e4e3e1;
border-right: 0px solid #e4e3e1;
border-bottom: 0px solid #e4e3e1;
border-left: 0px solid #e4e3e1;
margin:0 0 0 0;
padding:0px 0px 3px 20px; /* was 3 0 3 20 */
background-color: #3083df;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* all items in travel link list */
.travlink1 a, .travlink1 a:link, .travlink1 a:visited {
border: 0px solid #e4e3e1;
padding: 0px;
margin-left:-8px;
margin-right:-10px;
padding-left: 0.1em; /* position of text within list */
padding-right: 0.2em;
color: #000;
font-weight: bold;
text-decoration: none;
}

/* hover travel link list items */
.travlink1 a:hover, .travlink1 a:active, .travlink1 a:focus {
border: 1px solid #e4e3e1;
background-color: #3083df;
padding: 0 0 0 0;
text-decoration: none;
}

.travlink1 li  {
padding-right: 0px;
font-size: 0.6em;
list-style-type: none;
}


#mailTo a:link {
text-decoration:none;
font-size:12px;
font-weight:bold;
color: #000;
}

#mailTo a:hover {
text-decoration:none;
font-size:12px;
font-weight:bold;
color: #f90;
}

#titlelist {
margin:0 0 0 0;
padding:0 0 0 0;
}


/* travel words */
#fade_base {
border:0px solid #e4e3e1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:2em;
width:650px;
height:40px;
}


/* /// LIGHTBOX CSS /// */

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{
border: none;
}

#outerImageContainer{
position: relative;
background-color: #fefefe;
width: 250px;
height: 250px;
margin: 0 auto;	
}

#imageContainer{
padding: 10px;
}

#loading{
position:absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{ 
left: 0;
}

#hoverNav a{ outline: none;
}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../js/images/blank.gif) no-repeat; 
/* Trick IE into showing hover */	
display: block;

}
#prevLink {
left: 0; 
float: left;
}

#nextLink { 
right: 0; 
float: right;
}

#prevLink:hover, #prevLink:visited:hover {
background: url(../js/images/prevlabel.gif) left 30% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover { 
background: url(../js/images/nextlabel.gif) right 30% no-repeat; 
}

#imageDataContainer{
font: 10px Verdana, 
Helvetica, sans-serif;
background-color: #fefefe;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{	
padding:0 10px; 
color: #666; 
}

#imageData #imageDetails{
width: 70%; 
float: left; 
text-align: left; 
}	

#imageData #caption{
font-weight: bold;
}

#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}

#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em;	
}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

#fade_base {
padding: 67px 20px 0 0;
color: #000;
margin: 0 0 0 0;
font-family:arial, verdana, sans-serif;
}