body
	{ background-color : #003333;
	  color            : #FFFFFF;
	  font-family : serif;
	  font-size   : 18px;
	  border : 0;
	  position : absolute;
	  top : 0;
	  left : 0;
	  bottom : 0;
	  right : 0;
	  overflow : hidden;
	  height : 97%;
	}

a
	{ text-decoration : none
	}

a:link
	{ color : #CCFFCC
	}
a:visited
	{ color : #CCFFCC
	}
a:hover
	{ color : yellow
	}


.header
	{ font-style    : italic
	; font-size     : 24px
	; border-bottom : 1px solid white
	; padding       : 0
	; margin        : 0
	}


.trailer
	{ float : right
	}
.trailer a
	{ text-decoration : none
	}
.trailer img
	{ border : 0
	; margin-top : 5px
	}


.navigation
	{ border-bottom  : 2px solid white
	; padding-top    : 10px
	; margin         : 0
	}

.navigation
	{ padding-left  : 7%
	; padding-right : 7%
	}

.navigation a
	{ margin-right : 15px
	; padding-left : 3px
	; padding-right : 3px
	}

#selected
	{ color : black
	; background : lightgreen
	}
#selected:hover
	{ color : black
	}


.screensize
	{ float : right
	; font-size : 12px
	; font-family : sans-serif
	; font-weight : normal
	; font-variant : small-caps
    ; padding-top : 7px
	}
#current
	{ color : black
	; background : lightgreen
	; text-decoration : none
	}
#notcurrent
	{ color : white
	; text-decoration : none
	}

.language
	{ float : right
	; font-size : 12px
	; font-family : sans-serif
	; font-weight : normal
	; font-variant : small-caps;
	}

#currentlanguage
	{ color : black
	; background : lightgreen
	; text-decoration : none
	}
#notcurrentlanguage
	{ color : white
	; text-decoration : none
	}


.cleardiv
	{ clear : both
	}

.content
	{ overflow  : auto;
	  border    : 0;
	  padding   : 0;
	  margin   : 0;
	  position : absolute;
	  width : 100%;
	  height : 90%;
	}


h1
	{ font-size : 30px
	; text-align : center
	; text-decoration : underline
	}

h2
	{ font-size : 24px
	; text-decoration : underline
	}

.click { font-size : 12px; font-family : sans-serif; margin-right : 5px}

.flag
	{ position : relative
	; top : -25px
	; float: right
	; border : 0
	; padding : 0
	; margin : 0
	; text-align : right;
	}
.flag img
	{ border : 1px inset gray;
	}

.dropcap
	{ font-size : 125%
	; line-height : 1
	; text-indent: 1.5em
	}

/* webdesign */

.designwrapper
	{ margin-top : 100px 
	}
.design p
	{ text-align    : center
	; padding-left : 10%
	; padding-right : 10%
	}

.designpanel
	{ border   : 0
	; position : absolute
	; bottom   : 5px
	; left     : 5px
	}

.designpanel img
	{ border : 0
	}


/* welcome */

.welcome h1
	{ margin-top : 20px;
	  margin-bottom : 0
	}

.welcome p
	{ text-align : center
	; margin-top : 5px
	}

/* added 21Aug2015 */
.welcomediv
	{ text-align : center
	; font-size : 14px
	; font-family : sans-serif
	; font-weight : normal
	}

/* deleted 21Aug2015:
.welcomediv
	{ float : left
	; padding : 0
	; margin : 0
	; border : 0
	; width  : 95%
	; text-align : center
	; font-size : 14px
	; font-family : sans-serif
	; font-weight : normal
	}
*/

.welcomeimage
	{ border : 5px solid white
	}

/* biography */

.biography p
	{ padding-left  : 10%
	; padding-right : 10%
	; text-indent : 0px
	; line-height : 1.3
	}


/* added 21Aug2015 */
.biographydiv
	{ float: right
	; padding-left: 10px
	; padding-right: 10px
	; padding-bottom: 10px
	}

/* added 21Aug2015 */
.biographyimage
	{ border : 5px solid white
	}

/* resume */

.addressblock
	{ font-size : 20px
	; padding-left : 10%
	; padding-right : 7%
	; float : left
	}
.addressblockright
	{ font-size : 20px
	; padding-left : 10%
	; padding-right : 7%
	; float : right
	}

.resume h2
	{ padding-left : 10%
	}
.resume p
	{ padding-left  : 12%
	; font-size     : 18px
	; line-height : 1.3
	}

/* statement */

.statement p
	{ text-indent : 0
	; padding-left : 10%
	; padding-right : 10%
	; line-height : 1.3
	}

/* reviews */

.reviews h2
	{ padding-left : 10%
	; padding-right: 10%
	}
.reviews p
	{ text-indent : 40px
	; padding-left : 10%
	; padding-right : 10%
	; line-height : 1.3
	}

.reviewswrapper
	{ padding-left : 10%
	}

p.NoIndent
	{ text-indent : 0px
	; padding-left : 10%
	; padding-right : 10%
	; line-height : 1.3
	}

.ImageAndCaption
	{ float :left
	}
.Caption
	{ text-align : center
	; font-size : 14px
	}

.ReviewImage0
	{ width : 300px
	; margin-right : 8px
	}

.ReviewImage1
	{ width : 300px
	; margin-right : 8px
	}

.ReviewImage2
	{ width : 720px
	; margin-right : 8px
	}

.LRGallery1
	{ width : 300px
	; height: 150px
	; float : left
	; clear : left
	; border : 0
	; margin-right : 8px
	; margin-bottom : 2px
	}

.LRGallery2
	{ width : 300px
	; height: 150px
	; float : left
	; clear : left
	; border : 0
	; margin-right : 8px
	; margin-bottom : 2px
	}

.LRGallery3
	{ width : 300px
	; height: 150px
	; float : left
	; clear : left
	; border : 0
	; margin-right : 8px
	}


.reviewer
	{ text-align: right
	; font-style : italic
	}

.divider
	{ text-align : center
	}


/*******************************************/
/* Used to align images within their boxes */
/*******************************************/

.painting
	{ align : right
	; margin : 0
	; padding : 0
	; border : 0
	}

/***********************************************/
/* Gallery and Archive Displays                */
/* Used in files Gallery.html and Archive.html */
/***********************************************/

.GalleryImageCommon
	{ float         : left
	; padding-left  : 10px
	; padding-right : 10px
	; margin        : 0
	; border        : 0
	; margin-top    : 20px
	; text-align    : center
	; font-size     : 12px
	; font-family   : sans-serif
	; font-weight   : normal
	; font-variant  : small-caps;
	}

.GalleryImageSmall
	{ width : 275px;
	}

.GalleryImageLarge
	{ width : 350px	;
	}

/*************************************************/
/* Single Image Display, with Framed Image aside */
/* Used in files ##Single.html                   */
/*************************************************/

.ImageCommon
	{ border     : 0
	; padding    : 0
	; margin-top : 10px
	; float      : left
	}

.ImageSmall
	{ width    : 725px;
	}

.ImageLarge
	{ width    : 975px;
	}

.ImageCaption
	{ border   : 0
	; margin-top : 10px
	; font-size : 14px
	; text-align: right
	; font-family : sans-serif
	; font-weight : normal
	; font-variant : small-caps;
	}

.ImageFramed
	{ width    : 200px
	; border   : 0
	; padding  : 0
	; margin-top : 10px
	; float : right
	; text-align : center
	; font-size : 12px
	; font-family : sans-serif
	; font-weight : normal
	; font-variant : small-caps;
	}

/******************************/
/* HiRes Image Display        */
/* Used in files ##HiRes.html */
/******************************/

.HiResImageCommon
	{ overflow      : scroll
	; border        : 0
	; padding       : 0
	; margin        : 10px
	; margin-left   : 0
	; margin-bottom : 10px
	}

.HiResImageSmall
	{ height   : 475px
	; width    : 920px
	}

.HiResImageLarge
	{ height   : 750px
	; width    : 1185px
	}

.HiResCaption
	{ border   : 0
	; text-align : center
	; font-size : 16px
	; font-family : sans-serif
	; font-weight : normal
	; font-variant : small-caps;
	}

/****************************************************/	
/* Icons Panel for Navigating Through Single Images */
/* and Selecting/Unselecting HiRes Image            */
/****************************************************/
	
.ImageNavigation
	{ border   : 0
	; position : absolute
	; bottom : 5px
	; right  : 5px
	}

.ImageNavigation img
	{ border : 0
	}