/* This describes the background and default text info */

BODY { 
	background: white; color: black;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	padding: 1em;
 }

TD, TR { 
	font-family:  Arial, Helvetica, Verdana, sans-serif;
 }

/* the line below screws up right side border links! */
/* p {	text-indent:2em } */

/* this entry is for opening paragraphs in discussions, and others */

.indent {
	text-indent: 1em;
}

/* This is for the tables in timeline, and other data tables */

.timeline {
	background: InfoBackground; color: InfoText;
	border-color: WindowText;
}

.ddolist {
	width: 60%;
}

/* These next several standardize use of font modifiers */

.cross {
	font-family: "Comic Sans MS"; font-size: large;
}

.crumb {
	text-indent : 0.5em; text-align: left;
	font-family: "Arial Narrow"; font-size: smaller;
	background: InfoBackground; color: InfoText;
}

.caption {
	color: CaptionText; background: ActiveCaption;
}

.tooltip {
	color: InfoText; background: InfoBackground;
}

.context {
	color: WindowText; 	background: Window;
}

.kbd {
	border : thin solid WindowText;
	font-weight: bold; font-family: Arial;
	padding: 0em, 1em, 0em, 1em;
}


/* This section describes the header link */

a:link.header, a:visited.header {
background-color :transparent;
}

a:hover.header, a:active.header {
background-color: transparent;
border-width: 2; border-color: ActiveCaption; border: solid;
}


/*  This section describes in-text links */

a:link, a:visited {
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}


/* This section describes stand-alone links */ 

a:link.button, a:visited.button 
{ 
 font-size: smaller; font-weight:bold;  text-decoration:none; 
 border-style:outset; border-color: CaptionBackground; border-width: .3em; 
 background: InfoBackground;  color:InfoText; 
 width:110px;  
} 

a:active.button, a:hover.button 
{ 
 font-size: smaller;  font-weight:bold; text-decoration:none; 
 border-style:inset;  border-color: CaptionBackground;  border-width: .3em; 
 background-color: CaptionBackground;  color: ActiveCaption; 
 width:110px;  
} 
 
 
/* This section describes wh4u logo stand-alone links */

a:link.logo, a:visited.logo  
{ 
 font-family: "Comic Sans MS"; font-size: "smaller";
 text-decoration:none; 
 border-style:outset; border-color:blue; border-width:2px; 
 background-color: #FFFFCC;  color:blue;
 width:110px;  
} 

a:active.logo, a:hover.logo
{ 
 font-family: "Comic Sans MS"; font-size: "smaller";
 text-decoration:none; 
 border-style:inset; border-color:blue; border-width:2px; 
 background-color: blue;  color: yellow; 
 width:110px;  
} 


/* This section describes vertical links */

a:link.vertical, a:visited.vertical { 
font-size: smaller; font-family: Arial, Helvetica, sans-serif; font-weight:bolder; 
width:115px;
color: InfoText;  
background: InfoBackground;
} 

a:active.vertical, a:hover.vertical  { 
font-size: smaller; font-family: Arial, Helvetica, sans-serif; font-weight:bolder; 
width:115px;  
color: CaptionText;
background: ActiveCaption;
} 

.verticalborder { 
 background: InfoBackground;  color: InfoText;
 border-style:solid; border-color: InfoBackground; border-width: .2em; 
 width:120px;
 }

HR { 
	text-align: center; 
	color: ActiveCaption; 
	width: 100%; 
	height: 0.3em;
 }


/* This section describes paragraphs and their variations  */

.f2, .small, .data {
	font-size: smaller;
	color: blue;
}

.tf2 {
	font-family: "Arial Narrow";
	font-size: smaller;
	text-align : center;
}

.f4, .large  {
	font-size: larger;
}

.mynote {
	font-size: smaller; font-weight: bold;
	color: InfoText; background: InfoBackground;
 }
 
.tiny {
	font-size: smaller; font-family: "Arial Narrow"; 
 }

.new {
	background-color: InfoBackground; 	color: InfoText;
}

.scripture {
	background-color: InfoBackground; 	color: InfoText;
    font-weight: bolder;
	margin: 1em, 0em, 1em, 0em;
	padding: 0em, 0em, 0em, 2em;
}

.menu {
        font-family: Arial, Helvetica, sans-serif;  font-size: smaller;
}


/* This next section helps forms to take up less space ... */

form {
		display:inline;
} 


/*  This line makes a submit button look like a link */

.submitLink {
	color: #00f; 	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer; 	cursor: hand;
}


/* This next section affects replacing the font attribute throughout the site  */

.sept11 {
	background: Window;
	border: thick ridge red;
	font-weight: bold;
}

.block {
	padding: 1em; margin: 1em;
}

.napsvcontent {
	padding: 3em; margin: 3em; 
}

.highlight {
	background: ActiveCaption;	color: CaptionText;
	font-weight: bold;
}

.anyway {
	font-style: italic; 	font-weight: bold;
	color: CaptionText; background: ActiveCaption;
}


/* This section is for new Expression Web 3.0 features  */

.layout {
	background: Window; color: WindowText;
	width: 920px;
	border: thick solid #0000B1;
}

.ew {
	background: ActiveCaption;
}