
html, body{
	height: 100%;
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: Georgia, Tahoma, Arial, "Times New Roman", Times, serif;
	font-size: 0.9em;
}

#title {
	font-family: Georgia, Arial, "Times New Roman", Times, serif;	
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
  color: #000080;
}

#hello {
	font-family: Georgia, Arial, "Times New Roman", Times, serif;	
	font-size: 1.4em;
	font-weight: bold;
  color: #915F5E;
}

#arialtxt {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;	
	font-size: 1.4em;
	color: #2B2B41;
}

b{font-size: 110%;}
em{color: red;}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F8EADC;
	padding: 4px;
	border: 2px solid DarkBlue;
	visibility: hidden;
	color: DarkBlue;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 180px; /*position where enlarged image should offset horizontally */
}

blockquote {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 14px;	
	background-color: #E7DACC;
	color: #2B2B41;
	text-align: left;
	line-height: 130%;
	font-size: 1em;
	border: 2px dashed #835555;
}

#inset {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 0.1em;
	margin-right: 0.1em;
	padding: 30px;	
	background-color: #E7DACC;
	color: #2B2B41;
	text-align: left;
	line-height: 130%;
	font-size: 1em;
	border: 6px dotted #FEF7F0;
}

#chinset {
	width: 50%;
	padding: 30px;	
	background-color: #DFD2C6;
	color: #2B2B41;
	text-align: center;
	line-height: 130%;
	font-size: 1em;
	border: 6px dotted #FEF7F0;
}


#maincontainer {
	height: 100%;
	min-height: 100%;
}	

#topsection{
	height: 154px; /*Height of top section*/
	border-bottom: 2px solid #2B2B41;
	background: #042656;
	background: url(images/logo_bkg.jpg) top left repeat;
}

#contentwrapper{
	float: left;
	width: 100%;
	background: #FBDEDE;
}

#contentcolumn{
	margin: 6px 218px 0 234px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #FBDEDE;
}

#contentcolumn a{
	color: #000080;
}		

#leftcolumn{
	float: left;
	width: 232px; /*Width of left column set in pixels to allow for menu structure*/
	margin-left: -100%;
	background: #2B2B41;
}

#rightcolumn{
	float: left;
	width: 215px; /*Width of right column in percentage*/
	margin-left: -215px; /*Set margin to that of -(RightColumnWidth)*/
	background: #C48080;
}

#footer{
	border-top: 2px solid #2B2B41;
	border-bottom: 2px solid #2B2B41;
	clear: left;
	width: 100%;
	background: #2B2B41;
	color: #FFF;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;	
	text-align: center;
}

#footer a{
	color: #FFFFFF;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
