body{
margin:0;
padding:0;
font-family:Verdana, Arial, Sans-Serif;
color:#222222;
font-size:11px;
background-image:url("../images/bg.gif");
background-repeat:repeat-y;
background-position:top center;
background-color:#464646;
}

a{color:#333333;}
a:hover{color:#000000;}

td{vertical-align:top;}


/* HEADER STUFF */

table#structure
{
    width:900px;
    margin:0 auto;
    padding:0;
    border:0;
    border-collapse:collapse;
}
table#structure td
{
    vertical-align:top;
    width:900px;
    padding:0;
}
div#header
{
    margin:0;
    padding:0;
    background-color:#666666;
    background-image:url("../images/header.jpg");
    height:250px;
    overflow:hidden;
}

div.container
{
    padding:10px;
    margin:0;
    background-image:url("../images/dropshadow.png");
    background-repeat:repeat-x;
    background-position:top;
}

/* TOP NAV */

ul#topnav
{   display:block;
    margin:232px 0 0 540px;
    text-align:right;
    padding:0;
    width:360px;
}

ul#topnav li a
{
text-indent:3000px;
display:block;
line-height:18px;
padding:0;
margin:0;
    
}

ul#topnav li a:hover
{
    background-position:0 0;
    background-repeat:no-repeat;
}
ul#topnav li
{   display:block;  
    float:left;
    background-position:0 0;
    background-repeat:no-repeat;
    list-style-type:none;
    height:18px;
    margin: 0 14px 0 0;
    padding:0;
    overflow:hidden;

}
ul#topnav li.about, ul#topnav li.about a{background-image:url(../images/menu_about.gif); width:70px; }
body#about ul#topnav li.about a, ul#topnav li.about a:hover{background-image:url(../images/menu_about_2.gif);}

ul#topnav li.updates, ul#topnav li.updates a{background-image:url(../images/menu_updates.gif); width:58px; }
body#blog ul#topnav li.updates a, ul#topnav li.updates a:hover{background-image:url(../images/menu_updates_2.gif);}

ul#topnav li.photo, ul#topnav li.photo a{background-image:url(../images/menu_photo.gif); width:92px;}
body#gallery  ul#topnav li.photo a, ul#topnav li.photo a:hover{background-image:url(../images/menu_photo_2.gif); }

ul#topnav li.contact, ul#topnav li.contact a{background-image:url(../images/menu_contact.gif); width:60px;}
body#contact ul#topnav li.contact a, ul#topnav li.contact a:hover{background-image:url(../images/menu_contact_2.gif); }

ul#topnav li.links, ul#topnav li.links a{background-image:url(../images/menu_links.gif); width:37px;}
body#links ul#topnav li.links a, ul#topnav li.links a:hover{background-image:url(../images/menu_links_2.gif); }

ul#topnav li.calendar, ul#topnav li.calendar a{background-image:url(../images/menu_calendar.gif); width:67px;}
body#calendar  ul#topnav li.calendar a, ul#topnav li.calendar a:hover{background-image:url(../images/menu_calendar_2.gif); }

ul#topnav li.guestbook, ul#topnav li.guestbook a{background-image:url(../images/menu_guestbook.gif); width:75px;}
body#guestbook ul#topnav li.guestbook a, ul#topnav li.guestbook a:hover{background-image:url(../images/menu_guestbook_2.gif); }


ul#topnav li.projects, ul#topnav li.projects a{background-image:url(../images/menu_projects.gif); width:64px;}
body#projects ul#topnav li.projects a, ul#topnav li.projects a:hover{background-image:url(../images/menu_projects_2.gif); }
