html, body
{
    margin: 0px;
    padding: 0px;
    width:100%;
    height:100%;
}

body
{
    font-family: arial;
    background: #7F7D6F;
    text-align: center;
    min-width: 859px;
    font-size: 13px
}

#main
{
    width: 859px;
    background: white;
    margin: 0px auto 0px auto;
    text-align: left;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

#TopHeader
{
    clear: both;
    height: 40px;
    width: 859px;
    background: url(images/TopHeader.gif);
}

#Header
{
    clear: both;
    height: 278px;
    width: 859px;
    background: url(images/Header.gif);
}

#content
{
    line-height: 1.7em;
    text-align: left;
    background: url(images/Body.gif);
}

#footer
{
    clear: both;
    height: 235px;
    width: 859px;
    background: url(images/Footer.gif);
}

.SmallRightFloat
{
	padding: 0px 100px 0px 0px;
	float: right;
	font-size: 10px;
	color: #5f5f5a;
}

.RightJustify
{
	text-align: right;
}

#Indent
{
	margin: 8px 100px 0px 100px;
}

#IndentHome
{
	font-size: 16px;
	border-bottom: 4px solid #FFFFFF;
	margin: 0px 100px 0px 100px;
}

#IndentExhibition
{
	font-size: 16px;
	border-bottom: 4px solid #71353A;
	margin: 0px 100px 0px 100px;
}

#IndentWork
{
	font-size: 16px;
	border-bottom: 4px solid #FBA3C3;
	margin: 0px 100px 0px 100px;
}

#IndentBio
{
	font-size: 16px;
	border-bottom: 4px solid #60842E;
	margin: 0px 100px 0px 100px;
}

#IndentPress
{
	font-size: 16px;
	border-bottom: 4px solid #8FECC3;
	margin: 0px 100px 0px 100px;
}

#IndentContact
{
	font-size: 16px;
	border-bottom: 4px solid #FFFAC7;
	margin: 0px 100px 0px 100px;
}

img
{
  border-color: black;
}

.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.BottomHomePad
{
	padding: 172px 0px 0px 221px;	
	font-size: 15px;
	color: Black;
}

.TopHomePad
{
	padding: 87px 0px 0px 772px;	
	font-size: 15px;
	color: Black;
}

.BottomHSSLink
{
	padding: 20px 0px 0px 37px;	
}

.BlackLink
{
	font-size: 15px;
	color: Black;
}

.SmGreyLink
{
	font-size: 9px;
	color: #4b4a47;
}

/*** Image Popup Classes ***/
.MantisThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.MantisThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.MantisThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 600px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.MantisThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.MantisThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -500px; /*position where enlarged image should offset horizontally */
}


.TreesThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.TreesThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.TreesThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 375px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.TreesThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.TreesThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -375px; /*position where enlarged image should offset horizontally */
}


.ErifThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.ErifThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.ErifThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 275px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.ErifThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.ErifThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -275px; /*position where enlarged image should offset horizontally */
}


.OurelicThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.OurelicThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.OurelicThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 380px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.OurelicThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.OurelicThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -380px; /*position where enlarged image should offset horizontally */
}


.AugligrenThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.AugligrenThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.AugligrenThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 375px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.AugligrenThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.AugligrenThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -375px; /*position where enlarged image should offset horizontally */
}


.IlecragThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.IlecragThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.IlecragThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 0px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.IlecragThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.IlecragThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -260px; /*position where enlarged image should offset horizontally */
}


.WoonThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.WoonThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.WoonThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 520px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.WoonThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.WoonThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -520px; /*position where enlarged image should offset horizontally */
}


.FigFigThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.FigFigThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.FigFigThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 255px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.FigFigThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.FigFigThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -255px; /*position where enlarged image should offset horizontally */
}


.SkullThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.SkullThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.SkullThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 450px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.SkullThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.SkullThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -450px; /*position where enlarged image should offset horizontally */
}


.SelfPortThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.SelfPortThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.SelfPortThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 350px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.SelfPortThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.SelfPortThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -350px; /*position where enlarged image should offset horizontally */
}


.SkeletalThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.SkeletalThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.SkeletalThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 228px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.SkeletalThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.SkeletalThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -228px; /*position where enlarged image should offset horizontally */
}


.StressThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.StressThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.StressThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 475px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.StressThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.StressThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -475px; /*position where enlarged image should offset horizontally */
}


.SelfSketchThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.SelfSketchThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.SelfSketchThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 220px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.SelfSketchThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.SelfSketchThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -220px; /*position where enlarged image should offset horizontally */
}


.GirlPort
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.GirlPort:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.GirlPort span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 358px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.GirlPort span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.GirlPort:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -358px; /*position where enlarged image should offset horizontally */
}


.ApplesThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.ApplesThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.ApplesThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 368px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.ApplesThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.ApplesThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -368px; /*position where enlarged image should offset horizontally */
}


.DrinkThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.DrinkThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.DrinkThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 535px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.DrinkThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.DrinkThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -535px; /*position where enlarged image should offset horizontally */
}


.TeaTimeThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.TeaTimeThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.TeaTimeThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 370px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.TeaTimeThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.TeaTimeThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -370px; /*position where enlarged image should offset horizontally */
}


.TeapotThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.TeapotThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.TeapotThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 410px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.TeapotThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.TeapotThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -410px; /*position where enlarged image should offset horizontally */
}


.DirectionalThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.DirectionalThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.DirectionalThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 255px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.DirectionalThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.DirectionalThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -255px; /*position where enlarged image should offset horizontally */
}


.TorsoThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.TorsoThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.TorsoThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 435px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.TorsoThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.TorsoThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -435px; /*position where enlarged image should offset horizontally */
}


.FigSketchThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.FigSketchThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.FigSketchThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 270px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.FigSketchThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.FigSketchThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -270px; /*position where enlarged image should offset horizontally */
}


.ScareThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.ScareThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.ScareThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 370px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.ScareThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.ScareThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -370px; /*position where enlarged image should offset horizontally */
}


.FracNightThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.FracNightThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.FracNightThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 265px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.FracNightThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.FracNightThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -265px; /*position where enlarged image should offset horizontally */
}


.TragedyUPThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.TragedyUPThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.TragedyUPThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 390px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.TragedyUPThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.TragedyUPThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -390px; /*position where enlarged image should offset horizontally */
}


.InnerLightThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.InnerLightThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.InnerLightThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 370px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.InnerLightThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.InnerLightThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -370px; /*position where enlarged image should offset horizontally */
}


.RasePlodterThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.RasePlodterThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.RasePlodterThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 420px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.RasePlodterThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.RasePlodterThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -420px; /*position where enlarged image should offset horizontally */
}


.cfiliThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.cfiliThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.cfiliThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 160px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.cfiliThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.cfiliThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -160px; /*position where enlarged image should offset horizontally */
}


.cfiliiThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.cfiliiThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.cfiliiThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 365px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.cfiliiThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.cfiliiThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -365px; /*position where enlarged image should offset horizontally */
}


.cfulThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.cfulThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.cfulThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 270px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.cfulThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.cfulThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -270px; /*position where enlarged image should offset horizontally */
}


.WinterKnowsThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.WinterKnowsThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.WinterKnowsThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 370px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.WinterKnowsThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.WinterKnowsThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -370px; /*position where enlarged image should offset horizontally */
}


.ForestHomeThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.ForestHomeThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.ForestHomeThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 290px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.ForestHomeThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.ForestHomeThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -290px; /*position where enlarged image should offset horizontally */
}


.HardSunThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.HardSunThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.HardSunThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 520px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.HardSunThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.HardSunThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -520px; /*position where enlarged image should offset horizontally */
}


.UniverseDownThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.UniverseDownThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.UniverseDownThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 410px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.UniverseDownThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.UniverseDownThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -410px; /*position where enlarged image should offset horizontally */
}


.WinnableWarThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.WinnableWarThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.WinnableWarThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 395px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.WinnableWarThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.WinnableWarThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -395px; /*position where enlarged image should offset horizontally */
}


.MoltenClayThumb
{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 13px;
	color: #001155;
	text-decoration: none;
}

.MoltenClayThumb:hover
{
	text-decoration: underline;
	background-color: transparent;
	z-index: 50;
}

.MoltenClayThumb span
{ 
	/*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: 265px;
	border: 1px dashed grey;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.MoltenClayThumb span img
{ 
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.MoltenClayThumb:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -265px; /*position where enlarged image should offset horizontally */
}


/*** MENU ***/
#menu
{
	margin: 0px;
	padding: 0px;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* END MENU */