* {
    margin: 0px;
    padding: 0px;
}	

html {
    height: 100%;
    width: 100%;
}
	
body {
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

a {
    text-decoration: none;
    color: #333333;
}	
a:hover {
    color: #E77817;
}

img {
    border: 0px;
}

#container {
    height: 100%;
    Margin-right: auto; 
    margin-left: auto; 
    text-align: center; 
    vertical-align: middle;
}
#wrapper {
    height: 547px;
    width: 950px;
    padding-top: 22px;
    padding-right: 22px;
    padding-bottom: 15px;
    padding-left: 22px;
    text-align: left;
    border: 1px solid #C4D0C5;
}

#content {
    height: 547px;
    width: 740px;
    float: right;
    text-align: center;
}
#content #banner {
    width: 100%;
    height: 30px;
    background-image: url(Assets/SchoolBanner.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
#content #school {
    padding: 15px;
    height: 450px;
    border: 3px solid #336666;
    width: 704px;
    overflow: auto;
}

#content #school #painting {
    height: 410px;
}

#content #charlieSheard {
    height: 480px;
    width: 704px;
    padding: 15px;
    border: 3px solid #336666;
}
#content #charlieSheard #Painting {
    height: 445px;
}
#content #address {
    height: 18px;
    padding-top: 13px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: baseline;
    color: #336666;
}

#info {
    height: 377px;
    width: 190px;
}
#info #charlieSheardsWorkInfoPhoto {
    width: 100%;
    height: 161px;
    background-image: url(Assets/CharlieSheardsWork/InfoPhoto.jpg);
    background-repeat: no-repeat;
}
#info #charlieSheardsWorkInfoHead {
    font-size: 22px;
    color: #336666;
    margin-top: 10px;
}
#info #charlieSheardsWorkInfoDetail {
    height: 75px;
    font-size: 13px;
    margin-top: 10px;
}
#info #studentWorkInfoHead, #info #examplesOfClassWorkInfoHead, #info #thirdYearStudentsInfoHead {
    height: 80px;
    font-size: 24px;
    color: #336666;
    padding-top: 30px;
}
#info #studentWorkInfoDetail, #info #examplesOfClassWorkInfoDetail, #info #thirdYearStudentsInfoDetail{
    height: 230px;
    font-size: 13px;
}
#info #thirdYearStudentsInfoDetail {
    font-size: 12px;
    line-height: 16px;	
}
#info #exhibitionListingInfo, #info #fourSydneyAbstractionists, #info #charlieSheardDrawingsInfo {
    height: 340px;
    font-size: 24px;
    color: #336666;
}
	
#menu {
    height: 170px;
    width: 190px;
    float: left;
}
#menu #aboutCharlieSheard {
    background-image: url(Assets/AboutCharlieSheard.gif);
    background-repeat: no-repeat;
}
#menu #aboutCharlieSheard a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;	
    display: block;	
}
#menu #aboutCharlieSheard a:hover {
    background-image: url(Assets/AboutCharlieSheardHover.gif);
}
#menu #aboutCharlieSheard a.active {
    background-image: url(Assets/AboutCharlieSheardActive.gif);
}
#menu #charlieSheardsWork {
    background-image: url(Assets/CharlieSheardsWork.gif);
    background-repeat: no-repeat;
}
#menu #charlieSheardsWork a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #charlieSheardsWork a:hover {
    background-image: url(Assets/CharlieSheardsWorkHover.gif);
}
#menu #charlieSheardsWork a.active {
    background-image: url(Assets/CharlieSheardsWorkActive.gif);
}
#menu #charlieSheardsDrawings {
    background-image: url(Assets/CharlieSheardsDrawings.gif);
    background-repeat: no-repeat;
}
#menu #charlieSheardsDrawings a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #charlieSheardsDrawings a:hover {
    background-image: url(Assets/CharlieSheardsDrawingsHover.gif);
}
#menu #charlieSheardsDrawings a.active {
    background-image: url(Assets/CharlieSheardsDrawingsActive.gif);
}
#menu #fourSydneyAbstractionists {
    background-image: url(Assets/FourSydneyAbstractionists.gif);
    background-repeat: no-repeat;
}
#menu #fourSydneyAbstractionists a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #fourSydneyAbstractionists a:hover {
    background-image: url(Assets/FourSydneyAbstractionistsHover.gif);
}
#menu #fourSydneyAbstractionists a.active {
    background-image: url(Assets/FourSydneyAbstractionistsActive.gif);
}
#menu #theSchoolIntroduction {
    background-image: url(Assets/TheSchoolIntroduction.gif);
    background-repeat: no-repeat;
}
#menu #theSchoolIntroduction a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #theSchoolIntroduction a:hover {
    background-image: url(Assets/TheSchoolIntroductionHover.gif);
}
#menu #theSchoolIntroduction a.active {
    background-image: url(Assets/TheSchoolIntroductionActive.gif);
}
#menu #theOilPaintingCourse {
    background-image: url(Assets/TheOilPaintingCourse.gif);
    background-repeat: no-repeat;
}
#menu #theOilPaintingCourse a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #theOilPaintingCourse a:hover {
    background-image: url(Assets/TheOilPaintingCourseHover.gif);
}
#menu #theOilPaintingCourse a.active {
    background-image: url(Assets/TheOilPaintingCourseActive.gif);
}
#menu #curriculum {
    background-image: url(Assets/Curriculum.gif);
    background-repeat: no-repeat;
}
#menu #curriculum a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #curriculum a:hover {
    background-image: url(Assets/CurriculumHover.gif);
}
#menu #curriculum a.active {
    background-image: url(Assets/CurriculumActive.gif);
}
#menu #thirdYearStudents {
    background-image: url(Assets/2008ThirdYearStudents.gif);
    background-repeat: no-repeat;
}
#menu #thirdYearStudents a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #thirdYearStudents a:hover {
    background-image: url(Assets/2008ThirdYearStudentsHover.gif);
}
#menu #thirdYearStudents a.active {
    background-image: url(Assets/2008ThirdYearStudentsActive.gif);
}
#menu #examplesOfClassWork {
    background-image: url(Assets/ExamplesOfClassWork.gif);
    background-repeat: no-repeat;
}
#menu #examplesOfClassWork a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #examplesOfClassWork a:hover {
    background-image: url(Assets/ExamplesOfClassWorkHover.gif);
}
#menu #examplesOfClassWork a.active {
    background-image: url(Assets/ExamplesOfClassWorkActive.gif);
}
#menu #studentWork {
    background-image: url(Assets/StudentWork.gif);
    background-repeat: no-repeat;
}
#menu #studentWork a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #studentWork a:hover {
    background-image: url(Assets/StudentWorkHover.gif);
}
#menu #studentWork a.active {
    background-image: url(Assets/StudentWorkActive.gif);
}
#menu #exhibitionListing {
    background-image: url(Assets/ExhibitionListing.gif);
    background-repeat: no-repeat;
}
#menu #exhibitionListing a {
    width: 190px;
    height: 17px;
    background-image: none;
    background-repeat: no-repeat;
    display: block;
}
#menu #exhibitionListing a:hover {
    background-image: url(Assets/ExhibitionListingHover.gif);
}
#menu #exhibitionListing a.active {
    background-image: url(Assets/ExhibitionListingActive.gif);
}

.buttonBack {
    margin-left: 5px;	
}
.buttonNext {
    margin-left: 75px;
}

.captionPhoto {
    font-size: 12px;
    margin-top: 5px;
    color: #336666;
}
.captionPainting {
    font-size: 13px;
    text-align: center;
}

.menuitem {
    width: 100%;
}