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

			body { background-color: white;  font-size: 16px; font-family: "Times New Roman", Georgia, Times; margin:0px; padding:0px; }
			span.new {color: red}
			
			#overallDiv {position: relative; margin-top: 10px; left: 10px; max-width: 700px; width:100%; cursor: pointer;}
			
			#bannerdiv { position:relative;  max-width: 700px; width:100%; }
			#bannerImg { display: block; margin: 0px; }
			#smallbannerImg {display: none; }
			
#quickLinkButDiv {
	position: absolute;
	right: 10px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 130%;
	color: navy;
	background-color: #FFC;
	z-index: 9;
	width:100px;
	height: 45px;
	text-align:center;
	padding-top: .5em;
	cursor: pointer;
}
.quickLinkBut {
	border:#C30 solid 2px;
}
#quickLinkButSpan {
	color: maroon;
	font-weight:bold;
}		

.quickLinkButOver{
	border:blue solid 3px;
}
			
			#topdiv{text-align:center;  }
			
			#contDiv { color: blue; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; position: relative; top: 0px; left: 10px; width: 690px; }
			
			#retrn {font-size: 22px; }
			
			.subhead   { color: navy; font-style: italic; line-height: 150%; font-weight: normal; font-size: 18px; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

			li a:link {color:navy; text-decoration: none}
			li a:visited {color:navy; text-decoration: none}
			li a:active {color:blue; text-decoration: underline}
			li a:hover {color:blue; text-decoration: underline}

			div.separateDiv { position: relative; top: 10px; left: 0px;  width: 100%; text-align: center; font-size: 12px; font-style: italic; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
			.goContNorm    { color: navy; font-weight: normal;  text-decoration: none;  }
			.goContOver    { color: blue; font-weight: bold;  text-decoration: underline;  }

			.heading { color: maroon; font-weight: bold; font-size: 24px; font-family: Arial, Helvetica, Geneva, Swiss; }

			.major { color: maroon; font-weight: bold; font-size: 36px; font-family: Arial, Helvetica, Geneva, Swiss }
			.submajor { color: black; font-weight: bold; font-size: 24px; font-family: Arial, Helvetica, Geneva, Swiss }
			.minor { color: black; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss; }
			.subminor  { color: black; font-style: italic; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss; }
			
			.urllink { color: navy; text-decoration: none; font-weight: bold; font-size:18px; font-family: Helvetica, Arial, Geneva, Swiss }
			.urlover    { color: blue; font-weight: bold;  text-decoration: underline; font-weight: bold; font-size:18px; font-family: Helvetica, Arial, Geneva, Swiss  }
			.underdevel { color: red }
			
			.sectionHeading { color: black; font-weight: bold; font-size: 22px; font-style: italic; font-family: Arial, Helvetica, Geneva, Swiss; }
			
#footer { font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#footer p { width: 100%; text-align: center; }

#linksContainer {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 150%;
	font-weight: bold;
	background-color: #FFC;
	position: absolute;
	z-index: 9;
	left: 10px;
	right: 10px;
	top: 70px;
	visibility: hidden;
	padding-left: 10px;
	border:#C30 solid thin;
	}

#links {
	/*font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
	position: relative;*/
	color:maroon;

}
.linksNor {
	color: navy;
	text-decoration:none
}
.linksOvr {
	color: blue;
	text-decoration:underline;
}

.itemImgClass{
	display:block;
	float:right;
	margin-left:20px;
}

.spacerClass{
	float:none;
	width: 100%;
	height:20px;
	border:red solid 0px;
}

    @media only screen and (min-width: 781px) { /* destop & larger screens */ 
	
	}
	
	@media only screen and (max-width: 650px) { /* mobile tablet screens */ 
			#bannerdiv { position:relative;   width:100%; text-align:center; }
			#bannerImg { margin-left: auto; margin-right: auto;}
			
			#quickLinkButDiv {
				position: relative;
				margin-left: auto; margin-right: auto;}
				
			#linksContainer {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFC;
	position: absolute;
	z-index: 9;
	top: 120px;
	visibility: hidden;
	padding: 3px;
	margin: 2px;
	border:#C30 solid thin;
	}
	
	}

  
  @media only screen and (max-width: 480px) { /* small/smartphone screens */ 
  #overallDiv {position: relative; top: 0px; left: 0px; width:100%; cursor: pointer; padding:3px;}
  #bannerdiv { position:relative;   width:100%; text-align:center; margin: 0px; }
  #bannerImg { display: none; }
  #smallbannerImg {display: block; width: 100%; } /*margin-left: auto; margin-right: auto*/
  
  .major { color: maroon; font-weight: bold; font-size: 30px; font-family: Arial, Helvetica, Geneva, Swiss }
  .submajor { color: black; font-weight: bold; font-size: 24px; font-family: Arial, Helvetica, Geneva, Swiss }
  
  #linksContainer {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFC;
	position: absolute;
	z-index: 9;
	top: 120px;
	visibility: hidden;
	padding: 3px;
	margin: 0px;
	border:#C30 solid 0px;
	}
	
.itemImgClass{
	display:none;
	}

   }