/*****************************************************************/

/****************
 * Div Settings *
 ****************/

/********************************/

div.masterframe /* Sets the main frame */
{
background:url(../images/bg.jpg); /* Heading is 136px in height */
background-repeat:no-repeat;
width:1000px;
min-height:700px;
border:2px solid black;
border-bottom:1px;
margin:0px auto auto auto;
position:relative; /* Has to be this so that it is a non-static element */
}                  /* For the inner elements to position properly */

/********************************/

div.heading /* Where the logo is */
{
position:relative;
top:0px;
padding-top:10px;
padding-bottom:10px; /* Give it a bitof top/bottom clearance */
height:80px; /* 100px - 20px from top/bottom padding */
width:1000px;
text-align:center; /* Centre the Logo */
}

/********************************/

div.nav /* The navigation bar under the logo */
{
position:relative;
top:0px;
height:20px; /* So the bottom edge goes through the nav links */
margin-top:15px; /* For GAY IE! */
width:1000px;
text-align:center;
border-bottom:2px solid black; /* Line across the bottom */
padding:0px 0px 0px 0px; /* So the list isn't padded */
}

/********************************/

div.content /* The main body */
{
position:relative;
width:700px; /* 1000px - 300px padding */
margin-top:15px; /* For Gay IE! */
padding:40px 150px 10px 150px;
text-align: center; /*IE bug fix.... Note: Never use Microsoft*/
font-family:"Georgia";
font-size:14pt;
color:black;
}

div.content a
{
color:green;
font-family:"Georgia";
text-decoration:none;
}

/********************************/

div.bottom
{
top:0px;

height:20px;
width:1050px;
margin:0px auto 0px auto;
padding:5px;
position:relative;
font-size:10pt;
text-align:right;
border-top:2px solid black; /* Line across the bottom */
}

/*****************************************************************/

/*********************
 * Stuff for Nav Bar *
 *********************/

/********************************/

div.nav ul
{
width:1000px;
height:25px;
margin-left:0px;
margin-right:0px;
padding:10px 0px 10px 0px; /* 0px left/right So that the list centres PROPERLY! */
}

/********************************/

div.nav li
{
display:inline; /* Make into a horizontal list */
list-style-type:none; /* Remove Bulletpoints */
padding:3px 20px; /* Make boxes around links */
margin:0px 2px 0px 2px;
background:yellow;
border:2px solid black;
}

/********************************/

div.nav a
{
text-decoration:none; /* Remove Underline */
color:black;
font-family:"Georgia";
font-weight:bold;
}

/********************************/

div.nav li.selected
{
background:green;
}

/********************************/

div.nav li.selected a
{
color:white;
}

/*****************************************************************/

/*********************
 * Stuff for Gallery *
 *********************/

table.images
{
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border-spacing:5px 5px;
}

table.images td
{
width:198px;
height:150px;
cursor:pointer;
padding:0 0 0 0;
}

table.images td.nohover div.textoverlay
{
text-align:left;
width:195px;
color:white;
opacity:0;
filter:alpha(opacity=0); /*IE is GAY*/
position:absolute;
margin-left:5px;
}

table.images td.nohover div.overlay
{
width:100%;
height:100%;
background-color:black;
opacity:0;
filter:alpha(opacity=0); /*IE is GAY*/
}

table.images td.hover div.textoverlay
{

font-family:"Georgia";
font-size:13px;
text-align:left;
width:188px;
color:white;
opacity:1;
filter:alpha(opacity=100); /*IE is GAY*/
position:relative;
/*margin-left:5px;
margin-top:5px;*/
left:5px;
top:5px;
}

table.images td.hover div.overlay
{
position:relative;
width:100%;
height:100%;
background-color:black;
opacity:.8;
filter:alpha(opacity=80); /*IE is GAY*/
text-align:center;
}

table.images a
{
color:black;
}