body {background:white; color:black; font-family:"trebuchet ms", verdana, sans serif; text-align:center;}

div#content {position:absolute; top:10%; left:10%; width:80%; height:80%;}

a.ext:link {color:teal; text-decoration:underline;}
a.ext:visited {color:#47b7b7; text-decoration:underline;}
a.ext:active, a:hover {color:#ffd700; text-decoration:none;}

img#topleft {position:absolute; top:0px; left:0px; width:90%; height:10%;}
img#topright {position:absolute; top:0px; right:0px; width:10%; height:90%;}
img#bottomright {position:absolute; bottom:0px; right:0px; width:90%; height:10%;}
img#bottomleft {position:absolute; bottom:0px; left:0px; width:10%; height:90%;}

h1 {font-weight:100; color:silver; font-size:300%;}

.teal {color:teal;}
.gold {color:#ffd700;}
.bold {font-weight:800; font-family:ravie, magneto, fantasy; font-size:1.25em;}

a.int:link, a.int:visited {border:1px solid; padding:0.2em; text-decoration:none; font-size:120%;}
a.int:hover, a.int:active {border:1px solid; padding:0.2em; text-decoration:none; font-size:120%;}

a#photos:link, a#photos:visited {color:black; background:#afa;}
a#photos:hover, a#photos:active {color:#afa; background:black;}

a#pbc:link, a#pbc:visited {color:black; background:red;}
a#pbc:hover, a#pbc:active {color:red; background:black;}

a#ourladys:link, a#ourladys:visited {color:black; background:#8fefef;}
a#ourladys:hover, a#ourladys:active {color:#8fefef; background:black;}