/*--------------------------------------------
Define default attributes for body, pseudo links, various
blocks and h1(page title), h2(page subtitles), and h3
paragraph headings.

Define classes for background and text colors (so far none).
Define classs for vertical and horizontal tables of navigation 
links.
--------------------------------------------*/

/*--------------------------------------------
Define default inheritable styles for whole body of page
--------------------------------------------*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: black;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	text-transform: none;	
}

/*--------------------------------------------
Define styles for the Message Table which contains the 
whole page message.  
NOTE:  Centering this table or any table does not work in the
usual fashion which is to put the table in a centered div.
--------------------------------------------*/

table.MessageTable
{
	width: 100%; 
	text-align: left; 
	font-size: .9em; 
	vertical-align: top;
	margin-bottom: 6px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	z-index: 1;
	visibility: visible;

}


/*--------------------------------------------
Define format for inline links
--------------------------------------------*/
a {
	color: #0033CC;
}

a:visited {
	color: #0033CC;
}

a:active {
	color: #0033CC;
}

a:hover {
	color: #0033CC;
	background-color: #CCE7FF;
}


/*--------------------------------------------
Define default attribute values for div, paragraph, table entry, 
and (h1)page title, (h2)page subtitle, and (h3)paragraph 
headings within page message.
--------------------------------------------*/
blockquote 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:normal;
	font-style: normal;
	font-variant: normal;
	color: black;
	text-decoration: none;
	text-transform: none;
	background-image: url('Images_Graphics/LightBackground.jpg');
	background-repeat: repeat;
}


/* Styles and Classes for tables.  First, the defaults */
/* Note the 1em - this is the way to carry the .9em established */
/* in the enclosing message table class.  */
table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	font-style: normal;
	font-variant: normal;
	color: black;
	text-decoration: none;
	text-transform: none;
	visibility: visible;
}


/*--------------------------------------------
Table cell styles for 2 columns where one column has a picture alongside 
a column with text.  Pictures are variable width wide;  220px max recommended.
(Specifying a picture cell width causes IE8 to go bananas.)
Use Right for picture on right side of row;  Left for picture on left side of row.
--------------------------------------------*/

td.weavingPictureRight 
	{
		text-align: center;
		vertical-align: middle;
		padding: 4px;
		padding-left: 20px; 
	}

td.weavingPictureLeft 
	{
		text-align: center;
		vertical-align: middle;
		padding: 4px;
		padding-right: 20px; 
	}



/*--------------------------------------------
Common table cell styles
--------------------------------------------*/



td.center-top
{
	text-align: center;
	vertical-align: top;
}

td.center-middle
{
	text-align: center;
	vertical-align: middle;
}

td.center-bottom
{
	text-align: center;
	vertical-align: bottom;
}

td.left-top
{
	text-align: left;
	vertical-align: top;
}

td.left-middle
{
	text-align: left;
	vertical-align: middle;
}

td.left-bottom
{
	text-align: left;
	vertical-align: bottom;
}

td.right-top
{
	text-align: right;
	vertical-align: top;
}
td.right-middle
{
	text-align: right;
	vertical-align: middle;
}
td.right-bottom
{
	text-align: right;
	vertical-align: bottom;
}


/* Basic paragraph, followed by subclasses. Do not touch font-size as scale factor*/
/* may be applied by containing class, e.g., table.toplevelMessage.  */
p
{
	font-variant: normal;
	text-align: left;
	margin-bottom: 6px;
}

p.indent1
{
	padding-left:20px;
	padding-right:15px;
}

p.center
{
	font-variant: normal;
	text-align: center;
	margin-bottom: 6px;
}

/*--------------------------------------------
Img properties: narrow black border
--------------------------------------------*/
img.narrowBorder
{
	border: thin black solid;
}

/*--------------------------------------------
Captions must go in <p>caption</p> in order to have specific 
margin above and below caption text.  The caption can
have only the alignment of the picture being capationed.
--------------------------------------------*/
p.caption-left
{
	font-size: small;	
	margin-top: 0px;
	margin-bottom: 8px;
}

p.caption-right
{
	font-size: small;
	text-align: right;	
	margin-top: 0px;
	margin-bottom: 8px;
}

p.caption-center
{
	font-size: small;
	text-align: center;	
	padding:0;
	margin-top: 0px;
	margin-bottom: 8px;
}


/* Headings - three levels.  h1 is reserved for the page title. */

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: normal;
	font-variant: normal;
	text-transform: none; 
	line-height: 26px; 
	margin: 0px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 4px; 
	padding-left: 4px;
	background-image: url('Images_Graphics/PageTitle_gradient.jpg');
	color: black;
	
}
	
h2 
{
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 11pt; */
	font-size: medium;
	font-size: .95em; 
	font-weight: bold;
	letter-spacing: 1px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	/* Adjust margins to bring h2 closer to the text to which it applies */
	margin-top: 10px;
	margin-bottom: -10px;
	text-align: left;
	color: #770E0E;
}

/* Extra emphasis on h2 header.  Used to separate workshops, lectures, WHW entries by month. */

h2.sectionDivider 
{
	background-color: #b1ccff;
	margin-top: 20px;
	margin-bottom: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:3px;
	font-size:1em;
}


.h2NoNegMargin
{
	/*Override the negative bottom margin header followed by table or picture */
	margin-bottom: 10px;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 1.05em; 
	font-weight: normal; 
	font-style: italic;
	font-variant:normal;
	font-style: italic;
	text-transform: none;
	text-align: left;
	margin-top: 8px;
	margin-bottom: -12px; 
	color: #770E0E;
}

.h3NoNegMargin
{
	/*Override the negative bottom margin header followed by table or picture */
	margin-bottom: 10px;
}


/*--------------------------------------------
Define style classes for different text formats that apply
only to the selected text string. 
NB:  the caption text-aligns do not work for some reason. 
--------------------------------------------*/

.text_bold 
{
	font-weight: bold;
}

.text_italic 
{
	font-style:italic;
}


.text_smallCaps
{
	font-variant:small-caps;
}

.text_underline
{
	text-decoration: underline;
}

.text_capFirstLetters
{
	text-transform:capitalize;
}

.text_capAllLetters
{
	text-transform:uppercase;
}

.text_boldBlack
{
	color: black;
	font-weight: bold;
}

.text_boldGuildRed
{
	color: #770E0E;
	font-weight: bold;
}

.text_redSuperscript
{ font-variant:
	color: #770E0E;
	
	  
}

.text_indent_1Smidge
{
	text-indent: 10px;	
}

.text_indent
{
	text-indent: 20px;	
}