/***************FONT*********************************************************/

p, ul, li, .slogan, .nav-button, .copy, .nav-text
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3 
{
	font-family: Times New Roman, Garamond, Goudy Old Style, serif;
}


/***************TEXT AND BACKGROUND COLORS***********************************/

/* main page background*/
body 
{ 
	background-attachment: scroll;
	background-color: black;
	background-image: url('../site_images/portrait_screened_ball_light.jpg');
	background-repeat: no-repeat;
}

/* main content color*/
body, p, ul, li 
{
	color: white;
}

/* Main Title color behavior*/
h1 a:link, h1 a:visited, h1 a:active
{	
	color: white;
}

h1 a:hover
{
	color: #C0C0C0;
}

/* Sub-heading and special section colors */
h2
{
	color: white;
}

.nav-button, .nav-text, h3, .copy
{	
	color: #88661E;
}

/* link color behaviors */
p a:link, p a:visited, p a:active
{	
	color: #88661E;
}

/* compare this to the class hover attribute below and see that tags need one */
/* order and classes need the opposite in order to work! */
p a:hover 
{
	color: #C0C0C0;
}

.nav-text a:link, .nav-text a:visited, .nav-text a:active
{	
	color: #88661E;
}

.nav-text a:hover 
{
	color: #C0C0C0;
}

/* the color of a link when visiting that page */
.current, .current a:hover
{
	color: #C0C0C0;
}

/**************image link color behaviors************************************/
.thumbnail, .picture-key
{
	border: 1px solid;
}

/* for some VERY strange reason, IMGs need to be reversed from ALL other class tags!*/
/* i.e., ".thumbnail a:link" and "a.thumbnail:link" don't work in any browser. */
a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail,
a:link .picture-key, a:visited .picture-key, a:active .picture-key 
{
	border-color: #88661E;
}

/*NS and OP won't hover without this line: */
a:hover .thumbnail, a:hover .picture-key 
{
	border-color: #C0C0C0;
}

/*IE won't hover without this line IN ADDITION to qualified hover above: */
a:hover
{
	border-color: #C0C0C0;
}


/***************STYLE********************************************************/

.nav-button a:link, .nav-button a:visited, .nav-button a:active
{	
	text-decoration: none;
}

a:link, a:visited, a:active
{	
	text-decoration: none;
}


p a:hover
{
	text-decoration: underline;
}

.current, h1 a:hover, .current a:hover, .nav-text a:hover, .nav-button a:hover  
{
	text-decoration: none;
}

.copy 
{
	font-style: italic;
	font-weight: normal;
	font-size: xx-small;
}

.slogan 
{
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	margin-top:	5px;
	margin-bottom: 30px;
}

.nav-button 
{
	font-style: normal;
	font-weight: bold;
	font-size: xx-small;
	border: 1px #88661E solid; 
	background-image: url('../site_images/screen_50.gif');
	background-repeat: repeat;
}

.nav-text
{
	font-style: normal;
	font-weight: normal;
	font-size: x-small;
}

li 
{
	font-size: smaller;
	margin-top:	1px;
	margin-bottom: 1px;
}

p 
{
	font-size: smaller;
}

h1 
{
	font-size: 	30pt;
	letter-spacing: .2em;
	font-style: normal;
	font-weight: normal;
	margin-top:	0px;
}

h2 
{
	font-size: 	large;
	letter-spacing: .2em;
	font-style: normal;
	font-weight: normal;
	margin-top:	0px;
}

h3 
{
	font-size: 	small;
}