/***** Positioning *****/

/*
	Positioning for 2 or 3 columns
	
body is parent of banner, Lsidebar, and content.

content div is parent of heading, Rsidebar, mainColumn, and footer in that order
*/

body
{
	margin-top: 0px;
	margin-left: -5px;
	/* 	font-family:  Verdana, Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	text-align: left;
	color: #000000;
	background: url(/images/backgrounds/mandelbugFelt.jpg) repeat fixed;
}

#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 1em;
}

#banner
{
	position: static;
	float: right;
	margin-top: 1em;
	margin-right: 1em;
	text-align: right;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #A52A2A;
	background: transparent;
}

#Lsidebar
{
	position: absolute;
	top: 114px;
	left: 0px;
	width: 180px;
	margin: 10px;
	color: #000000;
	background: transparent;
}

#content
{
	position: absolute;
	top: 5em;
	left: 210px;
	width: 45em;
	color: #000000;
	background: url(/images/backgrounds/canvasYel.jpg);
}

#heading
{
	position: static;
	padding: .1em;
	color: #000000;
	background: #f0f0ff;
}

#mainColumn
{
	position: static;
	margin: 1em;
	padding: 1em;
	color: #000000;
	background: url(/images/backgrounds/canvasSky.jpg);
}

#footer
{
	position: static;
	margin: 1em;
	text-align: center;
	clear: both;
	color: #000000;
	background: transparent;
}


#footerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	color: gray;
	background: transparent;
}

/***** Replacement picture heading  *****/

.picHead
{
	text-align: left;
}

.turingtest
{
	text-align: left;
	position: relative;
	background-color: #ff0; 

}

/***** Standard containers *****/
/* 
/* format: <type><color><position><width>
/* types:
/* 		panel	no border
/* 		box		thin border
/* 		frame	fance border
/* colors:
/* 		B		Body color
/* 		T		Trim (content bg) color
/* 		M		Main color
/* 		D		Darker color
/* 		L		Lighter color
/* 		C		Color other than the above
/* 		X		Transparent
/* positions:
/* 		left
/* 		right
/* 		center
/* widths:
/* 		px, em, %
/* 		wide
/* 		narrow
*/
 
.panelD
{
	margin: 10px;
	padding: 10px;
	color: #ffdf00; 
	background-color: #338599;
}

.boxX
{
	padding: 10px;
	border: #933 solid thin;
	background: transparent;
	overflow: hidden;
}

.panelXleft
{
	position: relative;
	float: left;
	margin-left: 10px;
	width: 250px;
	text-align: left;
	background: transparent;
}

.panelT
{
	padding: 10px;
	color: #ffdf00; 
	background-color: #933;
	overflow: hidden;
}

.panelB
{
	padding: 10px;
	text-align: left;
	color: #ffdf00; 
	background-color: #011426;
}

.panelXright
{
	margin-left: 300px;
	padding: 10px;
	text-align: left;
	background: transparent;
}

.panelX
{
	padding: 10px;
	text-align: left;
	background: transparent;
}


/***** Special containers *****/

.Rsidebar
{
	position: static;
	float: right;
	width: 30%;
	margin: 3em 0em .5em .5em;
	padding: 1em;
	color: #91276F;
	background: #f0fff0;
}

.menuColor
{
	margin-right: 20%;
	border: 1px;
	padding: 5px;
	border-style: solid;
	color: #000000;
	background: #F7BD94;
}

.mockField
{
	margin-right: 20%;
	border: 1px;
	padding: 5px;
	border-style: solid;
}

.lineFrame
{
	border: 2px;
	padding: 10px 10px 10px 30px;
	border-style: solid;
}

.shadOut
{
	border-style: solid;
	border-width: thin medium medium thin;
	border-color: black;
}

.shadFrame
{
	border-top: 1px;
	border-right: 3px;
	border-bottom: 3px;
	border-left: 1px;
	padding: 10px 10px 10px 30px;
	border-style: solid;
}

.shadFrameY
{
	border-top: 1px;
	border-right: 3px;
	border-bottom: 3px;
	border-left: 1px;
	padding: 10px 10px 10px 30px;
	border-style: solid;
	color: #000000;
	background: #fffff0;
}

.newsbox
{
	text-align: center;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	border-width: 1px 5px 5px 1px;
	border-color: black;
}

.sideNote
{
	float: right;
	border-top: 1px;
	border-right: 3px;
	border-bottom: 3px;
	border-left: 1px;
	padding: 10px 10px 10px 30px;
	border-style: solid;
}


/***** Modifiers *****/

.centered
{
	text-align: center;
}

.windowLeft
{
	position: absolute;
		left: -182px;
}

.block
{
	margin-left: 3em;
	margin-right: 3em;
}

.clearLeft
{
	clear: left;
}

.textSpace
{
	margin: 0em 2em 0em 2em;
}

.spacedButton
{
	margin-top: 0em;
	margin-bottom: -.5em;
	margin-left: 3em;
	margin-right: 3em;
	color: #000000;
	background: #f0fff0;
}

.floatLeft
{
	float: left;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-right: 1em;
}

.floatRight
{
	float: right;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 1em;
}

/* Text */

h2.rightSection
{
	margin-top: 1em;
	font-size: 1.2em;
	border-bottom: 1px solid #A52A2A;
	color: #A52A2A;
	background: #c0ffc0;
}

h2.date
{
	margin-top: 10px;
	margin-right: 1em;
	padding: .2em;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	border-top: 1px solid #666600;
	border-right: 5px solid #666600;
	color: #A52A2A;
	background: transparent;
}

h2.subject
{
	font-size: 1.5em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #A52A2A;
	background: transparent;
}

h3.subject
{
	font-size: 1em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #A52A2A;
	background: transparent;
}

div.sectionBottom
{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	margin-top: .8em;
	margin-right: auto;
	padding: 0em .5em .2em .5em;
	border-bottom: 5px solid #666600;
	border-left: 1px solid #666600;
	color: #000000;
	background: #fff0f0;
}


.sectionHead
{
	margin: 1em;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	border-width: 0px;
	color: #91276f;
	background: transparent;
}

.heading
{
	margin-top: 2em;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #600000;
	background: transparent;
}

h1,h2,h3.heading
{
	margin-top: .1em;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #600000;
	background: transparent;
}

h4
{
	font-size: 1.2em;
	color: #000000;
	background: transparent;
}

h5
{
	font-size: 1.1em;
	color: #000000;
	background: transparent;
}

h6
{
	font-size: 1em;
	color: #000000;
	background: transparent;
}

.displayInline
{
	display: inline;
}

strong { font-weight: 600; }

.ital { font-style: italic; }

.first-letter { font-size: 150%; }

.priceText
{
	color: red;
	background: transparent;
}

.redText
{
	color: red;
	background: transparent;
}

.greenText
{
	color: green;
	background: transparent;
}

.blueText
{
	color: blue;
	background: transparent;
}

.cyanText
{
	color: #00ffff;
	background: transparent;
}

.magentaText
{
	color: #ff00ff;
	background: transparent;
}

.yellowText
{
	color: #ffff00;
	background: transparent;
}

.orangeText
{
	color: #ffc85a;
	background: transparent;
}

.brownText
{
	color: #876432;
	background: transparent;
}

.headline { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }

.verse
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: smaller;
	font-style: italic;
	font-weight: lighter;
	white-space: nowrap;
}

.boldverse
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	white-space: nowrap;
}

.quote
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: larger;
	font-style: italic;
	font-weight: bold;
	color: #060;
	background: transparent;
}

.boldital
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.rightSectionHeader
{
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
	color: #91276f;
	background: transparent;
}

/* for layered popups */

.popupLink
{
	color: red;
	background: transparent;
}

.popup
{
	position: absolute;
	visibility: hidden;
	background: yellow;
	color: black;
	width: 200px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 3px solid black;
	border-right: 3px solid black;
	padding: 3px;
	z-index: 10;
}

/***** Rollovers *****/

.menu
{
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

a
{
	color: blue;
	background: transparent;
}

a:link
{
	color: blue;
	background: transparent;
}

a:visited
{
	color: green;
	background: transparent;
}

a:hover
{
	color: blue;
	background: transparent;
	text-decoration: underline;
}

a:active
{
	color: lime;
	background: transparent;
}

.smallMenu
{
	font-style: italic;
	font-weight: bold;
	font-size: .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91276f;
	background: transparent;
	text-decoration: none;
}

a.smallMenu:link
{
	color: #91276F;
	background: transparent;
	text-decoration: none;
}

a.smallMenu:visited
{
	color: #996633;
	background: transparent;
	text-decoration: none;
}

a.smallMenu:hover
{
	color: #008800;
	background: transparent;
	text-decoration: none;
}

a.hiddenLink:link
{
	color: #91276F;
	background: transparent;
	text-decoration: none;
}

a.hiddenLink:visited
{
	color: #91276F;
	background: transparent;
	text-decoration: none;
}

a.hiddenLink:hover
{
	color: #91276F;
	background: transparent;
	text-decoration: none;
}