How Do You Change Text Attributes in a PHP Gallery?

Question

Hi everybody, I am trying to change the text attributes on this PHP gallery and it's driving me up the wall! Does anybody know who to do it?
http://www.gwilliams-designs.co.uk/AdobeSupport/gallery_test4.php
I am trying to create the following styles. Many thanks for your help.
Top Text
Georgia, Times New Roman, Times, serif,
size 18
bold
Lower Text
Georgia, Times New Roman, Times, serif,
size 13
regular

Answer 1

There is only one page. So is that anywhere after it says <style> and before it says </style> ? Doesn't it matter where it goes in relation to the { and } symbols? e.g would this to OK? This is what I will try first.
<style>
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
h1{
    font-family: Georgia, "Times New Roman",Times, Serif;
    font-size: 18px;
    font-weight: bold;
h2 {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 13px;
    font-weight: normal;
body {
  margin: 0;
  padding: 0;
  background: #08035F;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-siz: 100%;
  background-color: #003;
#wrapper {
    width: 1000px; /**adjust width in px or %**/
    margin: 0 auto; /**with width, this is centered**/
header {
    background: #355DA0;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
#inner_wrapper {
    background: #CCC7B3;
    overflow: hidden; /**float containment**/
aside {
    float: left;
    width: 14%;
section {
    background: #FFF;
    width: 72%;
    float: left;
    margin: 0 auto;
/**Begin image gallery styles**/
.thumbs { /*divs that hold gallery pictures*/
    float: left;
    margin: 0.5%; /*space between thumbnails*/
    border: 1px dotted #CCC;
    /**same size images**/
    width: 90px;
    height: 99px;
    opacity: .70
.thumbs a { /* in every .thumbs div there is a hyperlink exactly the size of the container */
    width: 90px;
    height: 99px;
    text-indent: -99999px; /*move text links off screen*/
    display: block;
    outline: none;
/**on mouse over**/
.thumbs:hover { opacity: 1.0 }
/**end gallery styles**/
footer {
    clear: both;
    background: #222;
    width: 100%;
    color: #FFF;
    margin: 0 auto
</style>