body {
    margin: 0px;
    padding: 0px;
    font: 14px normal Garamond, "Times New Roman" , Serif;
    color: #3B2714;
    background-color: #E7D7AF;
    text-align: center; /* IE6 hack to center the wrapper*/
    cursor: default;
}

.note {
    font-style: italic;
    font-weight: bold;
    color: #999999;
}

#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 1068px;
    text-align: left;
}

#header {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 1068px;
    height: 288px;
    background: #E7d7af url(  "../images/harneytop.gif" ) no-repeat top left;
}

#header .logo 
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 20px;
	left: 40px;
}
#photoHeader {
    position: absolute;
    top: 60px;
    left: 335px;
    width: 620px;
    height: 190px;
    text-align: right;
}

#photoHeader img {
    padding: 11px 10px 12px 14px;
    background: url(../images/Header_Frame.png) no-repeat top left;
}

#main {
    margin: 0px;
    padding: 0px;
    width: 1068px;
    height: 554px;
    background: url(  "../images/harneybottom.gif" ) no-repeat top left;
}

#sidebar {
    float: left;
    margin: 0px 0px 0px 50px;
    padding: 0px 20px;
    height: 230px;
    width: 146px;
}

#sidebar .menu li {
    margin: 6px 0px;
    list-style-type: none;
}

#sidebar .menu a:visited {
    color: #3B2714;
    text-decoration: none;
}

#sidebar .menu a:link, #sidebar .menu a:hover {
    color: #921F1C;
    text-decoration: none;
}

#content {
    float: left;
    margin: 0px 0px 0px 79px;
    padding: 20px 10px;
    width: 619px;
    height: 360px;
    background: #FFFFFF url(../images/ContentGradient.jpg) no-repeat top left;
    overflow: auto;
}

/*#content .gradient {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 639px;
    height: 65px;
}
#content .text {
    float: left;
    margin: 0px;
    padding: 10px;
    height: 300px;
    width: 619px;
    color: #3B2714;
    overflow: auto;
}*/

#content .header {
    clear: both;
    display: block;
    margin: 0px 0px 20px;
}

#content .questionHeader {
    color: #921f1c;
    font-style: italic;
    font-weight: bold;
}

#content .question {
    color: #999999;
    font-style: italic;
    font-weight: bold;
}

.button {
    padding: 1px 2px;
    border: 1px solid #3B2714;
    background-color: #ECD49C;
    color: #3B2714;
    cursor: pointer;
}

#PhotoGallery {
    position: relative;
    float: left;
    width: 619px;
    margin: 0px;
    padding: 0px;
}

#PhotoGallery .GallerySelector {
    position: absolute;
    top: -45px;
    right: 10px;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#PhotoGallery .LargePhoto {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 439px;
    height: 150px;
    text-align: center;
}

#PhotoGallery .LargePhoto img {
    padding: 5px 7px 4px 9px;
    background: url(../images/Large_Frame.png) no-repeat top left;
}

#PhotoGallery .LargePhoto span {
    display: block;
    margin: 5px;
}

#PhotoGallery .PhotoSelector {
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px;
    width: 170px;
}

#PhotoGallery .PhotoSelector img {
    padding: 3px 3px 3px 4px;
    background: url(../images/Small_Frame.png) no-repeat top left;
}

#PhotoGallery .PhotoSelector img:hover {
    background-color: #FFFFFF;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
}