@charset "utf-8";
/* CSS Document */

body
{
background-color:#000000;
color:#999999;
scrollbar-face-color:999999;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:cccccc;
scrollbar-darkshadow-color:000000;
scrollbar-shadow-color:222222;
scrollbar-arrow-color:999999;
scrollbar-track-color:000000;
}

img
{
border:none;

vertical-align:middle;

}

#outer {width:100%; height: 100%; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static; text-align:center}
		
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */


#container
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:600px;
background-image:url(Images/NavContainer3.png);
z-index:1000;
}

#siteReferrer
{
	position:absolute;
	top:250px;
	left:110px;
	width:100px;
	height:200px;
}

#indexContainer
{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	background-image:url(Images/Index2.jpg);
	z-index:-5;
}

#indexText
{
	position:absolute;
	top:440px;
	left:632px;
	width:95px;
	height:125px;
}

#indexArtLink
{
position: absolute;
top:85px;
left:585px;
width:120px;
height:110px;
background-image:url(Images/ArtLink8060.gif);
}

#indexArtLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
}

#indexNewsLink
{
position: absolute;
top:340px;
left:520px;
width:90px;
height:70px;
background-image:url(Images/ArtLink8060.gif);
}

#indexNewsLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
}

#indexBioLink
{
position: absolute;
top:450px;
left:350px;
width:80px;
height:60px;
background-image:url(Images/ArtLink8060.gif);
}

#indexBioLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
}

#indexLinksLink
{
position: absolute;
top:460px;
left:175px;
width:80px;
height:60px;
background-image:url(Images/ArtLink8060.gif);
}

#indexLinksLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
}


#homeLink
{
position: absolute;
top:40px;
left:40px;
width:100px;
height:70px;
background-image:url(Images/HomeLink1070.gif);
z-index:100;
}

#homeLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 
  
#homeLink a:hover 
{ 
   text-decoration:none;  
}  

#homeLink a:hover
{
background-image:url(Images/HomeLink1070.gif);
}

#artLink
{
position: absolute;
top:15px;
left:160px;
width:80px;
height:60px;
background-image:url(Images/ArtLink8060.gif);
}

#artLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 
  
#artLink a:hover 
{ 
   text-decoration:none;  
}

#newsLink 
{
position: absolute;
top:110px;
left:140px;
width:75px;
height:50px;
background-image:url(Images/ArtLink8060.gif);
}

#newsLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 

#newsLink a:hover 
{ 
   text-decoration:none;  
}

#bioLink
{
position: absolute;
top:180px;
left:78px;
width:65px;
height:50px;
background-image:url(Images/ArtLink8060.gif);
}

#bioLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 

#bioLink a:hover 
{ 
   text-decoration:none;  
}

#linksLink
{
position: absolute;
top:210px;
left:15px;
width:65px;
height:50px;
background-image:url(Images/ArtLink8060.gif);
}

#linksLink a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 

#linksLink a:hover 
{ 
   text-decoration:none;  
}

#newsBox
{
	position:absolute;
	top:130px;
	left:250px;
	width:390px;
	height:425px;
	overflow:none;
	background-image:url(Images/NewsBG2.jpg);
	z-index:-1;
}

#linkBox
{
	position:absolute;
	top:130px;
	left:250px;
	width:390px;
	height:425px;
	overflow:none;
	background-image:url(Images/LinksBG2.jpg);
	z-index:-1;
}

#innerNewsBox
{
	position:absolute;
	top:50px;
	left:31px;
	width:322px;
	height:355px;
	overflow:auto;
	z-index:0;
}

#selfPortrait
{
	position:absolute;
	left:225px;
	top:110px;
	width:450px;
	height:150px;
	background-image:url(Images/SelfPortrait.jpg);
	
}

#bioBox
{
	position:absolute;
	left:100px;
	top:275px;
	width:575px;
	height:250px;
}

#artSelector
{
	position:absolute;
	left:100px;
	top:375px;
	width:575px;
	height:140px;
	overflow:auto;
}

#innerArtSelector
{
	position:absolute;
	left:0px;
	top:0px;
	width:110000%;
	height:inherit-10px;
	overflow:none;
	text-align:left;
}

#artViewer
{
	position:absolute;
	left:250px;
	top:115px;
	width:425px;
	height:230px;
	overflow:hidden;
	background:no-repeat center;
}

#bannerTop
{
position: absolute;
top:160px;
left:725px;
width:50px;
height:180px;
background-image:url(Images/Banner.jpg);
}

#bannerTop a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
} 
  
#bannerTop a:hover 
{ 
   text-decoration:none;  
}


#bannerBottom
{
position: absolute;
top:375px;
left:725px;
width:50px;
height:180px;
background-image:url(Images/Banner.jpg);
}

#bannerBottom a 
{ 
   display:block; 
   width:100%; 
   height:100%; 
   text-decoration:none; 
   float:left;
} 
  
#bannerBottom a:hover 
{ 
   text-decoration:none;  
}

#copyright
{
	position:absolute;
	top:610px;
	left:200px;
}

p.copyrightText
{font:"Courier New", Courier, monospace;
font-size:10px;
color:#CCCCCC;
}

p.newsText
{
font:"Courier New", Courier, monospace;
font-size:12px;
color:#009900;
}
p.newsHeader
{
font:"Courier New", Courier, monospace;
font-size:18px;
color:#00FF00;
}

p.bioFont
{
font:Tahoma;
font-size:16px;
color:#999999;
}

button.artButton
{
vertical-align:middle;
background-color:#000000;
display:inline;
float:left;

}

p.indexTextP
{
	vertical-align:middle;
	text-align:center;
	color:#00FF00;
	text-shadow:#006600;
}