html {							/* Used to force a scrollbar on all pages, which avoids the horizontal shifting of contents when switching between pages with/without scrollbars. */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body {
	margin-top: 6px;
	color: inherit;
	background-color: #FFCC33;
}

.Page {
	padding: 0px;
	border: 0px;
	width: 800px; 
	border-collapse: collapse;
}

.Banner {
	padding: 0px;
	border: solid 1px #333333;
	border-collapse: collapse;
}

.NavBar {
	width: 716px;
	height: 21px;
	padding: 0px;
	color: inherit;
	background-color: #CC6600;
	border-collapse: collapse;
	border: solid 1px #333333;
}

.NavBar2 {
	width: 800px;
	height: 21px;
	padding: 0px;
	color: inherit;
	background-color: #CC6600;
	border-collapse: collapse;
	border: solid 1px #333333;
}

.Content {
	width: 800px; 
	color: inherit;
	background-color: #FFFFFF;
	border: solid 1px #333333; 
	padding: 5px;
	vertical-align: top;
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.viewerPane {
  opacity: 0; 
  visibility: hidden;
  border: #000 1px solid; 
  background-color: #579786; 
  width: 800px; 
  height: 700px; 
  position: fixed;
  z-index: 2; 
  top: 40px; 
  left: 0px; 
  text-align: center;
  box-shadow: 10px 10px 20px #999;
	-moz-box-shadow: 10px 10px 20px #999;
	-webkit-box-shadow: 10px 10px 20px #999;

	-webkit-transition-property: opacity, height;
	-webkit-transition-duration: 1s, .25s;
	-webkit-transition-delay: .1s, 0s;
  
	-moz-transition-property: opacity, height;
	-moz-transition-duration: 1s, .25s;
	-moz-transition-delay: .1s, 0s;
  
	-o-transition-property: opacity, height;
	-o-transition-duration: 1s, .25s;
	-o-transition-delay: .1s, 0s;
}

.viewerPageNo {
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
	display: block; 
}


.paintingTitle {
  text-align: left; 
  font-weight: bold; 
  font-size: 120%; 
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
  color:white;
  text-shadow: 0 -1px 0 #000;
	padding: 0px 10px 0px 10px; 
	display: block; 
}

.paintingSize {
  text-align: center; 
  font-weight: bold; 
  font-size: 100%; 
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
  margin:  0px; 
	padding: 2px 0px 0px 0px;
  color:white;
  text-shadow: 0 -1px 0 #000;
	display: block; 
}

.paintingDescription {
  margin: 8px 0px 0px 0px; 
  color:white;
	padding: 0px 10px 0px 10px; 
  text-align: left;
  text-shadow: 0 -1px 0 #000;
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
	display: block; 
}

.RightPane {
	vertical-align: top;
}

.RightPreviewPane {
	vertical-align: top;
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #333333; 
}

.ImageTable {
	width: 794px;
	padding: 0px;
	border-collapse: collapse;
  
	-webkit-transition-property: opacity, height;
	-webkit-transition-duration: 1s, .25s;
	-webkit-transition-delay: .1s, 0s;
  
	-moz-transition-property: opacity, height;
	-moz-transition-duration: 1s, .25s;
	-moz-transition-delay: .1s, 0s;
  
	-o-transition-property: opacity, height;
	-o-transition-duration: 1s, .25s;
	-o-transition-delay: .1s, 0s;

}

.ImageCell {
  width: 25%;
	padding: 0px 0px 16px 0px;
  cursor: pointer;
	text-align: center;
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.previous {
  background-repeat: no-repeat;
  background-image: url(images/previousArrowActive.gif);
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.next {
  background-repeat: no-repeat;
  background-image: url(images/nextArrowActive.gif);
  padding-right: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.FunnyScary {
	height: 360px;
	color: inherit;
	background-color: #FFFFFF;
	border: solid 1px #333333; 
	padding: 18px 0px 0px 2px;
	text-align: center;
	vertical-align: top;
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.copyright {				/* Footer on most every page */
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}

.blurb {						/* Home page blurb */
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.SubHeading {				/* Used by About page navigation (About / About Resume) */
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #396384;
	font-weight: bold;
	background-color: inherit;
}


.ContentHead {
	color: #396384;
	font-style: italic;
	font-weight: bold;
	background-color: inherit;
	font-size: 10pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.newsSection {
	font-size: 140%;
	color: #396384;
	font-weight: bold;
	background-color: inherit;
}

.newsTitle {
	font-size: 110%;
	font-style: italic;
	text-decoration: underline;
}

.newsSubtitle {
	font-size: 120%;
	font-weight: bold;
	margin: 16px 0px 0px 0px;
}

.detailTitle {
	font-size: 100%;
	font-weight: bold;
}

.detailGroup {
	margin: 3px 6px 3px 0px;
}


.navLink {
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: inherit;
	font-size: 12pt;
	font-family: "Comic Sans MS", Arial, Helvetica, Sans-Serif;
}

.navLink:link {
	color: #FFFFFF;
	background-color: inherit;
}

.navLink:visited {
	color: #FFFFFF;
	background-color: inherit;
}

.navLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: inherit;
}

.navLink:active {
	color: #333333;
	background-color: inherit;
}


a:link {
	color: #970f00;
	border: #000000;
	background-color: inherit;
}
a:visited {
	color: #970f00;
	border: #000000;
	background-color: inherit;
}
a:hover {
	color: #336666;
	border: #000000;
	background-color: inherit;
}
a:active {
	color: #970f00;
	border: #000000;
	background-color: inherit;
}



.imageborder a:link img{
	color: #970f00;
	border: 1px solid #970F00;
	background-color: inherit;
}
.imageborder a:visited img{
	color: #970f00;
	border: 1px solid #970F00;
	background-color: inherit;
}
.imageborder a:hover img{
	color: #336666;
	border: 1px solid #336666;
	background-color: inherit;
}
.imageborder a:active img{
	color: #970f00;
	border: 1px solid #970F00;
	background-color: inherit;
}

.imagelabel {
	font-size: 14pt;
	text-align: center;
	font-family: "Comic Sans MS", Arial, sans-serif;
}

.insidescroll {
	font-size: x-small;
	font-family: "Comic Sans MS", Arial, sans-serif;
}

.comicsanstext {
	font-size: x-small;
	font-family: "Comic Sans MS", Arial, sans-serif;
}

.button {
	color: white;
	background-color: #5f78ab;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	border: solid 1px #29447e; 
	background-image: url(images/buttonBkgnd.gif); 
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.button:link {
	color: white;
	background-color: #5f78ab;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	border: solid 1px #29447e; 
	background-image: url(images/buttonBkgnd.gif); 
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.button:visited {
	color: white;
	background-color: #5f78ab;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	border: solid 1px #29447e; 
	background-image: url(images/buttonBkgnd.gif); 
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.button:hover {
	color: white;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	background-color: #5f78ab;
	border: solid 1px #29447e; 
	background-image: url(images/buttonBkgndSelected.gif);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}