h1 
{
	font-family: Verdana, Tahoma, sans-serif; font-weight: bold
	color: #666666;
	font: 18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-top: 0px;
}

h2
{
	font-family: Verdana, Tahoma, sans-serif
	color: #999999;
	font: 14px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {font-family: Verdana, Tahoma, sans-serif}
h4 {font-family: Verdana, Tahoma, sans-serif}
h5 {font-family: Verdana, Tahoma, sans-serif}
h6 {font-family: Verdana, Tahoma, sans-serif}

ul.none {list-style-type: none}

.floatleft { float: left; }
.floatright { float: right;}
.clear { clear: both; }

#outerContainer {
min-width: 760px;
max-width: 1024px;
text-align: center;
width:expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 1024? "1024px" : "auto");
margin-left: auto;
margin-right: auto;
text-align: center;
}

#mainPageDisplayArea {
width: 580;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#mainPageTopBanner {
height: 150;
padding-top: 20px;
text-align: center;
}

#mainPageImageArea {
width: 580;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#mainPageImageArea img {
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
border: 0;
}

#mainPageImageArea a:link, #mainPageImageArea a:visited, #mainPageImageArea a:active {
color: #999999;
text-decoration: none;
outline: none;
border: 0;
}

#mainPageImageArea a:focus {
color: #666666;
}

#mainPageImageArea a:hover {
color: #666666;
}

#otherPageContainer {
margin-left: 0px;
text-align: left;
}

.mainDisplayAreaCaption {
margin-top: 50px;
color: #666666;
font: 15px Verdana, Tahoma, sans-serif;
}

.mainDisplayAreaCaption a {
color: #666666;
text-decoration: none;
}

.mainDisplayAreaCaption a:hover {
color: #000000;
text-decoration: none;
}


#otherPageTopBanner {
height: 60;
padding-top: 10px;
text-align: left;
border-bottom: 1px solid #CCCCCC;
}

#otherPageDisplayArea {
width: 100%;
margin-top: 20px;
margin-left: 0px;
margin-bottom: 20px;
text-align: left;
/* background-color: #FF0000; */
}

#thumbnailTable {
float: left;
}

#thumbnailTable table {
margin-left: 0px;
}

#thumbnailTable table tr {
height: 60px;
}

#thumbnailTable table tr td{
width: 40px;
border: 0px;
padding: 5px;
}

#thumbnailTable table tr td img {
/* margin: 5px 5px 5px 5px; */
width: 40px;
height: 50px;
border: 0;
}

#thumbnailTable table tr td a:link, #thumbnailTablel table tr td a:visited, #thumbnailTable table tr td a:active {
outline: none;
}

#galleryPageImageArea {
float: right;
margin-right: 50px;
margin-bottom: 50px;
}

#galleryNavigation {
width: 445px;
height: 30px;
color: #999999;
margin-top: 0px;
margin-left: 0px;
background-color: #FFFFFF;
}
#galleryNavigation ul {
font: 15px Verdana, Tahoma, sans-serif;
list-style: none;
margin-top: 20px;
margin-left: 0px;
padding: 0px;
border: none;
}
#galleryNavigation ul li {
margin: 0px;
padding: 0px 5px 0px 5px;
}
#galleryNavigation ul li a {
text-decoration: none;
color: #999999;
}

#galleryNavigation ul li a:link, #galleryNavigation ul li a:visited {
color: #999999;
text-decoration: none;
outline: none;
}

#galleryNavigation ul li a:hover, #galleryNavigation ul li a:focus {
color: #333333;
}

#galleryNavigation ul li a:active {
color: #999999;
outline: none;
}

#bottomNavigationArea {
width: 100%;
height: 30px;
color: #999999;
margin-top: 0px;
margin-left: 0px;
background-color: #FFFFFF;
border-top: 1px solid #999999;
text-align: right;
}
#bottomNavigationArea ul {
font: 13px "Century Gothic", sans-serif;
list-style: none;
margin-top: 10px;
margin-right: -5px;
padding: 0px;
border: none;
}
#bottomNavigationArea ul li {
margin: 0px;
padding: 0px 5px 0px 5px;
display: inline;
}
#bottomNavigationArea ul li a {
text-decoration: none;
color: #999999;
border-right: 1px solid white;
}

#bottomNavigationArea ul li a:link, #bottomNavigationArea ul li a:visited {
color: #999999;
text-decoration: none;
outline: none;
}

#bottomNavigationArea ul li a:hover, #bottomNavigationArea ul li a:focus {
color: #333333;
}

#bottomNavigationArea ul li a:active {
color: #999999;
outline: none;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
MozOpacity: 0.5;
KhtmlOpacity: 0.5;
opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
MozOpacity: 1;
KhtmlOpacity: 1;
opacity: 1;
}

#leftNavigationMenuArea {
float: left;
}
.leftNavigationMenu{
font: 15px Verdana, Tahoma, sans-serif;
list-style: none;
margin-left: 0px;
padding: 0px;
border: none;
}
.leftNavigationMenu li {
margin: 0px;
color: #999999;
padding: 0px 5px 0px 5px;
}
.leftNavigationMenu a {
text-decoration: none;
color: #999999;
border-right: 1px solid white;
}
/*
#leftNavigationMenu ul li a:link, #workshopNavigation ul li a:visited {
color: #999999;
text-decoration: none;
outline: none;
}
*/
.leftNavigationMenu li a:hover, .leftNavigationMenu li a:focus {
color: #333333;
}
/*
#leftNavigationMenu ul li a:active {
color: #999999;
outline: none;
}
*/

.leftNavigationMenu li .current {
color: #333333;
}

.workshopListArea {
margin-left: 240px;
}

.workshopList {
height: 148px;
border-bottom: 1px solid #999999;
}

.workshopListImage {
float: left;
margin-top: 20px;
margin-right: 20px;
}

.workshopListTable {
margin-top: 20px;
font: 12px Verdana, Tahoma, sans-serif;
color: #999999;
}

td.workshopTitle {
font: 14px Verdana, Tahoma, sans-serif;
}

tr td a {
text-decoration: none;
color: #999999;
}

tr td a:hover{
color: #333333;
}

#workshopDetailsArea {
width: 600px;
text-align: justify;
color: #666666;
margin-left: auto;
margin-right: auto;
font: 12px Verdana, Tahoma, sans-serif;
}

#bioDetailsArea {
width: 600px;
text-align: justify;
color: #666666;
margin-left: auto;
margin-right: auto;
font: 12px Verdana, Tahoma, sans-serif;
}

#threePhotosAndText {
width: 740px;
float: right;
text-align: center;
}

#theText {
margin-top: 20px;
text-align: justify;
font: 12px Verdana, Tahoma, sans-serif;
color: #666666;
}

#justText {
width: 740px;
float: right;
text-align: justify;
font: 12px Verdana, Tahoma, sans-serif;
color: #666666;
}

#textOnBackgroundImage {
width: 560px;
height: 704px;
margin-left: auto;
margin-right: auto;
background: url(../images/palegroyne.jpg);
font: 12px Verdana, Tahoma, sans-serif;
color: #666666;
}

#textOnBackgroundImage a {
text-decoration: none;
color: #666666;
}

#textOnBackgroundImage a:hover{
color: #333333;
}