body
{
text-align: center;
background-image: url('images/background-grey.gif');
margin: 0;
padding: 0;
}

#wrapper
{
position: absolute;
left: 50%;
top: 35px;
margin-left: -404px;
width: 812px;
text-align: left;
background-image: url('images/wrapper-background.gif');
background-repeat: repeat-y;
}

/*==================Header Name Block==================*/

#header-wrapper
{
width: 812px;
height: 100px;
border-bottom: 3px solid rgb(99,99,99);
}

#header
{
width: 412px;
height: 100px;
float: left;
background-position: top left;
text-align: left;
}

#header p.name
{
margin-top: 10px;
margin-left: 15px;
margin-right: 10px;
margin-bottom: 5px;
font-size: 200%;
letter-spacing: 2px;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(152,0,0);
}

#header a, #header a:visited
{
text-decoration: none;
color: rgb(152,0,0);
}

#header p.sub-header
{
margin-top: 0px;
margin-left: 15px;
margin-right: 10px;
font-size: 130%;
letter-spacing: 1px;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(152,0,0);
}

/*==================Header Image Block==================*/

#header-images
{
float: right;
width: 400px;
height: 100px;
}

#header-images img.thumb
{
margin-left: -2px;
margin-right: -2px;
}

/*==================Navigation Bar==================*/

#menu
{
width: 812px;
height: 32px;
float: left;
background-color: rgb(245,245,245);
text-align: center;

}

#menu table.nav-buttons
{
margin-top: -2px;
margin-left: -2px;
margin-right: -2px;
}

#menu td
{
width: 116px;
height: 32px;
}

#menu td.external
{
width: 116px;
height: 32px;
background-image: url('images/external-button.jpg');
background-repeat: no-repeat;
}

#menu a.external
{
color: rgb(245,245,245);
text-decoration: none;
}

#menu a.external:hover
{
color: rgb(245,245,245);
border-bottom: none;
}


#menu a,  #menu a:visited
{
text-decoration: none;
color: rgb(99,99,99);
font-size: 120%;
font-family: Tahoma, Geneva, sans-serif;
}

#menu a.active
{
color: rgb(152,0,0);
border-bottom: 3px solid rgb(152,0,0);
}

#menu a:hover
{
color: rgb(152,0,0);
border-bottom: 3px solid rgb(152,0,0);
}

/*==================Image Display CSS==================*/

.triggerDisplay a img
{
height: 0; width: 0; border-width: 0;
}


.triggerDisplay a:hover img
{
position: absolute;
top: 220px;
right: 15px;
width: 250px;
height: 360px;
}

/*==================Content Inset==================*/

.inset
{
float: right;
width: 200px;
padding: 5px 5px;
margin-left: 20px;
margin-right: 30px;
margin-bottom: 15px;
text-align: left;
background-color: rgb(204,204,204);
}

.inset ul
{
text-align: left;
font-size: 80%;
list-style: square outside;
padding-left: 5px;
margin: 2px 2px 2px 2px;
}

.inset h2
{
margin-top: 0px;
margin-left: 2px;
font-size: 80%;
text-align: left;
font-weight: normal;
}

/*==================Content Sub-Page Navigator==================*/

#sub-page-nav
{
float: left;
width: 200px;
padding: 5px 5px;
margin-left: 20px;
margin-right: 40px;
margin-top: 20px;
margin-bottom: 15px;
text-align: left;
background-color: rgb(204,204,204);
}

#sub-page-nav table
{
margin-top: -2px;
margin-left: -2px;
margin-right: -2px;
}

#sub-page-nav td
{
width: 200px;
height: 32px;
}

#sub-page-nav a.sub-nav:link, #sub-page-nav a.sub-nav:visited
{
text-decoration: none;
color: rgb(99,99,99);
font-size: 100%;
font-family: Tahoma, Geneva, sans-serif;
}

#sub-page-nav a.sub-nav-active
{
color: rgb(152,0,0);
}

#sub-page-nav a.sub-nav:hover, #sub-page-nav a.sub-nav-active:hover
{
color: rgb(152,0,0);
text-decoration: none;
}

#sub-page-nav ul
{
color: rgb(152,0,0);
margin-top: 0px;
margin-bottom: 0px;
font-size:90%;
}

/*==================Content Photo Block==================*/

.photos
{
width: 720px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 45px;
margin-right: 30px;
text-align: center;
}

.photos img.photo-left
{
float: left;
}

.photos img.photo-right
{
float: right;
}

/*==================Page Content Block==================*/

#content
{
width: 812px;
float: left;
background-color: rgb(245,245,245);
text-align:left;
font-size:110%;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(69,76,81);
vertical-align: top;
margin-top: 10px;
margin-bottom: 10px;
}

#content h1
{
padding: 0 10px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
font-size:120%;
font-variant: small-caps;
}

#content h3
{
padding: 0 10px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
font-size:100%;
font-variant: small-caps;
}

#content p
{
padding: 0 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 30px;
font-size: 85%;
text-align: justify;
}

#content li
{
text-align: left;
font-size: 85%;
margin-left: 15px;
margin-right: 30px;
margin-top: 5px;
margin-bottom: 5px;
}

#content ul
{
list-style: square outside;
}

#content ol.indented
{
margin-left: 50px;
}

#content img
{
border: 0;
}

#content img.right
{
text-align: right;
float: right;
margin-top: 4px;
margin-left: 10px;
margin-right: 0px;
}

.right
{
text-align: right;
}

#content a:link
{
color: rgb(152,0,0);
text-decoration: none;
}

#content a:visited
{
color: rgb(152,0,0);
text-decoration: none;
}

#content a:hover
{
text-decoration: underline;
}

#content p.hanging
{
text-indent: -2em;
margin-left: 2em;
margin-right: 280px;
}

#content p.indent
{
text-indent: 30pt;
}

/*=============Footer Block==================*/

#footer
{
width: 812px;
height: 30px;
clear: left;
border-top: 3px solid rgb(99,99,99);
}

#footer-text
{
width: 412px;
height: 30px;
float: left;
background-color: rgb(245,245,245);
}

#footer-nav
{
width: 400px;
height: 30px;
float: right;
background-color: rgb(245,245,245);
}

#footer p.footer-text
{
text-align: left;
font-size:75%;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(69,76,81);
margin-top: 4px;
margin-left: 10px;
}

#footer p.footer-nav
{
text-align: right;
margin-top: 2px;
margin-right: 10px;
}

#footer img
{
border: 0;
margin-top: 3px;
vertical-align: bottom;
}

/*==============Image Pre-loader==============*/

.hiddenImage
{
display: none;
}


/*==============Front Page Styles==============*/

#front-page-wrapper
{
margin: 200px auto;
width: 415px;
height: 200px;
text-align: left;
background-image: url('images/wrapper-background.gif');
background-repeat: repeat-y;
}

#front-page-image
{
width: 200px;
height: 200px;
float: left;
background-color: rgb(180,180,180);
}

#front-page-menu
{
width: 200px;
height: 200px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 75%;
color: rgb(120,120,120);
}

#front-page-menu h1
{
font-size: 170%;
color: rgb(99,99,99);
margin-left: -2px;
margin-top: 5px;
margin-bottom: 2px;
letter-spacing: 2px;
}

#front-page-menu p
{
margin-left: 8px;
margin-top: 4px;
margin-bottom: 4px;
font-size: 120%;
}

#front-page-menu a, #front-page-menu a:visited
{
text-decoration: none;
color: rgb(99,99,99);
}

#front-page-menu a:hover
{
color: rgb(152,0,0);
}

/*==============Presentation Pop-up Styles==============*/

#presentation-wrapper
{
width: 450px;
margin-top: 20px;
margin-left: 25px;
background-color: rgb(245,245,245);
padding-top: 1px;
padding-bottom: 1px;
}

#presentation-wrapper h1
{
font-size:100%;
font-variant: normal;
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(69,76,81);
}

#presentation-wrapper p
{
font-size:80%;
font-family: Tahoma, Geneva, sans-serif;
color: rgb(69,76,81);
}

#presentation-wrapper a, #presentation-wrapper a:visited
{
text-decoration: none;
color: rgb(152,0,0);
}