/* CSS Document */

body{
	margins:0;
	padding:0;
	font-size:16px;
	margin: 0;
	background-color: white;
	cursor: pointer ;
}

#overAllDiv{
	position:relative;
	margin: 10px;
	text-align: center; 
	position: relative;; 
	margin: 10px; 
	width: 800px; 
	border: 2px solid maroon;
}

#bannerTextDiv  { 
	text-align: center;
	position: relative;
	 top: 0px; left: 0px;
	 width:100%; 
}
	 
#bannerTextDiv h1  { 
	color: maroon; 
	font-weight: bold; 
	font-size: 3em; 
	line-height: 100%; 
	font-family:  Arial, Verdana, Helvetica, sans-serif; 
	margin-top: 20px;
	margin-bottom: 0px; 
}
	
#bannerTextDiv h2 {
	color: black; 
	font-weight: bold; 
	 font-size: 2em;
	 font-family:  Arial, Verdana, Helvetica, sans-serif;
	 margin-top: 10px;
	 margin-bottom: 5px;
}

#canvasDiv {
	position: relative;
	text-align: center;
    width: 700px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
} 
	
#labelsCanvas{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 600px;
	z-index: 9000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	visibility:hidden;
	border: solid purple 0px;
}

#mriCanvas{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 600px;
	z-index: 5000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	visibility:visible;
	border: solid purple 0px;
}

#ctCanvas{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 600px;
	z-index: 3000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	visibility:hidden;
	border: solid purple 0px;
}

#controlsDiv { 
 position: relative;
 text-align: center; 
 margin-left: auto;
 margin-right: auto;
 top: 0px;
 width: 100%;
 border: solid green 0px;
} 

#navInfoDiv{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight:bold;
	text-align:center;
	width: 100%;
	margin: 0px;
	margin-top: 20px;	
	padding: 0px;
	cursor: pointer;
}

#navLabelsDiv{
	position:absolute;
	width: 30%;
	margin-left: -15%;	
	margin-top: -22px;	
	padding: 0px;
	cursor: pointer;
	background-color:white;
}

#manualButtonDiv{
	position:relative;
	margin: 0px;
	margin-top: -10px;;
	border: solid blue 0px;
	padding:5px;
	height: 2em;
	width: 100%;
	text-align:center;
	z-index: 10;
}

#autoButtonDiv{
	position:relative;
	margin: 0px;
	margin-top: 10px;
	border: solid blue 0px;
	padding:5px;
	height: 2em;
	width: 100%;
	text-align:center;
	z-index: 10;
}

#togCTBut{
	margin: 0px;	
	padding: 5px;;
}

#homeBut{
	margin: 0px;	
	padding: 5px;
}

#nextRostBut{
	margin: 0px;
	visibility: visible;
	padding: 5px;
}

#nextCaudBut{
	margin: 0px;
	visibility: visible;
	padding: 5px;
}

.actionBut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	color: navy;	
	display: inline-block;
	width: 25%;
	cursor: pointer;
}

.actionBut:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	color: blue;	
	text-decoration:underline;
	cursor: pointer;
}

.grayactionBut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	font-weight:normal;
	color: gray;	
	display: inline-block;
	width: 25%;
	cursor: pointer;
}

#sliderDiv{
	position:relatve;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	text-align:center;
	width: 100%;
	margin: 0px;
	margin-top: 40px;	
	padding: 0px;
	cursor: pointer;
}

#sliderDiv form label{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	text-align:left;
	color: navy;
	margin: 0px;
	margin-top: -10px;	
	padding-top: -20px;
	cursor: pointer;
	display:inline-block;
}

hr   { color: gray; width: 50%; height: 2px;  }
	
#menuDiv2 ul { 
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:center; 
	width: 100%;
	list-style-type: none;
}
	li  {  font-weight: bold;  font-size: 22px; line-height: 200%; font-family: Arial, Verdana, Helvetica, sans-serif;list-style-type: none; }
	li.norm   { color: navy; text-decoration: none ; font-style: normal;}
	li.over    { color: blue;  text-decoration: underline ; font-style: normal;}


	#footer { color: black; font-weight: normal; font-size: 14px; line-height: 150%; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; position: relative; top: 0px; left: 0px; }
						
	.footerspan { color: black; font-weight: bold; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; }
			
#goTopP{
	width:100%
	text-align:center
}
	#goTopP a.norm { color: navy; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif;  font-weight: bold; font-style: italic; line-height: 100%; text-decoration: none;; }
	#goTopP a.over { color: blue; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif;  font-weight: bold; font-style: italic; line-height: 100%; text-decoration: underline;; }