@import url('http://fonts.googleapis.com/css?family=Tangerine|Raleway:300|Garamond|Josefin+Sans:300|Merriweather');
/* LINKS TO GOOGLE FONTS */

body 
{
  background-color:black;
  color:white;
}



/* Register fonts */

@font-face
{
  font-family:herolight;
  src: url(fonts/HeroLight.otf);
}



#line{
    border-bottom: 1px #424242 solid;
    overflow:visible;
    height: 14px;        
    margin: 15px 0 10px 0;
    font-family: "Josefin Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    /*font-family:code;*/
    text-transform: uppercase;
    font-size: 20pt;
    font-weight:100;
}
#line span{
    background-color: black;        
    padding: 0 5px 0 0;
}





/* Set up classes of font settings, etc. to apply to text with just */


/* TEXT FORMATTING */
shead {
    font-family: "Josefin Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-size: 28pt;
}
rhead {
    font-family: "Josefin Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-size: 18pt;
}
smalltext {
    font-family: "Josefin Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    font-size: 12pt;
}
quality {
    font-family: "Merriweather", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    font-size: 11pt;
}


/* H1 HEADERS WITH LINES  */
h1 {
    overflow: hidden;
    text-align: center;
    font-family: "Josefin Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", "Arial Narrow", Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    /*font-family:code;*/
    text-transform: uppercase;
    font-size: 16pt;
    font-weight:100;
}
h1:before,
h1:after {
    background-color: #848484;
    content: "";
    display: inline-block;
    height: .8px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h1:before {
    right: 1.0em;
    margin-left: -50%;
}
h1:after {
    left: 1.0em;
    margin-right: -50%;
}




/* BULLETS */
ul.a {
  list-style-type:disc;
}

/*/* LINKS */
/* Set up the style for links in menu class */
a.menu:link {color:white; text-decoration:none;}      /* unvisited link */
a.menu:visited {color:white; text-decoration:none;}  /* visited link */
a.menu:hover {color:#909090; text-decoration:none;}  /* mouse over link */
a.menu:active {color:#008B8B; text-decoration:none;}  /* selected link */
/* Set up the style for links in menu class */
a.menuC:link {color: white; text-decoration:none;}      /* unvisited link */
a.menuC:visited {color: white ; text-decoration:none;}  /* visited link */
a.menuC:hover {color:#303030; text-decoration:none;}  /* mouse over link */
a.menuC:active {color:#008B8B; text-decoration:none;}  /* selected link */
/* Set up style for the rest of the links */
a:link {color: #909090; text-decoration:none;}      /* unvisited link */
a:visited {color: #909090; text-decoration:none;}  /* visited link */
a:hover {color:#008B8B;}  /* mouse over link */
a:active {color:#008B8B;}  /* selected link */


hr {
    height: 1px;
    border: 1px solid white;
    margin: 5px;
    padding: 0;
    width: 422px;
    float: center;
}



/* ALL FOR DROP DOWN MENU */
/* Main */
#menu{
	float: center;
	width: 650px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;  
	background: black;
	position: center;

}

#menu li{
	float: left;
	padding: 0 0 0 0;
	position: relative; 
}

#menu a{
	float: center;
	height: 25px;
	padding: 0 25px 0 25px; /* spacing between main menu words top-bottom-right-left */
	color: white; /* color of main menu words when not hovered */
	font: 20px/35px herolight, herolight;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
}
/*current page class tag */
#menu a.current{
	float: center;
	height: 25px;
	padding: 0 25px 0 25px; /* spacing between main menu words top-bottom-right-left */
	color: #008B8B; /* color of main menu words when not hovered */
	font: 20px/35px herolight, herolight;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
}

#menu li:hover > a{ /*color of the main menu words when hover*/
	color: #BDBDBD;
}

*html #menu li a:hover{ /* IE6 */
	color: #BDBDBD;
}

#menu li:hover > a.current{ /*color of the CURRENT main menu words when hover*/
	color:  #008B8B;
}

*html #menu li a:hover{ /* IE6 */
	color:  #008B8B;
}

#menu li:hover > ul{
	display: block;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 1.4em;
    z-index: 99999;    
    background: black;
}

#menu ul li{
    float: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 8px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    color: white; /* color of SUB menu words when NOT hovered */
    font: 18px/24px herolight, herolight;
    text-transform: uppercase;
}

#menu ul a.current{    
    padding: 8px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    color: #008B8B; /* color of SUB menu words when NOT hovered */
    font: 18px/24px herolight, herolight;
    text-transform: uppercase;
}



*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 100px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 100px;
}
/* sub menu hovered */
#menu ul a:hover{
        background: #303030;
	color: white;
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}



#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
/* DONE WITH DROP DOWN MENU */


/* ALL FOR SECOND DROP DOWN MENU */
/* Second menu */
#submenu{
	float: center;
	width: 675px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;  
	background: black;
	position: center;
}

#submenu li{
	float: left;
	padding: 0 0 0 0;
	position: relative; 
}

#submenu a{
	float: center;
	height: 25px;
	padding: 0 15px 0 20px; /* spacing between main submenu words top-bottom-right-left */
	color: white; /* color of main submenu words when not hovered */
	font: 19px/25px herolight, herolight;
	text-transform: lowercase;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
}

#submenu a.current{
	float: center;
	height: 25px;
	padding: 0 15px 0 20px; /* spacing between main submenu words top-bottom-right-left */
	color: #008B8B; /* color of main submenu words when not hovered */
	font: 19px/25px herolight, herolight;
	text-transform: lowercase;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
}

#submenu li:hover > a{ /*color of the main submenu words when hover*/
	color: #BDBDBD;
}

*html #submenu li a:hover{ /* IE6 */
	color: white;
}

#submenu li:hover > ul{
	display: block;
}

/* Sub-submenu */

#submenu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 20px;
    left: 1.1em;
    z-index: 99999;    
}

#submenu ul li{
    float: none;
    margin: 0 0 0 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#submenu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#submenu ul a{    
    padding: 4px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    color: white; /* color of SUB submenu words when NOT hovered */
    font: 18px/24px herolight, herolight;
    text-transform: lowercase;
  
}

#submenu ul a.current{    
    padding: 4px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    color: #008B8B; /* color of SUB submenu words when NOT hovered */
    font: 18px/24px herolight, herolight;
    text-transform: lowercase;
  
}

*html #submenu ul a{ /* IE6 */   
	height: 10px;
	width: 100px;
}

*:first-child+html #submenu ul a{ /* IE7 */    
	height: 10px;
	width: 100px;
}
/* sub submenu hovered */
#submenu ul a:hover{
        background: #303030;
	color: white;
}

#submenu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}



#submenu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#submenu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #submenu             { zoom: 1; } /* IE6 */
*:first-child+html #submenu { zoom: 1; } /* IE7 */
/* DONE WITH DROP DOWN SUBMENU */









/* (5) COLUMNS FOR BOXPLOTS */
div.boxplots
{
-moz-column-count:4;column-gap:50px; /* Firefox */
-webkit-column-count:4;column-gap:50px; /* Safari and Chrome */
column-count:4;column-gap:50px;
} 


/* (4) COLUMNS FOR SUBJECTS */
div.subjects
{
-moz-column-count:4;column-gap:20px; /* Firefox */
-webkit-column-count:4;column-gap:20px; /* Safari and Chrome */
column-count:4;column-gap:20px;
} 

div.versions
{
-moz-column-count:2;column-gap:20px; /* Firefox */
-webkit-column-count:2;column-gap:20px; /* Safari and Chrome */
column-count:2;column-gap:20px;
 width: 650px;
} 



table {
  border: 1px solid white;
  padding: 1 1 1 1;
} 
th {
  border: 1px solid white;
} 
td {
  border: 1px solid white;
  padding: 4px 4px 4px 4px;
} 
td.c {
  background: #B0E0E6 ;
} 
td.ip {
  background: #086A87 ;
} 
td.nc {
  background:  #610B5E ;
} 
td.na {
  background: black ;
} 


td.OK {
  background: #339966 ;
} 
td.Q {
  background: #FFFF66 ;
} 
td.BAD {
  background:  #A30052 ;
}