@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #CCCCCC;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
	transition-duration: 0.4s; 
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
body,td,th {
	font-family: Century Gothic, Arno Pro Light Display, sans-serif;
}

/*  P A G E  B O D Y  F O N T S  */

	/*Through These Doors*/
.style1 {
	font-size: 24px;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
	color: #FFFFFF;
}
	/*Page Italic Title*/
.style2 {
	font-size: 48px;
	font-style: italic;
	color: #000066;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}
	/*Content Title Large*/
.style3 {
	font-size: 36px;
	color: #000066;
	font-weight: bold;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}
	/*Sub Title Medium*/
.style4 {
	font-size: 20px;
	color: #000066;
	font-weight: bold;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}
	/*Sub Title Small*/
.style5 {
	font-size: 14px;
	color: #000066;
	font-weight: bold;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}
	/*Content Verbiage*/
.style6 {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}


/*  F O O T E R  F O N T S   */

	/* Footer Titles  */
.style7 {
	font-size: 24px; 
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif; 
	color: #FFFFFF; 
	font-weight: bold; 
}
	/* Footer Blurb  */
.style8 {
  	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif; 
	color: #CCCCCC; 
	font-size: 16px;	
	font-weight: normal;
  	line-height: 2.0;
}
	/* Footer Links and Body Transparent Links */
.style9 {
	font-size: 16px; 
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif; 
	color: #FFFFFF; 
	font-weight: normal; 
}

/* O T H E R   F O N T S  */

	/*Small White with BSR pic*/
.style12 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
}
/* Red  */
.style50 {
color: #FF0000
}
	/*Footer School City*/
h2 {
  font-size:14px;
  color: #FFFFFF;
  font-weight: 200;
  font-family:"Century Gothic", "Arno Pro Light Display", sans-serif;
  letter-spacing: 12px;
}


/*  S P E C I A L  R O L L O V E R  L I N K S  */

	/*  Transparent Rollover  */
td.blueyellow1 {
    background-color: rgba(0,0,151,0.5);
	align: left;
	color:  #FFFFFF;
    font-weight: normal;
}
td.blueyellow1:hover {
    background-color: rgba(255,255,0,0.5);
	color:#000066;
	transition-duration: 0.4s; 
}
	/* Solid Cell Rollover */
td.blueyellow2 {
    font-size: 12px;
	font-color: #FFFFFF;
}
td.blueyellow2:hover {
    font-color: blue;
	background-color: gold;	
}
td a {
  width: 100%;
  display: block;
}

	/*  T A B L E  F O R M A T S  */

table#t01 {
  align: center;
  width: 70%;
  font-weight: normal;
}
table#t02 {
  align: center;
  width: 70%;
  background-color: #23313E;
  font-weight: normal;
}


/*   D R O P D O W N  B U T T O N   F O R M A T   */

	/*Button Format*/
.dropbtn {
  font-family: Century Gothic, Arno Pro Light Display, sans-serif;
  background-color: #23313E;
  border-radius: 5px 15px;
  color: white;
  padding: 16px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}
	/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
	/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  font-size: 12px;
  font-family: "Century Gothic", "Arno Pro Light Display", sans-serif;
  display: none;
  position: absolute;
  background-color: gold; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, gold, white); /* Standard syntax (must be last) */
  min-width: 160px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24);
  z-index: 1;
}
	/* Links inside the dropdown */
.dropdown-content a {
  color: darkblue;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
	/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  border-radius: 5px 15px;
  background-color: gold; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, white, gold); /* Standard syntax (must be last) */
}
	/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  border-radius: 5px 15px;
  display: block;  
}
	/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: gold; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, gold, white); /* Standard syntax (must be last) */
  color: darkblue;
}