/*******  CSS for the MM index / home page  ******/


body
{
overflow : hidden ;
height : 600px ;
}

#index-entire
{
	margin : 0 auto 0 ;
	text-align : center ;
	overflow : hidden ;
	height : 600px ;
}

#index-top
{
	margin : 35px auto 20px ;
	text-align : center ;
	height : 270px ;
	width : 770px ;
}

#index-top h1
{
		margin: 5px 0  ;
		text-align : center ;
		font-family : georgia, "times new roman", serif ;
		font-style: italic ;
		font-size : 155% ;
		font-weight : 800 ;
		word-spacing : 2px ;
		color : #a50018 ; 
}

#index-middle
{
	margin : 0 auto 0 ;
	text-align : center ;
	height : 250px ;
	width :770px ; 
	background : transparent ;
}

.indextext
{
		text-align : center ;
		margin: 20px ;
		clear : both ;
	display : none ;
}

.center h1, .center h2
{
		text-align : center ;
}


#instructions
{
		font-size: 8pt ;
		text-align : center ;
		padding : 20px 0 ;
		line-height : 150% ;
}

#index-bottom
{
		background : transparent ;
		margin : 0 auto ;
		text-align : center ;
		color: #000 ;
		height : 300px ;
		overflow : hidden ;
		font-size : 8pt ;
		line-height : 120% ;
}


/* rollover container */


#indexicons {width : 798px ; margin: 0 auto; height : 200px ; border : 0 ; }

#indexicons ul {margin : 0 ; padding:0; list-style-type:none; float : right ; }

#indexicons li {float : left ; margin : 0 ; }

/* initial images */

#indexicons li.list1 { margin: 0 10px 0 0 ; 
background-image : url('../images-css/rollovers-newer/cir.off.185.183-1.gif');
background-repeat : no-repeat ;
background-position: 7px 10px ;
background-attachment : scroll; 
border : 0 ; 
width : 194px ; height : 195px ;
}

#indexicons li.list2 { margin: 0 20px ; 
background-image : url('../images-css/rollovers-newer/rec.off.4.288.179-2.jpg'); 
background-repeat : no-repeat ;
background-position: 10px 13px  ; 
background-attachment : scroll ; 
border : 0 ; 
width: 303px; height : 195px ; }

#indexicons li.list3 { margin: 0 10px ; 
background-image : url('../images-css/rollovers-newer/tri.off.1.208.182.gif'); 
background-repeat : no-repeat ;
background-position: 10px 7px  ; 
background-attachment : scroll; 
border : 0 ; 
width : 217px ; height : 195px ; }

/* link styling */

#indexicons a { text-decoration : none ; text-align : center ; display : block; height: 0; padding-top: 220px; color:#000; }

/* background images for links */

#indexicons a#item1 { background-position: 0 -2000px ; }
#indexicons a#item2 { background-position: 0 -2000px ; }
#indexicons a#item3 { background-position: 0 -2000px ; }

#indexicons a#item1:link span, #indexicons a#item1:visited span, 
#indexicons a#item2:link span, #indexicons a#item2:visited span, 
#indexicons a#item3:link span, #indexicons a#item3:visited span

{
position : relative ;
top : -2000px ;
left : -2000px ;
}

/* Step 9 - Adding the :hover style */

#indexicons a#item1:hover, #indexicons a#item1:active { background : url('../images-css/rollovers/cir.over.185.183-2.gif') 4px 7px no-repeat ; }
#indexicons a#item2:hover, #indexicons a#item2:active { background : url('../images-css/rollovers/rec.over.290.178.gif') 10px 10px no-repeat ; }
#indexicons a#item3:hover, #indexicons a#item3:active { background : url('../images-css/rollovers/tri.over.212.185.gif') 10px 4px no-repeat ; }


#indexicons a#item1:hover span, #indexicons a#item1:active span,
#indexicons a#item2:hover span, #indexicons a#item2:active span,
#indexicons a#item3:hover span, #indexicons a#item3:active span

{
	display : block ;
	height : 80px ;
	width : 300px ;
	z-index : 999 ;
	color : #000000 ;
	position : relative ;
	top : 0px ;
	left : -50px ;
	margin : 0  ;
	padding : 0 ;
	text-decoration : none ;
	border : 0 ; 
	background: transparent ;
	font-family : georgia, verdana, arial, sans-serif ;
	font-weight : 600 ;
	font-size : 18px ;
	color : #a52842 ;
	text-align : center ;
}

#indexicons a#item2:hover span, #indexicons a#item2:active span

{
	left : 0px ;
}

#indexicons a#item3:hover span, #indexicons a#item3:active span
{
	left : -40px ;
}

#glideDiv
{ 
  	position:absolute;
  	visibility:hidden; 
  	left:0px; top:0px; width:100px; 
  	z-index:100; 
}

#pleaseselect
{
		width: 95% ;
		margin : 0 auto ;
		font-size: 110%;
		line-height: 15px;
		padding : 20px ;
		margin: 350px auto 1000px;
	display : none ;

}

#homecontent
{
	margin: 50px auto ;
	text-align : center ;
	width : 780px ;
	overflow : hidden ;
	display : none ;
}