body { 
font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
background-color: #eee; 
color: #3D3D3D;
text-align: center;
-webkit-font-smoothing: antialiased; 
}


h1 { 
font-size: 1.1em;
color: #D60047;
}
/
h1.gray {
font-size: 1.1em;
color: #636363;
}

h2 { 
font-size: 1em;
font-weight: normal;
color: #D60047;
}

h2.gray {
font-size: 0.9em;
color: #636363;
}

.OuterDiv  {
position: relative;
top: 10px;
width: 1200px;
height: 600px;
margin-left: auto;
margin-right: auto;
background:#FFFFFF;
}

.HeaderDiv {
position: relative;
top: 20px;
width: 1150px;
height: 50px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

.OuterContentDivHome {
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: right;
}


.OuterContentDivContacts{
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;}

.OuterContentDivNews{
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;}

.OuterContentDivPublications {
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.OuterContentDivPublications2 {
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.OuterContentDivGallery2 {
position: relative;
top: 25px;
width: 1150px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.ContentDiv {
z-index: 3;
position: absolute;
top: 0px;
right: 0px;
width: 835px;
height: 500px;
margin-left: auto;
margin-right: auto;
background-color: white;
}

.ContentDiv2 {
z-index: 3;
position: absolute;
top: 0px;
left: 0px;
width: 835px;
height: 500px;
margin-left: auto;
margin-right: auto;
}

.ContentHeaderDiv {
z-index: 2;
position: absolute;
top: 0px;
right: 10px;
width: 735px;
height: 40px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 10px;
padding-bottom: auto;
font-size: 1.2em;	
}


.ContentHeaderDiv3 {
z-index: 1;
position: relative;
top: 0px;
left: 0px;
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 0px;
padding-bottom: 10px;
font-size: 1.2em;	
}


.ContentHeaderDivGallery {
z-index: 1;
position: relative;
top: 0px;
left: 0px;
width: 900px;
margin-left: none;
margin-right: auto;
text-align: left;
padding-top: 0px;
padding-bottom: 10px;
font-size: 1.2em;	
}

.ContentBlockDiv {
z-index: 2;
position: absolute;
top: 0px;
/* width: 455px; */
width: 735px;
height: 500px;
margin-left: auto;
margin-right: auto;
background-color: white;
opacity: 0.3; /* this is for Mozilla */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* this is for IE */
}

.ContentScrollableDiv {
z-index: 1;
position: absolute;
top: 50px;
right: 10px;
/* width: 435px; */
width: 900px;
height: 440px;
margin-left: auto;
margin-right: auto;
background-color: white;
text-align: left;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#130919;
scrollbar-arrow-color:#C2A2DA;
}

.ContentScrollableDiv2 {
z-index: 1;
position: absolute;
top: 50px;
left: 10px;
width: 900px;
height: 440px;
margin-left: auto;
margin-right: auto;
padding-right:30px;
background-color: white;
text-align: justify;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#130919;
scrollbar-arrow-color:#C2A2DA;
}

.ContentScrollableDiv3 {
z-index: 1;
position: relative;
top: 70px;
left: 10px;
width: 150px;
height: 440px;
margin-left: auto;
margin-right: auto;
padding-right:30px;
text-align: justify;
vertical-align: center;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#130919;
scrollbar-arrow-color:#C2A2DA;
}

.GalleryDiv {
z-index: 1;
position: absolute;
top: 0px;
left: 170px;
width: 1170px;
height: 490px;
background-color: white;
font-size: 7px;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}


.GalleryDiv2 {
z-index: 1;
position: relative;
top: 0px;
left: 0px;
width: 1150px;
height: 480px;
background-color: white;
font-size: 7px;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}


.GalleryDivGallery {
z-index: 1;
position: relative;
top: 0px;
left: 0px;
width: 1150px;
height: 480px;
background-color: white;
font-size: 7px;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}

.PublicationsDiv {
z-index: 1;
position: relative;
top: 0px;
left: 0px;
width: 1150px;
height: 480px;
background-color: white;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}

.BiogDiv {
z-index: 1;
position: absolute;
top: 40px;
left: 320px;
width: 830px;
height: 440px;
padding-right: 10px;
text-align: justify;
background-color: white;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}

.PortraitsDiv {
z-index: 1;
position: absolute;
top: 60px;
left: 700px;
width: 350px;
text-align: left;
background-color: white;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}

.AboutDiv {
z-index: 1;
position: absolute;
top: 40px;
left: 500px;
width: 650px;
height: 440px;
text-align: justify;
padding-right: 10px;
background-color: white;
overflow:auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}

.ContactDiv {
z-index: 1;
position: absolute;
top: 20px;
left: 660px;
width: 480px;
height: 480px;
text-align: justify;
padding-right: 20px;
background-color: white;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}


.NewsDiv {
z-index: 1;
position: absolute;
top: 30px;
left: 750px;
width: 395px;
height: 460px;
text-align: justify;
padding-right: 20px;
background-color: white;
overflow: auto;
scrollbar-face-color:transparent;
scrollbar-shadow-color:#632984;
scrollbar-highlight-color:#632984;
scrollbar-3dlight-color:#130919;
scrollbar-darkshadow-color:#130919;
scrollbar-track-color:#eee;
scrollbar-arrow-color:#C2A2DA;
}


a.MenuLink:hover{
color: #D60047;
}

}

.BookCoverDiv {
z-index: 1;
background-image: url("/images/child_460.jpg");
background-repeat: no-repeat; 
background-position: left top; 
position: relative;
top: 10px;
left: 0px;
width: 450px;
height: 480px;
}

.ImpressionsPicDiv {
z-index: 1;
background-image: url("/images/child_440.jpg");
background-repeat: no-repeat; 
background-position: left top; 
position: relative;
top: 10px;
left: 0px;
width: 450px;
height: 480px;
}

.AboutPicDiv {
z-index: 1;
background-image: url("/images/about_john.jpg");
background-repeat: no-repeat; 
background-position: left top; 
position: relative;
top: 10px;
left: 0px;
width: 450px;
height: 480px;
}

.PortraitsPicDiv {
z-index: 1;
position: relative;
top: 10px;
left: 0px;
width: 450px;
height: 480px;
}


.ContactPicDiv {
z-index: 1;
background-image: url("/images/contact_460_c.jpg");
background-repeat: no-repeat; 
background-position: left top; 
position: relative;
top: 10px;
left: 0px;
width: 600px;
height: 480px;
}

.NewsPicDiv {
z-index: 1;
background-image: url("/images/news_4.jpg");
background-repeat: no-repeat; 
background-position: left top; 
position: relative;
top: 10px;
left: 0px;
width: 740px;
height: 480px;
}

.BookCoverDiv2 {
z-index: 4;
background-image: url("/images/book_complete_photo_course.jpg");
background-repeat: no-repeat; 
background-position: center top; 
position: absolute;
top: 25px;
right: 20px;
width: 450px;
height: 480px;
}
.Title {
font-weight: bold;
color: #D60047;
text-align: left;
}

.MenuTable {
width: 100px;
text-align: center;
border: none;
padding: none;
text-transform:lowercase;
}

.contactTable {
width: 100px;
text-align: center;
padding-right: 30px;
border: none;
padding: none;
text-transform:lowercase;
}

.BookImage {
padding-top: 3px;
padding-left: 0px;
padding-right: 10px;
text-align: justify;
vertical-align: top;
font-size: 13px;
width: 500px;
padding-bottom: 0px;
}

.BookText {
padding-top: 3px;
padding-left: 0px;
padding-right: 30px;
padding-bottom: 0px;
width: 300px;
text-align: justify;
vertical-align: top;
font-size: 13px;


}


.GalleryTable {
width: 140px;
text-align: left;
border: none;
padding-bottom: 20px;;
}

.PhotoText {
border: none;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
vertical-align: top;
font-size: 10px;
padding-bottom: 0px;
}

.PhotoCaption {
color: #D60047;
}


.MenuTableSpace {
    display: block;
    text-align: center;
    font-size: 0.9em;
    color: #D60047;
    border: none;
    padding: none;
    border-bottom: solid 1pt;
    padding-bottom: 5px;
}

.MenuDivider {
text-align: right;
padding-left: 10px;
padding-right: 0px;
color: #D60047;
}

a {
color: #636363;
}

a:hover {
color: #D60047;
}


a.MenuLink {
    display: block;
    color: #636363;
    font-size: 0.9em;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: solid 1pt;
    white-space: nowrap;
    padding-right: 3px;
    padding-left: 3px;
}

a.MenuLink:hover{
color: #D60047;
}

a.MenuLinkSelected {
display:block;
font-size: 0.9em;
text-decoration: none;
padding-bottom: 5px;
border-bottom: solid 1pt;
color: #D60047;
    white-space: nowrap;
    padding-right: 3px;
    padding-left: 3px;
}

a.BookLink {
font-size: 0.9em;
color: #D60047;
}

input.ContactForm {
width: 350px;
background-color: #E6E6E6;
}

textarea.ContactForm {
width: 350px;
height: 280px;
background-color: #E6E6E6;
}

input.ContactButton{
width: 60px;
height: 30px;
background-color: #636363;
color: white;
font-weight: bold;

}