@charset "UTF-8";
/* CSS Document: homeCSS.css */

			span.new {color: red}
		
body { 
background-color: white; 
margin:0px; padding: 0px; 
font-size: 18px;
cursor: pointer;
}
div#wholePageContainer {
	position: relative;
	width : 800px;
	max-width: 810px;
	background-color: #f5f3e8;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
	padding: 0px;
	color: black;
	font-size: 18px;
	border: solid black 1px;
	text-align:center;
}
div#bannerDiv{
	 display: block;
	 text-align:center;
	 margin: 0;
	 padding: 0;
	 width : 100%;
	 text-align:center;
 }
 img#bannerImg{
	 width:auto;
 }
 div#bannerDivMedium{
	display: none;
	text-align:center;
	margin: 0;
	padding: 0;
	 width : 100%;
	 text-align:center;
 }
 img#bannerImg740{
	 width: auto;
 }
 div#bannerDivSmall{
	display: none;
	text-align:center;
	margin: 0;
	padding: 0;
	 width : 100%;
	 text-align:center;
 }
 img#bannerImg480{
	 width:auto;
 }
div#categoryPanel { 
position: relative; 
text-align:center;
width: 100%; 
padding: 0; margin: 0; 
margin-top: -2em;
}		
div.aCoursewareCategory{
	display: inline-block;
	width: 100%;
	color: maroon; 
	font-weight: bold; 
	font-size: 2em; 
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif ;
	margin-top: 1em;
}
.descripLink{
	color: navy; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 1.0em; 
	font-family: Arial, Helvetica, sans-serif;
}
.descripLinkOver{
	color: blue; 
	text-decoration: underline; 
	font-weight: bold; 
	font-size:1.0em; 
	font-family: Arial, Helvetica, sans-serif;
}
.showLink{
	color: navy; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 1.0em; 
	font-family: Arial, Helvetica, sans-serif ;
}
.showLinkOver{
	color: blue; 
	text-decoration: underline; 
	font-weight: bold; 
	font-size:1.0em; 
	font-family: Arial, Helvetica, sans-serif ;
}
div.linksContainer{
	text-align:left;
	line-height:150%;
	font-weight: bold; 
	display: none;
}
ul.links{
	font-size: 1.2em;	
	line-height:150%;
}
a.linksNor{
	color: navy; 
	text-decoration: none; 
		
}
a.linksOvr{
	color: blue; 
	text-decoration: underline;
	
}
div#buttonsDiv{
	width: 100%;
	display: flex;
	margin-top: 1em;
}
div#buttonsDiv a{
	width: 25%;
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif ;
	border: solid 2px navy;
	margin:4px;
	margin-top: 1em;
	padding: 5px;	
}
a.butLink{
	color:navy;
	text-decoration:none;
	font-weight: normal; 
	font-size:1.3em;
}
a.butLinkOver{
	color:blue;
	font-size: 1.2em;
	text-decoration:underline;
	font-weight: bold; 
}
div#anatImagesDiv{
	text-align:center;
	margin: 1em auto;
}
img#anatImg{
	
}
div#pageFooterDiv{
	width: 100%;
	text-align:center;
	position: relative;
	top: 0; 
	color: black; 
	font-weight: normal; 
	font-size:  0.8em; 
	line-height: 150%; 
	font-family: "Times New Roman", Georgia, Times; 
}
div#logoDiv{
	width: 100%;
	text-align:center;
}
p.footerText{
	
}
span.footerHead{ 
	color: black; 
	line-height: 150%; 
	font-weight: bold; 
	font-size: 1.2em; 
	font-family: Arial, Helvetica, sans-serif;
}
div#browserNote{ 
	color: green; 
	font-style: italic; 
	font-weight: bold; 
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif ;
}	
p#showVideo {	
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	border:#000066 solid 2px ; 
	padding: 3px; 
	margin-left: auto; 
	margin-right: auto; 
	width: 30%;
}
p#showVideo.showVideoUp { 
	color: navy;
	text-decoration: none;
	border-color: navy;
}
p#showVideo.showVideoOvr { 
	color: blue; 
	text-decoration: underline; 
	border-color: blue;
}
p#goTop{
	font-style: italic; 
	font-weight: bold; 
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif ;
}
a.gotoplink{
	color: navy; text-decoration: none; 
}
a.gotoplinkOver{
	color: blue; text-decoration: underline; 
}

    @media only screen and (min-width: 781px) { /* destop & larger screens */ 
	
	}
	
	@media only screen and (max-width: 780px) { /* mobile tablet screens */ 
div#wholePageContainer {
	font-size: 16px;
	border: solid black 0px;
	margin: 0px;
	}
div#bannerDiv{
	display: none;
 }
div#bannerDivMedium{
	 display: block;
 }
 div#bannerDivSmall{
	display: none;
 }
 
  }
  
  @media only screen and (max-width: 480px) { /* small/smartphone screens */ 
div#wholePageContainer {
	width : 480px;
	background-color: #f5f3e8;
	margin: 0px;
	font-size: 16px;
	border: solid black 0px;
	text-align:center;
}
div#bannerDiv{
	 display: none;
 }

div#bannerDivMedium{
	display: none;	 
}

div#bannerDivSmall{
	 display: block;
 }

   }