/* Escher website main style sheet as at 2014-01-01 */

/* The orange is #F98D29 */
/* The dark orange is #ff6600; */
/* The dark blue We Reduce is #024f95 */
/* The light blue for the bottom boxes border is #65b2f9 */

/* 2006-05-20 mod to squirreljpg */
/* 2006-08-29 correction to css popups */
/* 2009-03-23 nojavascript added */
/* 2009-06-02 luncheonmeat added */
/* 2010-01-19 home, homeText and products classes added */
/* 2010-02-04 perfect classes added */
/* 2012-01-01 added bloglink */
/* 2012-04-06 dis-used the shorthand form of body; added blue background colour */
/* 2014-01-01 added marquee bits for scrolling news, and welcome*/

#warntest {
	background-color:green;
	color:white;
	padding:10px 10px 10px 10px;
	max-width:200px;
}

#welcome {
	position: absolute;
	top:210px;
	left:0px;
	padding:0px 20px 20px 30px;
	text-align:left;
	color:#024f95;
	max-width:180px;
	font-size:smaller;
	font-weight:bold;
}

#welcomehead {
	font-size:larger;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

.news {
}

.marqueehead {
	color:#f98d29;
	font-weight:bold;
	font-size: larger;
	margin:0px 0px 20px 0px;
}

#marqueecontainer{
position: relative;
/* top:220px; works on test site, i.e. without the warning flash */
top: 260px;
width: 200px; /*marquee width */
height: 100px; /*marquee height */
background-color: #fcffdc;
overflow: hidden;
border-bottom:1px solid #f98d29;
border-top: 1px solid #f98d29;
border-right:2px solid #ffffff;
border-left:2px solid #ffffff;
padding: 2px;
padding-left: 4px;
}




a.courseinfo{
	padding:5px 5px 5px 5px;
    	position:relative;
    	z-index:24;
    	background-color:white;
    	color:#006699;
    	text-decoration:none;
}

a.courseinfo:hover{
	padding:5px 5px 5px 5px;
	z-index:25;
	background-color:#ccccff;
}

a.courseinfo span{display: none}

a.courseinfo:hover span{
    	display:block;
    	position:absolute;
    	top:-20em; left:-30em; width:30em;
    	border:5px ridge #f98d29;
    	background-color:#4d9be5;
    	color:white;
    	padding:20px 30px 20px 30px;
    	text-align: justify;
    	font-weight:normal;
    	text-decoration:none;
}


a.info{
    	position:relative;
    	z-index:26;
    	background-color:white;
    	color:#006699;
    	text-decoration:underline;
}

a.info:hover{
	z-index:27;
	background-color:#ccccff;
}

a.info span{display: none}

a.info:hover span{
    	display:block;
    	position:absolute;
    	top:2em; left:2em; width:15em;
    	border:5px solid #f98d29;
    	background-color:#4d9be5;
    	color:white;
    	text-align: center;
    	padding:20px 30px 20px 30px;
}

a.perfect{
	position:relative;
    	z-index:28;
    	background-color:white;
    	color:#e67106;
    	text-decoration:none;
}

a.perfect:hover{
	z-index:29;
	background-color:white;
}

a.perfect span{display: none}

a.perfect:hover span{
    	display:block;
    	position:absolute;
    	top:-10em; left:5em; width:20em;
    	border:none;
    	background-color:white;
    	color:#006699;
    	padding:20px 30px 20px 30px;
    	text-align: justify;
    	font-weight:normal;
    	text-decoration:none;
}

.examples {
	background-color:white;
	color:#006699;
	font-weight:bold;
}

.institute {
	font-weight:bold;
	color:#006699;
	background-color:white;
}

.para {	
	font-weight: normal; 
	font-size: 14px; 
	color: #006699; 
	font-family: arial, verdana, sans-serif;
}

.problem {
	background-color:#f98d29;
	border-color:#f98d29;
	border-style:solid;	
	padding:5px 5px 5px 5px;
	width:900px;
}

.uni {
	color:#006699;
	background-color:white;
	padding:0px 10px 10px 0px;
}

.unibox { 
	color:#006699;
	background-color:white;
	margin:0px 0px 5px 10px;
	padding:0px 10px 10px 10px;
}

.unihead{
	background-color:white;
	color:#006699;
}


A.headnav:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial, verdana, sans-serif; TEXT-DECORATION: none
}
A.headnav:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial, verdana, sans-serif; TEXT-DECORATION: none
}
A.headnav:active {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial, verdana, sans-serif; TEXT-DECORATION: none
}
A.headnav:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

body {
	/* background-color:#b0c4de; */
	background-color:#ffffff;
	background-image:url('../images/bg.gif');
	background-repeat: repeat-y;
	font-family: arial, verdana, sans-serif; 
}

.leftCol { BACKGROUND: url('../images/bg_binary.jpg') no-repeat; }

.leftColText { 	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #E67106; FONT-FAMILY: arial, verdana, sans-serif; }


.bottomNav { 	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: arial, verdana, sans-serif; PADDING: 3PX}

.blurbText { 	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #006699; FONT-FAMILY: arial, verdana, sans-serif; LINE-HEIGHT: 130%}

.dropdown01 {
	color:#f98d29;background-color: white;
	FONT-FAMILY: arial, verdana, sans-serif; 
	font-size: 14px; font-weight:normal;
	padding:2px 0px 2px 0px;
}
.dropdown02 {
	color:#006699; background-color: white;
	FONT-FAMILY: arial, verdana, sans-serif; 
	font-size:14px;font-weight:normal;
	padding:2px 0px 2px 0px;
}
.dropdown03 {color:#006699; background-color:#e8e8e8;
	FONT-FAMILY: arial, verdana, sans-serif;
	font-size:14px; font-weight:normal;
	padding:2px 0px 2px 0px;
	}

.homeText 
{ 	
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px; 
	COLOR: #006699; 
	FONT-FAMILY: arial, verdana, sans-serif; 
	
	border-style:solid;
	border-color:white;
	border-width:1px;
	
}


.title {color:#F98D29; font-size:22px; FONT-WEIGHT: bold; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

.heading {color:#F98D29; font-size:18px; FONT-WEIGHT: normal; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

.subhead {color:#F98D29; font-size:15px; FONT-WEIGHT: bold; FONT-FAMILY: verdana, helvetica, arial, sans-serif; }

.orangesubhead {
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	COLOR: #F98D29;
	FONT-FAMILY: arial, verdana, sans-serif;
}

.dkorangesubhead {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #ff6600;
	FONT-FAMILY: arial, verdana, sans-serif;
}


hr {color: #0B5396; background-color:#0b5386; height: 1px}

.bodyText { 	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #006699; FONT-FAMILY: arial, verdana, sans-serif; LINE-HEIGHT: 130%}
.formText { 	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: arial, verdana, sans-serif; LINE-HEIGHT: 130%}

A.bodyLink:link {
	 COLOR: #006699; TEXT-DECORATION: underline
}
A.bodyLink:visited {
	  COLOR: #006699; TEXT-DECORATION: underline
}
A.bodyLink:active {
	  COLOR: #006699; TEXT-DECORATION: underline
}
A.bodyLink:hover {
	COLOR: #006699; TEXT-DECORATION: none
}


.go {
	color:#006699;
}

.luncheonmeat 
{
	visibility: hidden;
}

.nogo {
	color:#cccc99;
}

.opens	{
	font-style:italic;
	font-size: smaller;
}


.tableBlue {border: 1px solid #70AEE7}

a.submenu:active {text-decoration:underline; color:#006699; font-weight:normal;FONT-SIZE: 13px; FONT-FAMILY: arial, verdana, sans-serif;}
a.submenu:link {text-decoration:none; color:#006699; font-weight:normal;FONT-SIZE: 13px; FONT-FAMILY: arial, verdana, sans-serif;}
a.submenu:visited {text-decoration:none; color:#006699; font-weight:normal;FONT-SIZE: 13px; FONT-FAMILY: arial, verdana, sans-serif;}
a.submenu {text-decoration:underline; color:#006699; font-weight:normal;FONT-SIZE: 13px; FONT-FAMILY: arial, verdana, sans-serif;}
a.submenu:hover {text-decoration:underline; color:#006699; font-weight:normal;FONT-SIZE: 13px; FONT-FAMILY: arial, verdana, sans-serif;}


.mandatory {color:#FF0000}

.submit {background:#085194; color:#ffffff; font-weight:bold}


A.blurbLink:link {
	 COLOR: #006699; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.blurbLink:visited {
	 COLOR: #2288bb; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.blurbLink:active {
	  COLOR: #3399cc; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.blurbLink:hover {
	COLOR: #66ccff; FONT-WEIGHT: bold; TEXT-DECORATION: none
}




A.blogLink:link {
	 COLOR: #F98D29; font-weight:bold; TEXT-DECORATION: none
}
A.blogLink:visited {
	  COLOR: #ffcc66; font-weight:bold; TEXT-DECORATION: none
}

A.blogLink:hover {
	COLOR: #dd6600; font-weight:bold; TEXT-DECORATION: none
}
A.blogLink:active {
	  COLOR: #dd6600; font-weight:bold; TEXT-DECORATION: none
}




.subMenuSelect {font-weight:bold; color:#006699}

.subMenuUnselect {font-weight:normal}

.caption { 	FONT-SIZE: 10px; COLOR: #085194; FONT-FAMILY: arial, verdana, sans-serif; LINE-HEIGHT: 130%;}

p {	text-align: justify;
}

.squirreljpg {
	background-color:white;
	width:71px;
	height:64px;
	border:none;
}

.nojavascript 
{
	font-size:small;
	font-style:italic;
	color: #006699;
	border-color: black;
	border-width:1px;
	
	border-style: solid;
	
}

h2.home
{
	color: #f98d29;
}

h2.products
{
	color: #f98d29;
}