body {font-family: Verdana, Arial, Helvetica; font-size: 10pt}
a:link, a:visited {color:blue; text-decoration:none}
a:hover{color:white; text-decoration:none; background-color: red}

div.navbar
{
font-size: smaller;
}
div.emailform /* light orange background with darker orange underline.*/
{
border-bottom: orange 4px solid;
background-color: #FFFFE0;
}
div.navaboutus
{
float:left;
width: 50%;
}

div.navtools
{
float:right;
width: 50%;
/* margin: 5%; */
}
div.clear
{
clear: both;
}
span.navh1
{
 color: blue;
 font-weight: bold;
}
span.navh2
{
 color: green;
 font-weight: bold;
}
span.navh3
{
 color: orange;
 font-weight: bold;
}

/* structure for news/email page thingy.  */
div.columnone {
    float: left;
    width: 45%;
   }
div.columntwo {
  float: right;
 width: 45%;
 }
 table.feed { /* included in columntwo*/
 background-color: #FFE4C4;
 }



/* 
For the courses, when adding something that is required, this is how it shows that it is required. 
*/
/*label
{
 font-size: ;
} */
label.required:after
{
 content:"(required) ";
 color: red;
 font-size:xx-small;
}

/* For the courses, colours of countries and continents */
td.nocolour{ background-color:#FFFFFF;}
td.cone{ background-color: #DCF1EF;}
td.ctwo{ background-color: #F0F8FF;}
td.cthree{ background-color: #FF4040;}
td.cfour{ background-color: #7AC5CD;}
td.cfive{ background-color: #C1FFC1;}
td.csix{ background-color: #FF82AB;}
td.cseven{ background-color: #54FF9F;}
td.ceight{ background-color: #FFFF11;}
/* For the courses, indeed for all "sortable" tables */
table.sortable th
{
color: blue;
cursor:s-resize;
}
table.sortable th:hover
{
color: red;

}
table.sortable tr:hover
{
background-color:#ECF1EF;
}
/* For the courses, to make the forms look pretty. */
form.courses input select
{
 float: right;
 margin-left: 5px;
 margin-top: 10px;
 padding-top: 10px;
}
form.courses label
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 250px; 
	padding: 0; 
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: right; 
}
form.courses
{/* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 60%; 

}
form.courses fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form.courses br {
	clear:both;
}