/*  <style>  */
@font-face {
    font-family: 'Tangerine';
    src: url('Tangerine_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Poiret One';
  src: url('PoiretOne-Regular.eot');
  src: url('PoiretOne-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('PoiretOne-Regular-webfont.woff') format('woff'),
     url('PoiretOne-Regular.ttf') format('truetype'),
     url('PoiretOne-Regular-webfont.svg#cardoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
td {
  font-family: Arial; 
  font-size: 25px;
}
td.topAlign {
   vertical-align: text-top;
}
th {font-family: Arial; font-size: 30px;}
thead {font-family: Arial; font-size: 30px;}
/* Note: font-style is only normal, italic, and oblique, so if wanting normal, probably don't need it */
/*       font-weight is like bold or with a value from 100 to 900, round is better, and diffs between like 150 and 200 are minor */
body{
  font-family:Arial, Helvetica, sans-serif;
	color: #25478d;
	min-width:980px;
	background:url(body.png) center top repeat #fff;
	font-size:26px;
	line-height:30px;
}

div.label_characteristics {
  font-size:1.25em;
  font-weight:600;
  font-style:bold;
  font-family:'Poiret One',cursive;
  line-height:0.95em;
  color: #25478d;
}

span.label_characteristics2 {
  font-size:2.00em;
  font-weight:600;
  font-style:bold;
  font-family:'Tangerine',cursive;
  line-height:0.95em;
  color: #25478d;
}
/* ----------------CSS for main home page menu ----------------------------*/
div.homepageheader {
	margin-left: 55px;
	margin-top: 20px;
}
div.indentright {
	margin-left: 75px;
}
div.indentright2 {
	margin-left: 35px;
}
span.cubes_hometitle{
  font-size:2.00em;
  color: #25478d;
  font-weight:800;
  font-style:bold;
  font-family: 'Poiret One',serif;
  
}

span.cubes_homesubtitle {
  font-size:1.25em;
  font-weight:600;
  font-style:normal;
  font-family:'Poiret One',cursive;
  color: #25478d;
}
/* ------------------------------------ */
/* -------------------Main Box for Everything ---------------------------------- */
div.biggest_container {
	top: 35px;  /* added for category bit */
	min-width: 60em;
    background-color: #ECE8E8;
    width: 90%;
    border: 15px solid gray;
    padding: 15px;
    margin: auto;
	position: relative;   /* this was static  */
    text-align: left;
}
/* ---------------------------------------------------------------------------- */


/* These pound-signs can be addressed using the id="xxxx" structure in the HTML  */
#double li  { width:50%;}   
#triple li  { width:33.333%; } 
#quad li    { width:25%; } 
#six li     { width:16.666%; }   
/* ----------------------------------------------------------------------- */

/* -------------------------Notes Section---------------------------------------------- */
div.notes_container {
	position: relative;
	float: left;
	border-width: 1px;
    padding: 5px;
    margin: 20px 0px 20px 5px;
	width:98%;	
}
div.notes_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:light gray;
	font-size:18px;
	line-height:24px;
	text-align: justify;
}
/* ----------------------------------------------------------------------- */

/* ------------------------- Category Section---------------------------------------------- */

div.category_section {
	position: absolute;
    top: -48px;
	/* bottom: 0px; */
    right: 20px;
    width: 250px;
    height: 35px;
    border: 3px solid #8AC007;
	text-align: center;
	border-radius: 50px 50px 5px 5px;
}
/* ----------------------------------------------------------------------- */

/* To see the red boxes around every element; may help in positioning them:  
* {
   border: 1px solid red !important;  
} */
 
/*   </style>  */