body {scrollbar-face-color: #97907A; scrollbar-base-color: #97907E;
	 scrollbar-arrow-color: #42393A; scrollbar-highlight-color: #B8B49B;
	 scrollbar-darkshadow-color: #42393A; scrollbar-shadow-color: #76705F } 

/*.....Used for Vertical Menus on Index Pg & Left Nav on Portfolio Pg...*/
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF4C8; line-height: 22px; 
	font-weight: bold; text-decoration: none; letter-spacing: 1px; word-spacing: 1px}
	
/*.....Used for Panel Pages, I think...*/	
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF4C8; 
	text-decoration: none; letter-spacing: 6pt; text-indent: 3px}
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; 
	color: #52504B; letter-spacing: 1px; line-height: 14pt; text-decoration: none; text-transform: none;}


.borCornerBL {  background-repeat: no-repeat; background-position: left bottom}
.borCornerBR {  background-position: right bottom; background-repeat: no-repeat}
.borBottom {  background-repeat: repeat-x; background-position: bottom}
.borCornerUL {  background-repeat: no-repeat; background-position: left top}
.borCornerUR {  background-repeat: no-repeat; background-position: right top}
.borTop {  background-repeat: repeat-x; background-position: top}

/*........2PX WIDE DARK BORDER THAT SURROUNDS MAIN CONTAINER ON MOST PAGES..........*/
.borRight {  background-repeat: repeat-y; background-image: url(images/border2pxDkGray.gif); background-position: right}
.borLeft {  background-repeat: repeat-y; background-image: url(images/border2pxDkGray.gif); background-position: left}

.homeContent {  height: 543px; width: 760px; left: 70px; top: 25px; clip:  rect(   )}
.border2dark {  border-color: #6D6858 #6D6855; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.nudge2R {  left: 2px; clip:  rect(   )}
.bgPicNoRepeat {  background-repeat: no-repeat; background-position: left top}


/*................INDEX PAGE VERTICAL NAVIGATION...............*/
.IndexBkgrndImg {  
	background-image:  url(images/Index%20Images/LowerRightSwirl.jpg); background-repeat: no-repeat; 
	background-position: right bottom
	}
.FeaturePicIndexPg { 
	border: 3px #C4B484 solid 
	}
	/* a.menuIndexPg:active a.menuIndexPg:link a.menuIndexPg:visited a.menuIndexPg:hover*/
.menuIndexPg {  
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	line-height: 22px; font-weight: bold; color: #FFF4C8; text-decoration: none; 
	letter-spacing: 1px; word-spacing: 1px; list-style-type: none; 
	}
.menuIndexPg ul { 	
  	margin: 0;
  	padding-left: 0px;
  	list-style-type: none;
	
	}
.menuIndexPg ul li {

	}
.menuIndexPg ul li a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; line-height: 22px;
	font-weight: bold; color: #FFF4C8;
	letter-spacing: 1px; word-spacing: 1px;
	text-decoration: none;
	}
.menuIndexPg ul li a:hover {
	color: #D3BB7C;
	}	
	
	


	
/*.......INDEX PAGE CLICK-TO-EXPAND SCRIPT for Vertical Nav.......*/
#containerul, #containerul ul{
  text-align:left;
  margin: 0; /* Removes browser default margins applied to the lists. */
  padding: 0;/*- Removes browser default padding applied to the lists. */
  /* 	padding-top: 16px; padding-left: 5px Mine */ 
}
#containerul li {
  margin: 0 0 0 20px; /* margin:0 0 0 30px;-A left margin to indent the list items and give the menu a sense of structure. */
  padding: 0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
  	font-family: Arial, Helvetica, sans-serif; font-size: 12px; /* My styles from here on: */ 
	line-height: 22px; font-weight: bold; color: #FFF4C8; 
	letter-spacing: 1px; word-spacing: 1px;
}
#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float: left;
  width: 12px;
  height: 1em;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
/* My own styles that are similar to what I had before using the above mainIndexPg class: */
#containerul li a:active{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; 
	font-weight: bold; color: #D3BB7C; text-decoration: none	
}
#containerul li a:link{
	color: #FFF4C8; text-decoration: none; font-size: 11pt
}
#containerul li a:visited{
	font-size: 11px; color: #FFF4C8; text-decoration: none
}
#containerul li a:hover{
	font-size: 11px; line-height: 14px; color: #D3BB7C; 
	text-decoration: none;
}

/*........................FOOTER IN FRAMESET..............*/
.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
	background-position: center top; margin-top: 2px; color: #504D41; font-weight: normal
	}

/*........................PANEL PAGES...............................*/
.panelHorizSubMenu {  
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
	color: #404039; text-decoration: none; text-align: center; word-spacing: normal; 
	font-weight: bold; letter-spacing: 1px
	}
.bgmidpanel {  
	background-image: url(images/panelMiddle.gif); background-repeat: repeat-y
	}
.panelPic {  
	padding-top: 8px; padding-right: 0px; padding-bottom: 2px; padding-left: 8px
	}
.PanelHeadings {  
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; 
	text-decoration: none; padding-top: 9px; padding-left: 12px; letter-spacing: 2pt; 
	color: #FFF4C8
	}
.panelText {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	color: #404039; 
	padding-top: 1px; padding-right: 10px; padding-bottom: 2px; padding-left: 25px; 
	letter-spacing: 0pt; top: auto; clip:  rect(   )
	}
.panelText a:active {
	}
.panelText a:link {
	color: #404039; text-decoration: underline
	}
.panelText a:visited {
	color: #404039; text-decoration: underline
	}
.panelText a:hover {
	}
	
.panelText ul li a:active {
	}
.panelText ul li a:link {
	color: #404039; text-decoration: none
	}
.panelText ul li a:visited {
	color: #404039; text-decoration: none	
	}
.panelText ul li a:hover {
	color: #404039; text-decoration: underline
	}
	
.panelSubText {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
	color: #404039; 
	padding-right: 10px; padding-left: 0px; padding-top: 3px;
	}
.panelSubTextWideHoriz {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
	color: #404039; 
	padding-right: 10px; padding-left: 0px; padding-top: 3px;
	border-top-color: #797363; border-top-style: dotted; border-top-width: medium
	}
.panelSubTextWideHoriz a{  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
	color: #404039; text-decoration: underline
	}
.panelSubText a:active {
	}
.panelSubText a:link {
	color: #404039; text-decoration: underline
	}
.panelSubText a:visited {
	color: #404039; text-decoration: underline
	}
.panelSubText a:hover {
	}
.SubTitles { 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; 
	font-weight: bold; color: #D3BB7C; letter-spacing: 3px; text-align: left; vertical-align: top; 
	word-spacing: 2px; margin: 0; padding: 0; clip: rect( ); 
	}
.panelHalfWidth50 {  
	background-image: url(images/panelMiddle50.gif); width: 289px; height: 5px; 
	background-repeat: repeat-y; 
	}
.panelHalfWidth50 {  
	}
.panelTwoThirds66 {  
	background-image: url(images/panelMiddle66.gif); background-repeat: repeat-y
	}
.panelOneThird33 {  
	background-image: url(images/panelMiddle33.gif); background-repeat: repeat-y
	}
.panelHalfWidth50Right {
 	background-image: url(images/panelMiddle50.gif); width: 289px; height: 5px; background-repeat: repeat-y;;  
	}
.PanelSubHeadings {
	 font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; 
	 padding-top: 9px; padding-left: 12px; letter-spacing: 2pt; color: #FFF4C8 
	 }
.PanelHeadingsCloser { 
   	font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; 
	padding-top: 9px; padding-left: 12px; letter-spacing: 1pt; color: #FFF4C8 
	}
.PanelSubHeadingsCloser { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; 
	padding-top: 9px; padding-left: 12px; letter-spacing: 1pt; color: #FFF4C8 
	}
.PanelSubHeadingsCloser a:active { 
	 color: #FFF4C8; text-decoration: none; 
}.PanelSubHeadingsCloser a:link { 
	 color: #FFF4C8; text-decoration: none; 
}.PanelSubHeadingsCloser a:visited { 
	 color: #FFF4C8; text-decoration: none; 
}.PanelSubHeadingsCloser a:hover { 
	 color: #D3BB7C; text-decoration: none;
	}

.CoursesTable {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #FFF4C8; background-color: #8F8876; margin-bottom: 20px; padding-top: 10px; 
	padding-bottom: 10px
	}
.CourseNameAnchor {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #FFF4C8; text-decoration: underline
	}

.CourseNameAnchor a {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #D3BB7C; text-decoration: underline
	}
	
/*................CONTENT FRAME: Displays each Artwork Picture..............*/
.FeaturePic {  
	border: 3px #C4B484 solid
	}
.captiontext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #5C5746
	}
/*.............Aligns Horiz Pics higher up-not centered..................... */
.horizPicSpacing {  
	vertical-align: top; padding-top: 20px
	}

/*...........................THUMBNAILS FRAME...............................*/
.thumbsPanel {  
	border: 2px #BAB69D solid; clip:   rect(   )
	}

/*...............PORTFOLIO PAGE: VERTICAL SIDEBAR NAVIGATION...................*/
.no_scroll {  
	overflow: hidden
	}
.layerGalleryNames {  
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; 
	line-height: 14px; font-weight: bold; color: #D3BB7C; letter-spacing: 2px; text-align: right; 
	vertical-align: top; word-spacing: 2px; clip:   rect(   )
	}
.galleryNames  {  
	color: #FFF4C8; text-decoration: none; font-size: 12px
	}
.galleryNames a:active {  
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
	line-height: 22px; font-weight: bold; color: #FFF4C8; text-decoration: none
	}
.galleryNames a:link {  
	color: #FFF4C8; text-decoration: none; font-size: 12px
	}
.galleryNames a:visited {  
	font-size: 12px; color: #FFF4C8; text-decoration: none
	}
.galleryNames a:hover {  
	font-size: 14px; line-height: 22px; color: #FFF4C8; 
	text-decoration: none; border-color: #968F7D #968F7D #D3BB7C; border-style: dotted; 
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px
	}


/*.....Didn't use on final page...For use with submenus as p tag on layers....*/
.Submenu {
  	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #D3BB7C;
  	text-decoration: none; letter-spacing: 1px; word-spacing: 1px; border-color: black #807A69 #807A69;
  	border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; 
  	border-left-width: 1px; margin-bottom: 0px; padding-bottom: 0px; vertical-align: middle
	}

/*......DROP DOWN SUB HEADING NAVIGATION...............................*/
/*......NavBar Drop-Down Submenus as Lists on Invisible Layers........ */
.SubNav {  
  	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-color: #D3BB7C;
  	text-decoration: none; letter-spacing: .2em; 
	}
.SubNav ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  	float: left; width: 100%;
	}
.SubNav ul li { 
  	display: inline; 
  	}
.SubNav ul li a {
  	float: left; width: 5em;
  	text-decoration: none;
  	padding: .2em 1em;
  	border-color: #6F695B; border-style: solid; 
  	border-top-width: 0px; border-right-width: 1px; 
  	border-bottom-width: 1px; border-left-width: 0px;
  	color: #d3bb7c;
  	background-color: #8B8372
	}
.SubNav ul li a:hover {
	color: #E3D5AE;
	background-color: #767061
	}

/*.............For use with Main Header Nav Bar..................... */
.MainNav {  
   	font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
   	font-weight: bold; color: #FFF4c8; background-color: #767061; 
   	letter-spacing: .2em; list-style-type: none;
   	border-color: #605A4F; border-style: solid; 
   	border-top-width: 0px; border-right-width: 0px; 
   	border-bottom-width: 1px; border-left-width: 0px;
	}
.MainNav ul {
  	margin: 5px;
  	padding: 0;
  	list-style-type: none;
	}
.MainNav ul li { 
  	display: inline; 
	}
.MainNav ul li a {
  	text-decoration: none;
  	padding: .2em 1em;
  	color: #FFF4C8
	}
.MainNav ul li a:hover {
  	color: #D3BB7C
	}

/*.............LARGER VIEW PAGES..................... */
.captiontextLargerView { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
	color: #5C5746; font-weight: normal; text-decoration: none
	 }
.captionSpcingLargerView {  
	padding-top: 3px
	}


.ProofPageMenu {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #52504B}
