/* style sheet for new webpage 
. is for class
# is for id
*/


body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
}

a { text-decoration : underline; color : #0000ff; }



/* main container */
#mainpage {
width:650px;
margin-right:auto;
margin-left:auto;
border: 0px solid #fe0000;
background-color: #000;
}



h3 {
text-align: center;
}



/* page banner and date within */
#pagebanner {
text-align: center;
color: #ffdd74;
font-family: "lucida handwriting", "lucida calligraphy", forte, arial, sans-serif;
padding: 15px 0 5px 0;
margin: 0 0 0 0;
}

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




/* details for all poem tabs */
#poemdiv {
position:absolute;
width:452px;
background-color: #fc6;
color: #000;
border-top: 0px solid #fc6;
border-right: 2px solid #f90;
border-bottom: 2px solid #f90;
border-left: 0px solid #fc6;
padding: 0.6em 1em 1.2em 1em; 
text-align:center;
left:364px;
top: 131px;
}




/* main life section */
#mema {
width:99.5%;
border-top: 4px solid #f91;    
border-right: 1px solid #f91;    
border-bottom: 4px solid #f95;   
border-left: 1px solid #f95; 
background-color: #f95;
color: #000;
padding: 0 0 0 0;
margin: 20px 0 0 0;
}


/* main life section */
#me {
width:98%;
border-top: 2px solid #f90;
border-right: 2px solid #f90;
border-bottom: 2px solid #f90;
border-left: 2px solid #f90;
background-color: #fc6;
color: #000;
padding: 0 0 0 0;
margin: 0 0 0 4px;
}

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

.me {
float:left;
padding: 0 0 0 0;
margin: 40px 10px 10px 10px;;
background-color: #fc6;
border-style:solid;
border-color: #f90;
border-width:1px;
}




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


#pic1 {
float:right;
margin:-380px 0 0 0;
border-top:0px solid #fc6;
border-right:1px solid #fc6;
border-bottom:1px solid #fc6;
border-left:1px solid #fc6;
background-color: #f90;
color: #000;
padding: 0.1em 0.1em 0.1em 0.1em;
text-align:center;
}


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



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


/* alligators */
#photos3 {
float:left;
clear:left;
text-decoration:none;
border-style:solid;
border-color: #fc6;
border-width:1px;
background-color: #f90;
color: #000;
padding: 0.3em;
margin: 0 0 0 0;
text-align:center;
font-size: 0.8em;
font-weight:bold;
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 #fc6;
}


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


/* travel navigation list */
#test {
float:left;
border: 0px solid #FC6;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #F90;
font-family:"courier new", courier, serif;

}


#link1 {
background-color: #FC6; 
color: #000;
font-family:"courier new", courier, serif;
padding:0 10px 5px 10px;
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: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 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 #fc6;
border-right: 2px solid #f90;
border-bottom: 2px solid #f90;
border-left: 2px solid #f90;
background-color: #fc6;
color: #000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}



/* main navigation */
#titlenavlist {
width:99.5%;
border: 2px solid #FC6;
margin: -17px 0 0 0;
padding: 1px 0 4px 0;
background-color: #F90;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#titlenavlist a, #titlenavlist a:link, #titlenavlist a:visited {
border: 1px solid #F90;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000;
font-weight: bold;
text-decoration: none;
}

#titlenavlist a:hover, #titlenavlist a:active, #titlenavlist a:focus {
border: 1px solid #000;
background-color: #fc6;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#titlenavlist li {
padding-right: 1px;
display: inline;
font-size: 0.6em;
}

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

#titlenavlist #active a { 
background-color: #FC6; 
}


/* poetry navigation list */
#poetrylist {
float:left;
width:220px;
border-top: 0px solid #FC6;
border-right: 1px solid #FC6;
border-bottom: 1px solid #FC6;
border-left: 1px solid #FC6;
margin:0 0 0 0;
padding:3px 0 3px 20px;
background-color: #F90;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* all items in poetry list */
#poetrylist a, #poetrylist a:link, #poetrylist a:visited {
border: 0px solid #fc6;
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 poetry list items */
#poetrylist a:hover, #poetrylist a:active, #poetrylist a:focus {
border: 1px solid #000;
background-color: #fc6;
padding: 0 0 0 0;
text-decoration: none;
}

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

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

/* active items on poetry list */
#poetrylist .active a { 
padding-left: 2em;
padding-right: 1em;
border: 1px solid #f99;
background-color: #FC6; 
}


#traveldiv {
position:absolute;
padding:0 0 0 0;
z-index:4;
}

/* -- travel navigation list -- */
#travellist {
z-index:4;
float:left;
border-top: 0px solid #FC6;
border-right: 1px solid #FC6;
border-bottom: 1px solid #FC6;
border-left: 1px solid #FC6;
width:110px;
margin: 0 0 0 0;
padding: 3px 0 3px 1px;
background-color: #F90;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#travellist a, #travellist a:link, #travellist a:visited {
border: 0px solid #Fc6;
padding: 0px;
margin: 0 0 0 0;
padding-right: 1em;
color: #000;
font-weight: bold;
text-decoration: none;
}

#travellist a:hover, #travellist a:active, #travellist a:focus {
border: 1px solid #000;
background-color: #fc6;
padding-left: 1em;
padding-right: 1em;
padding-top: 0px;
padding-bottom: 0px;
text-decoration: none;
}

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

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

#travellist .active a { 
background-color: #FC6; 
}

/* geneology navigation */
#gen {
border-style:solid;
border-color: #fc6;
border-width:1px;
border-left:100px;
background-color: #f90;
color: #000;
padding-left: 1em;
padding-right: 1em;
margin-right: 9px;
position:absolute;
left: 110px;
top: 172px;
}

#genlist li  {
padding-right: 1px;
font-size: 0.9em;
list-style-type: none;
}

.gen {
padding-top:45px;
padding-bottom:76px;   /* 64 for ie */
padding-left: 5px;
margin-top: -56px;
background-color: #f90;
border-style:solid;
border-color: #fc6;
border-width:1px;
position:absolute;
left: 15px;
top: 228px;
}

h1.gengen, h4.gengen {
text-align:center;
}


/* geneology navigation list */
#geneologylist {
float:left;
width:220px;
border-top: 0px solid #FC6;
border-right: 1px solid #FC6;
border-bottom: 1px solid #FC6;
border-left: 1px solid #FC6;
margin:0 0 0 0;
padding:3px 0 3px 20px;
background-color: #F90;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* all items in geneology list */
#geneologylist a, #geneologylist a:link, #geneologylist a:visited {
border: 0px solid #fc6;
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 geneology list items */
#geneologylist a:hover, #geneologylist a:active, #geneologylist a:focus {
border: 1px solid #000;
background-color: #fc6;
padding: 0 0 0 0;
text-decoration: none;
}



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

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

/* active items on geneology list */
#geneologylist .active a { 
padding-left: 2em;
padding-right: 1em;
border: 1px solid #f99;
background-color: #FC6; 
}



*html #poemdiv {
position:absolute;
width:453px;
background-color: #fc6;
color: #000;
border-top: 0px solid #fc6;
border-right: 1px solid #f90;
border-bottom: 1px solid #f90;
border-left: 0px solid #fc6;
padding: 0.6em 1em 1.2em 1em; 
text-align:center;
left:363px;
top: 143px;
}



*html #titlenavlist {
width:99.5%;
border: 2px solid #FC6;
margin: -17px 0 0 0;
padding: 4px 0 4px 0;
background-color: #F90;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

*html #me {
width:99.5%;
border-top: 0px solid #fc6;
border-right: 2px solid #f90;
border-bottom: 2px solid #f90;
border-left: 2px solid #f90;
background-color: #fc6;
color: #000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


*html #pic1 {
float:right;
margin:0px 0 0 0;
border-top:0px solid #fc6;
border-right:1px solid #fc6;
border-bottom:1px solid #fc6;
border-left:1px solid #fc6;
background-color: #f90;
color: #000;
padding: 0.1em 0.1em 0.1em 0.1em;
text-align:center;
}