body
 { background-color: white; background-image: url(images/gran-bg1.jpg);
   background-attachment: fixed;  font-family: tahoma, verdana, arial; font-size: 26pt; color: White;}

 A:visited {color: Gold;}
 A:link {color: Yellow;}
 A:hover {color: purple; text-decoration: underline;}

 .imgFader{ position:relative; filter:alpha(opacity=0); -moz-opacity:0% }

p	{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
    color: #000000;
	margin-top:0; margin-bottom:0}

	
.smText {
        font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
        color: #000000;
	margin-top:0; margin-bottom:0}

.orngText {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #B36B00;  /*  orange  */
	text-align: left;
	margin-top:0; margin-bottom:0}
	
.smOrngText {
	font-family: verdana, helvetica, arial, sans-serif;
        font-size: 12px;
	color: #FFFFFF; /*  white  */
	margin-top:0; margin-bottom:0}
	
/*  small text links  */
a.smText:link {
	color: #FFFFFF; /*  black  */
	font-size: 12px;
	text-decoration:underline;}
a.smText:visited {
	color: #FFFFFF; /*  black  */
	font-size: 12px;
	text-decoration:underline}
a.smText:hover {
	color: #AA0000; /*  dark red  */
	font-size: 12px;
	text-decoration: none}
a.smText:active {
	color: #AA0000; /*  dark red  */
	font-size: 12px;
	text-decoration: none}

/*  folder name links  */
a.fName:link {
	color: #000000; /*  black  */
	font-size: 12px;
	text-decoration:underline;}
a.fName:visited {
	color: #000000; /*  black  */
	font-size: 12px;
	text-decoration:underline}
a.fName:hover {
	color: #AA0000; /*  dark red  */
	font-size: 12px;
	text-decoration: none}
a.fName:active {
	color: #AA0000; /*  dark red  */
	font-size: 12px;
	text-decoration: none}


/*  folder/file grid alternating row colors  */
.folderrow1 {
	background-color: #ffcc33;}
.folderrow2 {
        background-color: #cc9900;}
.filerow1 {
        background-color: #FFFFFF;}
.filerow2 {
        background-color: #FFFFFF;} 

/*  various borders  */
.border1 {border: 1px solid #996600; border-collapse: collapse}    
.border2 {border: 2px solid #996600; border-collapse: collapse} 
.borderBot {border-bottom: 1px solid #996600}   

/*  cell padding for column headers  */
.hpadding {padding: 0px 10px 0px 10px}

/* Style for Depressible CSS Buttons contains box model hack
as described at http://css-discuss.incutio.com/?page=BoxModelHack.
Depressible Button code from http://www.htmlcenter.com/tutorials/tutorials.cfm?ID=154&type=css */
/* SelectButton is located on View Image Popup */
#selectButton a {
	color: #000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	border:4px outset #ffffdd;
	background-color:#eeeeee;
	display: block;
	width: 80px !important;
	width /**/:100px;
	padding: 3px 5px;
	margin: 1px;}

#selectButton a:hover {
	background-color: #b36b00;
	color:#ffffff;
	padding-left:4px;
	border:4px inset #eeeeee;
	}
