 
/* Style sheet for bigpictureperspective.com. October 2007 */

body  /* defines background color and texture*/
{ 
	background-color: #F4F5D6;
	background-image: url(images/MarbleBackground2.jpg);
}

.headercolor /* defines background color for main header cell*/
{
	background-color: #4b0082; /* should be #4b0082;*/
}

.boxcolor /* defines background color for boxes containing article descriptions, etc.*/
{
	background-color: #F1F2D3;
}

h1	/* Main (h1) headers. Yellow, large. */
{ 
	font-family: "Arial Narrow";
	font-size: 1.5em;
	font-weight: bold;
	color: #eeee00;
	text-align: center;
	margin-top: 0.0em;
	margin-bottom: 0.0em;
}

h2	/* Secondary (h2) headers. Indigo, slightly smaller than main header. */
{ 
	font-family: "Arial";
	font-size: 1.1em;
	font-weight: bold;
	color: #4b0082;
	text-align: left;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

.h2centered	/* Secondary (h2) headers. Indigo, slightly smaller than main header. */
{ 
	font-family: "Arial";
	font-size: 1.1em;
	font-weight: bold;
	color: #4b0082;
	text-align: center;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}
h3	/* Third level (h3) headers. Dark gold, slightly smaller than h2. */
{ 
	font-family: "Arial";
	font-size: 1.0em;
	font-weight: bold;
	color: #cc9933;
	text-align: left;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

.h3centered	/* Third level (h3) headers. Dark gold, centered. */
{ 
	font-family: "Arial";
	font-size: 1.0em;
	font-weight: bold;
	color: #cc9933;
	text-align: center;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

.h3white	/* Third level (h3) headers for dark backgrounds. White text*/
{ 
	font-family: "Arial";
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

h4	/* Fourth level (h4) headers. Black, slightly smaller than h3. */
{ 
	font-family: "Arial";
	font-size: 0.95em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

p  /* Used for paragraphs. black. */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	text-align: left;
}

.maintext  /* Used for most of the text. Same as paragraph */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	text-align: left;
}

.maintextcentered  /* Same as paragraph, but centered. */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	text-align: center;
}

.maintextwhite  /* Used for text on dark background. Text is white */
{
	font-family: "Arial";
	font-size: .9em;
	color: #FFFFFF;
	text-align: left;
}

li  /* List items (same as maintext) */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	text-align: left;
}

.quotetext  /* Used for quotes. Same as paragraph, but could be changed */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	text-align: left;
}

.whoquotedtext  /* Person being quoted. Same as paragraph, but bold. */
{
	font-family: "Arial";
	font-size: .9em;
	color: #000000;
	font-weight: bold;	
	text-align: left;
}

.highlighttext  /* Highlighted text: Font size unspecified, bold, color gold. */
{
	font-family: "Arial";
	color: #cc9933;
	font-weight: bold;
	text-align: left;
}

.smallertext  /* Slightly smaller than maintext */
{
	font-family: "Arial";
	font-size: .8em;
	color: #000000;
	text-align: left;
}

.smallertextcentered  /* Same as smaller text, but centered. */
{
	font-family: "Arial";
	font-size: .8em;
	color: #000000;
	text-align: center;
}

.menutext  /* Text in top menu  */
{
	font-family: "Arial Narrow";
	font-size: .9em;
	color: #000000;
	text-align: center;
}

.footertext  /* Text in footer (address block) */
{
	font-family: "Arial";
	font-size: .85em;
	color: #000000;
	text-align: center;
}

/* Navigation Controls */

/* Default navigation for main text (on white background). 
Inherit font-family and size from parent.
Link color is pale blue, active & visited link = gold, hover = bright red. */

a:link { color: #4b0082 } /* unvisited links */

a:visited { color: 990099 } /* visited links */

a:active { color: #FF0000 } /* when link is clicked */

a:hover  {  color: #ef3c21 } /* hover */


