body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#CCCCAA;
}

em{
	color: #330000;c
	font-size: small;
	font-style: normal;
	font-weight: bold;
}
b{font-size: 110%;
color:#660000;
}
em{
	color: #660000;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#maincontainer{
height: auto;
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 167px; /*Height of top section*/
width:auto
}

#topsection h1{
margin: 0;
padding-top: 0px;
padding-left:0px;
}

#contentwrapper{
background-color: #ccccaa;
float: left;
width: 100%;
height: 600px; /*this is the height of the entire box*/
}
#nav{
background-image:url(nav_background.png) top left;
width: 100%;
height: 32px;
}
#contentcolumn{
margin: 0 316px 0 316px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
z-index:50;
}

#leftcolumn{
float: left;
width: 316px; /*Width of left column in pixel*/
/*height: 600px;*/
margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
/*background-image:url(left_leaves2.png);*/
z-index: 20;
}

#leftcolumn2{
background-color:#dedec9;
float: left;
padding-top: 10px;
width: 950px; /*Width of left column in pixel*/
height: auto;
margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
/*background-image:url(left_leaves2.png);*/
text-align:center;
z-index: 20;
}

#rightcolumn{
float: left;
width: 316px; /*Width of right column*/ß
height: 600px;
margin-left: -316px; /*Set left margin to -(RightColumnWidth)*/
background: #869274;
background-image:url(MSO_Webstory_2008_1.png);
z-index: 20;
}

#footer{
clear: left;
width: 100%;
background-color:#333300; /*this is the color of the bar on the bottom navigation*/
text-align: center;
padding: 4px 0;
}

#footer a{
color: #CCCC99; /*this is the color of the text for the bottom navigation*/
}
#footer a:visited{
text-decoration: none;
color: #99FF33;
}
#footer a:hover{
text-decoration: none;
color: #99FF33;
}
#footer a:active{
text-decoration: none;
color: #660000;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background-color:#dedec9;
}
.topinnertube{
margin: 0px; /*Margins for inner DIV inside top (to provide padding)*/
margin-top: 0;
}
.navcontainer {
	text-align:center;
	width: 950px;
	height:auto;
	background-color: #330000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.footertab{
position:relative;
top: 0px;
padding: 3px 0;
margin-left: 0;
margin-top: 620;
margin-bottom: 0;
font: 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
color:#660033;
}

.footertab li{
	display: inline;
	margin: 0;
	position: relative;
	top: 0px;
	color:#CCCC99;
}
.footertab li a{
text-decoration: none;
color: #660000; /*this affects the color of the tab text*/
}
.footertab li a:visited{
text-decoration: none;
color: #660000;
}
.footertab li a:hover{
text-decoration: none;
color: #CCCC99;
}
.footertab li a:active{
text-decoration: none;
color: #660000;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCCCaa;
	padding: 5px;
	left: -1000px;
	border: 1px solid #330000;
	visibility: hidden;
	color: #330000;
	text-decoration: none;
	font-size: 10pt;
	letter-spacing: normal;
	line-height: 11pt;
	text-align:left;
}

.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: -30px; /*position where enlarged image should offset horizontally */

}
.thumbnail_right{
position: relative;
z-index: 0;
}

.thumbnail_right:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_right span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCCCaa;
	padding: 5px;
	left: -553px;
	border: 1px solid #330000;
	visibility: hidden;
	color: #330000;
	text-decoration: none;
	font-size: 10pt;
	letter-spacing: normal;
	line-height: 11pt;
}

.thumbnail_right span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -280px; /*position where enlarged image should offset horizontally */

}
hr{
	color: #330000;
}
.leftcopy{
text-align:left;
padding-left: 25px;
color:#300;
}